Menampilkan Code di Postingan

Menampilkan Code atau script pada postingan merupakan menu wajib bagi mereka yang memiliki blog yang membahas tips blogging, atau mereka yang memberikan tutorial ngeblog.

Sebenarnya caranya sangat mudah yaitu dengan mem-phrase code tersebut lebih dahulu baru kita paste di postingan kita. usahakan beri tanda yang berbeda atau gunakan blockquote agar pembaca mudah membedakan mana yang code dan mana yang tulisan biasa.

Memphrasekan Code :
Untuk memphrasekan code anda dapat menggunakan tools saya ini dengan gratis, caranya paste code anda pada kotak yang atas, kemudian hasilnya akan keluar pada kotak yang bawah. Code dari kotak yang bawah inilah yang harus anda taruh di postingan.

Phrase Code | DISINI |

paste-kan code tersebut di dalam <blockquote>[taruh code disini]</blockquote>

agar lebih menarik anda gunakan seperti cara yang di bawah, tapi cara yang kedua ini sedikit membuka code html blog anda, gak usah takut, gampang kok...

Langkah 1
Login ke account Blogger Anda dan masuk ke bagian Layout. pilih Edit Html.

Langkah 2
Cari kode ini ]]></ b: skin> dalam kode template Anda, dan tambahkan code dibawah ini diatas kode CSS yang telah anda cari tadi, kemudian Simpan Template Anda sekarang

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
overflow:auto;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #000;
border-right : 2px solid #000;
border-bottom : 2px solid #000;
border-left : 1px solid #000;
-moz-border-radius:10px;
}
.codeview li {
overflow:auto;
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;
}

untuk memfungsikannya saat posting seperti dibawah ini