Membuat Highlight script kode didalam posting Blog

Apa maksudnya hightlight script kode.? disini maksud penulis tentang hightlight script kode itu adalah memberikan tampilan beda terhadap script kode yang akan ditampilkan di posting blog agar dapat mencirikan atau membedakan mana tulisan biasa dan yang mana tulisan yang mengandung script kode.

Oke langsung saja kita mulai pembahasannya :

Langkah 1 :

• Masuk ke akun Blog anda, 


• pilih "Layout" --> "Edit Template" --> "Expand Template widget".


• Cari kode ]]><b:skin>

Langkah 2 :

Setelah anda temukan kode ]]><b:skin>, anda masukkan atau copy & paste kode dibawah ini diatas kode ]]><b:skin>

.hightlight {

width : 500px;

background : #ffc;

margin-left : 15px;

border-left : 3px solid #0c0;

clear : both;

font-size : 12px;

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

padding : 10px;

}

Save template anda.

Note : Anda dapat merubah warna background, border, font size nya sesuai dengan pilihan kesukaan anda. Anda hanya tinggal mengganti tulisan yang berwarna merah diatas dengan kode warna yang anda suka.



Langkah 3 :

Untuk cara penggunaan nya kalian masuk ke bagian "Setting"--> "Formating" --> "post template" didalam kotak dialog post template kalian masukkan atau tuliskan kode berikut



<span class="hightlight"></span>



Setiap kalian akan menampilkan script kode di dalam posting nya, masuk ke bagian tab editor "edit html" bukan tab editor "compose". Kalian sisipkan script kodenya di antara <span class="hightlight"> script kode</span>



Akhirnya selesai sudah pembahasan tentang cara membuat hightlight script kode kedalam posting blog nya.

Selamat mencoba dan semoga berhasil......



Bila anda masih kurang faham atau masih belum berhasil membuatnya silahkan berrtanya melalui kotak komentar... penulis akan membantu sebisa mungkin...

Terima Kasih

Created By Syarief Hidayat



------------------------------------------------------------------------------------------