Menyisipkan kode/script pada blogger

Salah satu faktor penting bagi penulisan blog adalah bagaimana supaya posting blog kita enak dan nyaman untuk dibaca. Untuk penulisan posting tutorial yang membutuhkan contoh kode, alangkah sedapnya apabila kode yang ingin kita tampilkan mendapatkan ruang khusus untuk dibaca dan mudah dimengerti untuk selanjutnya diterapkan oleh reader kita.

Untuk itu pada posting kali ini kita akan menerapkan bagaimana cara penulisan kode HTML/Script pada posting Blogger kita. Anda siap?? oke.. mari kita masuk ke babak yang pertama..

Pertama
Download dulu tempalate anda sebelum memulai di Layout>>Edit HTML>>Download full template untuk menghindari hal-hal yang tidak diinginkan,Hehe...

Kedua
Masuk ke Layout>>Edit HTML dan check Expand Widget Templates, untuk selanjutnya cari kode ]]></b:skin> . untuk mempermudah, tekan Crtl+F pada windows dan ketik ]]>.

Ketiga
Copy paste code berikut tepat sebelum kode  ]]></b:skin> diatas

body#layout { 
overflow:visible;
}
pre
{
background:#f2f7fb;
border:1px solid #cddae2;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:100%;
text-align:left;
margin:0;padding:0;
color: #6e818c;}
.clear { clear:both;
overflow:hidden;
}  

Keempat
Untuk melakukan posting kode HTML/script, selanjutnya masuk ke Posting>>New Post dengan hanya menambahkan kode:

<pre>
kode / script HTML
</pre>

atau

<code>
kode / script HTML
</code>

Hehe... selamat anda berhasil.. :-)