Pasang highlight pada postingan

Highlight pada postingan sendiri gunanya agar pembaca lebih mudah membedakan mana kode yang harus di copy dan mana yang tidak.

Biasa nya kode highlight sering dipakai pada blog yang berisi dengan kode HTML.

Ok, let's do this :
1. Login ke Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Cari kode ]]></b:skin>

4. Kemudian copy kode dibawah ini lalu 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;}

5. Simpan Template

Keterangan:

#DDE4FF;
Warna background bisa kamu ganti sesukanya.

border:1px dotted
Adalah garis tepinya "1px" yaitu ketebalan dari garis tepinya, bisa diganti ketebalannya dengan yang lain sesuaikan dengan template anda

Dotted adalah jenis border pada kotak highlight script.
#223344 adalah kode warna border.
padding:5px 5px 5px 5px;
Untuk memberi batas garis tepi dengan tulisan sebesar 5 px

Cara Posting

Pada saat ingin membuat postingan baru, pilih yang "Edit HTML" bukan yang "Tulis" !!
Agar kode/scriptnya bisa ada tepat di kotak Highlight,untuk memposting sebuah postingan tambahkan kode <p class="alert"> sebelum kode/script yang akan diberi highlight, kemudian tambahkan juga kode </p> diakhir script/code.

Contoh :

<p class="alert">


"Postingan Yang Mau di Highlight"


</p>

Selamat Mencoba,
If this works for you, great !

Posted in: Tips,Tutorial