Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

Membuat Kotak Kode Script pada Postingan Blog

Menampilkan kode script di postingan sudah hal biasa bagi blog Tutorial . Agar lebih menarik , saya akan share Membuat Kotak Kode Script pada Postingan . Jika sobat mau mencobanya silahkan ikuti Tutorial berikut ini :

1. Sing in akun Blog sobat
2. Klik Rancangan => Edit HTML =>
3. Kemudian cari Kode ]]></b:skin> gunakan Ctrl + F agar lebih mudah
4. Paste kode dibawah ini tepat diatas kode ]]></b:skin>

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVnwmDLJGAh-_-LXw5UazHnVYJNpKvZBKnsvAlMigJYGKW3jo7-c6p-IVeiP6iUylWbGrgbj1bqLY_CIdSBLK6LXaILdFZ2DqPDvilgtXZhkFMr5T8k1NpogI3TOy0XAwFVdPk1UhQ8KdU/') no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
line-height : 24px;
color : #333333;
margin : 0;
padding : 0;
}

4. Simpan Template Sobat


**Cara Kerja**
Jika sobat menulis Script kode pada postingan atau Artikel , Masuk ke tab Edit HTML disebelah tab Compose . Lalu sisipkan kode yang ingin ditayangkan (kode warna merah) pada div class seperti dibawah ini :
Silahkan Download Disini untuk kode dibawah ini
<div class="codeview">
<!-- Letakkan kode anda disini -->
</div>

Baca juga Cara Daftarkan Blog Ke Technorati
Terima kasih telah membaca artikel tentang Membuat Kotak Kode Script pada Postingan Blog di blog Tutorial Kewez jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel.
Gunakan Tombol Balas jika ingin membalas Komentar agar susun komentar lebih terstruktur
Kode Emoticon :) :( =( ^_^ :D =D |o| @_@ ;) :-bd :-d :p =)) :goodluck: :O