Highlight pada Script/Kode di Postingan

Highlight pada Script/Kode di Postingan ~ Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca dan mudah cara memasangnya
Jika masih ada yang belum tahu maksud Highlight pada Script/Kode di Postingan akan saya jelaskan kembali, Highlight pada Script/Kode di Postingan adalah script/kode atau tulisan lainnya ) yg akan membedakan dengan tulisan yg lain



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>

.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;}


Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

3. Kalau sudah kemudian Simpan.

Cara Posting
Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.




keterangan:

background:#DDE4FF;
adalah warna background nya,bisa anda ubah sesuka anda lihat kode warnanya disini

border:1px dotted
adalah garis tepinya 1px yaitu ketebalan dari garis tepinya, kamu bisa ganti ketebalanya dengan yang lain sesuaikan dengan template anda,sedangkan dotted adalah jenis border pada kota highlight script kamu ganti sesuai selera kamu,klik disini untuk melihat jenis border .

#223344 adalah kode warna border silahkan Anda ganti menuruk selera Anda.

padding:5px 5px 5px 5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.