Menampilkan kode script pada posting blog

Sebelumnya saya pernah memposting 'Menampilkan kode HTML pada posting'. jika sobat bertanya apakah postingan sekarang sama dengan yang sebelumnya? kalau sama kenapa saya harus repot-repot memposting tips ini. yang jelas postingan yang sekarang melengkapi postingan yang sebelumny. jika yang dulu memasukan kode script html cukup dengan convert code.. lalu paste di halaman posting. nah yang sekarang kita tambahkan dengan warna layar di belakang kode tersebut untuk membedakan antara script dan teks biasa.. contohnya bisa diliat script pada postingan ini..

caranya :

1. Masuk Blogger>

2. Klik Layout(tata letak).

3. Pada Layout/tata letak klik Edit HTML dan centang Expand Widget Template.

4. Cari kode ]]></b:skin>

5. Copy code di bawah ini

.codeview {

margin : 15px 15px 15px 15px;

padding : 10px;

clear : both;

list-style-type : none;

background : #F5F5F5 url() no-repeat right bottom;

border-top : 1px solid #000;

border-right : 1px solid #000;

border-bottom : 1px solid #000;

border-left : 1px solid #000;

}

.codeview li {

font-size : 12 px;

line-height : 23px;

font-family : "Courier New", "MS Sans Serif", sans-serif, serif;

color : #000;

font-weight : normal;

margin : 0;

padding : 0;

}

6. Kemudian paste tepat diatas code ]]></b:skin>

7. klik simpan (save)

tambahan : #F5F5F5 adalah warna background. kode warna ini bisa sobat rubah sesuai keinginan.

lalu ikuti perintah ini saat memposting

    * Cara untuk memasukan kode script/kode HTML yaitu encode dulu di centricle.com, paste kodenya dan klik encode. paste hasilnya ke halman posting, tambahkan <div class="codeview"> diawal script dan </div> di akhir script

    * Atau bisa disini setelah di paste scriptnya tinggal klik convert ad code. hasil convertnya simpan dalam postingan diantara kode <div class="codeview"> dan </div>

hasilnya seperti script yang sobat lihat di atas.