Saturday, February 26, 2011

Menampilkan script pada postingan blog


Bismillah..
Pada postingan kali ini saya sharingkan sedikit tips blog untuk menampilkan code script pada postingan blog (blogger). Nah dengan postingan ini di harapkan pembaca dapat membedakan code code dengan penjelasan yang dimaksud oleh pemilik blog.
Oke langsung saja tanpa panjang lebar..
Caranya sebagai berikut:


1. Masuk ke blogger dan login pada blog Anda.
2. Klik Rancangan dan klik edit HTML
3. Cari kode ]]></b:skin>
4. Copy code berikut, code ini saya ambil dari tipskom.co.cc
.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;
}
5. Pastekan code tersebut diatas code ]]></b:skin>
6. Klik simpan (save)
    Nah sampai disini anda sudah mengedit template masih ada cara lagi yang harus anda terapkan untuk setiap postingan anda.
7. Buka http://centricle.com/tools/html-entities/ dan pastekan code yang ingin anda tampilkan pada blog. dan klik encode.
8. tambahkan kode berikut pada postingan anda
<div class="codeview">
paste disini code yang anda ubah tadi
</div>
Nah hasilnya seperti dalam kotak diatas.
Semoga bermanfaat... Jangan lupa comment ya...

1 comment: