Cara Membuat Codeview Pada Postingan
Blogger pernah mendengar istilah codeview? ya saya yakin sebagian teman-teman sudah mendengar istilah codeview, menurut saya codeview adalah satu fasilitas untuk membuat background datar untuk code-code yang kita posting pada blog kita, simpelnya codeview dipakai untuk meruangkan atau menonjolkan kode-kode html ataupun kode css, saya sendiri memakai codeview berwarna biru muda. Nah sekarang saya ingin mengajak sobat untuk membuat codeview di blogger, bagaimana caranya? NI contohnya :
Ikuti langkah berikut ini:
1. Sign In ke blog anda.
2. Tuju tab Layout/Tata Letak ► Edit HTML
3. Backup template anda dengan mengklik Download Full Template.
4. Centang kotak yang bertuliskan Expand Widget Template.
5. Cari kode ini ► ]]</b:skin>
5. Setelah ketemu, Pasang kode dibawah ini persis di ATAS kode tadi:
.codeview {
color: #fff;
padding: 15px; display: block; margin: 10px 0 10px 0;
background: #3c3a41 url(http://roele112.googlepages.com/blue-grid-bg.png);
overflow: auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
7. Simpan template
8. Selanjutnya, jika sobat ingin menyisipkan kode-kode dipostingan sobat maka sobat harus menambah kode dibawah ini:
<div class="codeview">
tulisan kode
</div>
9. Simpan posting anda dan lihat hasilnya
Moga manfa'at!
Blogger pernah mendengar istilah codeview? ya saya yakin sebagian teman-teman sudah mendengar istilah codeview, menurut saya codeview adalah satu fasilitas untuk membuat background datar untuk code-code yang kita posting pada blog kita, simpelnya codeview dipakai untuk meruangkan atau menonjolkan kode-kode html ataupun kode css, saya sendiri memakai codeview berwarna biru muda. Nah sekarang saya ingin mengajak sobat untuk membuat codeview di blogger, bagaimana caranya? NI contohnya :
Ikuti langkah berikut ini:
1. Sign In ke blog anda.
2. Tuju tab Layout/Tata Letak ► Edit HTML
3. Backup template anda dengan mengklik Download Full Template.
4. Centang kotak yang bertuliskan Expand Widget Template.
5. Cari kode ini ► ]]</b:skin>
5. Setelah ketemu, Pasang kode dibawah ini persis di ATAS kode tadi:
.codeview {
color: #fff;
padding: 15px; display: block; margin: 10px 0 10px 0;
background: #3c3a41 url(http://roele112.googlepages.com/blue-grid-bg.png);
overflow: auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
7. Simpan template
8. Selanjutnya, jika sobat ingin menyisipkan kode-kode dipostingan sobat maka sobat harus menambah kode dibawah ini:
<div class="codeview">
tulisan kode
</div>
9. Simpan posting anda dan lihat hasilnya
Moga manfa'at!
0 komentar:
Posting Komentar
Setiap komentarmu akan sangat berarti sekali buat blog ini agar bisa menjadi lebih baik untuk kedepannya, trima kasih udh berkomentar di blog ini..