Mempercantik Tampilan Script Di Postingan Blog

Hmmm...hmmmm....
Banyak cara untuk menampilkan script-script di postingan blog.
Kali ini saya akan memberikan cara menampilkan script di postingan agar terlihat lebih menarik.
Trik ini menggunakan gambar pada background tempat menuliskan script.
Metode yang digunakan hanya CSS.
Contohnya seperti ini nih hasilnya......

tes...tes.....tes....

TheGunk | www.blognapibelog.blogspot.com

Daripada mesti baca panjang lebar, langsung aja caranya nih.

Masuk ke Blogger, kemudian cari Edit HTML
Ingat sebelum menambahkan script, agar dicentang dulu Expand Template Widget
Kalau sudah, silahklan cari script ini ]]></b:skin>
Lanjut, letakkan script ini DI ATASNYA
.code {
display:block;
font-family:Courier New;
color:white;
font-size:9pt;
width:360px;
overflow:auto;
repeat-y;
max-height:200px;
margin:5px 10px;
padding: 2px 15px 2px 25px;
background:url(http://i592.photobucket.com/albums/tt8/TheGunk26/blog/codefix.png) no-repeat left top; }

Kemudian simpan tempalate

Langkahnya belum selesai nih.

Sebelum Anda akan mem-posting suatu script, dalam penuilisannya Anda harus memanggil class CSS tadi.
Dengan cara
<span class="code">
LETAKKAN SCRIPT ANDA DISINI
</span>

Nah....... mudah khan....
Gak ribet-ribet amat tuh.

Sumber

5 komentar