Menampilkan kode HTML/Javascript yang unik di postingan

Buat sobat Jovie yang menanyakan bagaimana cara menampilkan code HTML-an atau Javascript yang unik tentunya yang bagus kaya blog ini :P ,maka dengan ini saya posting sekalian buat blogger mania, saya dapat hack ini dari Mohamed Rias dan saya sudah minta izin untuk mentranslatenya ke dalam bahasa Indonesia. Ok bisa kita mulai?

1. Seperti biasa, login ke blogspot, kalau sudah login masuk ke Tata Letak > Edit HTML

Perhatian! Jangan lupa untuk membackup template sobat, klik DownLoad Full Template!

2. Setelah itu masukkan kode di bawah ini di atas kode ]]</b:skin>

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i280.photobucket.com/albums/kk162/mochal_nl_2008/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}

Jangan lupa simpan hasil pekerjaan sobat!

3. Untuk menampilkan code HTML/Javascript di postingan sobat harus memakai code di bawah ini :

<div class="codeview">

Taruh kode HTML, css, Javascript code

</div>

NB : kode di atas bisa ditulis di dalam mode compose ataupun Edit HTML

Setelah semuanya selesai tinggal di praktekkan dah lihat hasilnya, jika masih bingung silakan komentar insya Allah saya balas atau berkunjung ke Mohamed Rias. Ok sobat Happy blogging yak :D .

Contoh pemakaian codeview :

Hasilnya akan seperti ini, blogger mania bisa memasukkan code HTML-an, code CSS, JavaScript dan bisa menaruh tulisan di dalam bingkai unik ini! Sangat bagus bukan?