Membuat Highlight Pada Postingan

Fungsinya yaitu untuk menandai kata atau script yang ingin dtonjolkan pada pembaca. Bentuknya biasanya mempunyai background dengan warna berbeda. Contohnya bisa anda lihat pada script dibawah.

Nah.., untuk membuatnya cukup mudah.

Tentu saja Login dulu ke akun blogger anda.

Pada halaman posting, gunakan Edit Html

copy kode berikut pada text postingan anda:

<div style="background: #DDE4FF; border:1px dotted #223344; padding:5px;">

"Tulisan Yang Ingin Ditonjolkan"


</div>

Warna background bisa anda ganti sesuai keinginan anda pada warna biru diatas. Kode warnanya silahkan anda lihat disini. 

Yang warna hijau diatas adalah ketebalan garis tepinya. Silahkan anda ganti sesuai  keinginan anda dan yang warna kuning adalah warna garis tepi tersebut.

padding:5px; yaitu keterangan untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi. Tambahkan overflow:auto; jika ingin menambahkan fungsi scroll pada kotak Highlight.

Jika ingin memasukkan gambar pada background-nya, gunakan kode yang ini: 

<div style="background:url(http://gambar_pilihan.jpg); width:440px; height:400px; padding:5px;">

"Tulisan Yang Mau Dihighlight"

</div>

 

Text yang merah diatas adalah url gambarnya.
width:440px; adalah lebar kotak Highlight.
height:400px; adalah tinggi kotak Highlight.

Klik Preview untuk melihat hasilnya dan PUBLISH POST jika sudah puas dengan hasilnya.

Nah..., selamat mencoba.