Jumat, 23 Maret 2012

Memasang Highlight untuk Script/Kode di Postingan

Memberikan sebuah highlight untuk script/kode pastilah sangat membantu pembaca untuk dapat lebih jelas melihat script/kode yang ditampilkan.Maka dari itu penggunaan highlight pada script/kode akan lebih bermanfaat yang dapat membedakan dengan tulisan lain karena highlight tersebut berbentuk kotak.
Agan tertarik memasang sebuah highlight pada setiap postingan agan ?
Berikut ane kasih tutorialnya perhatikan dengan seksama.
Langkah-Langkah :
1.Masuk/Login ke Blog agan.
2.Rancangan>Edit HTML.
3.Cari kode ]]></b:skin> lalu copy paste script di bawah ini dan tempatkan tepat diatas kode ]]></b:skin>.
Berikut script yang harus agan copy paste :

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
Ganti kode #DDE4FF dengan kode warna yang agan inginkan.4.Klik Simpan/Save Template dan selesai.
Cara Posting.
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/kode.
Dah gitu aja, gampang kan agan semua.Kalo agan mau berusaha dan yakin bisa percaya dech agan pasti bisa.
Terima kasih telah datang dan berkunjung ke blog ane ini yang simple namun inovatif ini semoga apa yang ane share slalu bermanfaat bagi agan semua.
Keep Blogging.



Baca Artikel lainya:

0 komentar:

Posting Komentar

Iklan

Get Paid To Promote, Get Paid To Popup, Get Paid Display Banner