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>
<!-- 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.
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