Membuat Highlight pada Kode atau Script di Postingan Blog Sobat - Memberikan Highlight untuk script atau
kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu
lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada
highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu
mau tahu cara pembuatamnya?
Gini nih caranya :
1. Login ke blogger lalu pilih Layout-->Edit HTML
2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>
.code { 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;}
Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu.
3. Kalau sudah kemudian Simpan.
Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara-cara tersendiri. Yaitu dengan menambahkan kode ini <p class="code"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.
Sumber : http://trik-tips.blogspot.com
