Cara Menambahkan Icon di Samping Judul Posting

Sebelumnya saya telah membahas bagaimana Cara Menambahkan Icon di Setiap Widget Blog, kali ini saya akan membahas bagaimana Cara Menambahkan Icon di Samping Judul Posting.
Jika diantara sobat Blogger ada yang tertarik 
Berikut cara menambahkannya :

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari kode CSS berikut :
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#EEE;
}

Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkanheight:48px; dan background:urlnya dibawah color:#EEE; maka akan menjadi seperti di bawah :

.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
height:48px;
color:#EEE;
background:url(http://i1002.photobucket.com/albums/af149/Imtikhan/arrow_post.gif) no-repeat left center;
}

Keterangan : ganti Url gambar di atas dengan Url gambar sobat
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Share