Cara Menambahkan Icon Di Judul Postingan

Ikuti Tutorial Cara Menambahkan Icon Di Judul Postingan berikut :
Login ke Blogger - Pilij Rancangan - Edit Html- kemudian cari kode yang mirip seperti ini :
(jangan lupa back up template anda terlebih dahulu)

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

ingat : tidak semua kode template menggunakan Tag h3. mungkin aja pake h1 atau h2.

Jika sudah ketemu , letakkan kode berikut sebelum kode kurung kurawal   }

background:url(http://gambaranda.Jpg)no-repeat left;

Sehingga susunan kodenya akan menjadi seperti berikut :

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
background:url(http://gambaranda.Jpg)no-repeat left;
}

Kemudian Atur jarak antara Judul dengan Icon agar tampak pas dengan cara mengubah nilai padding.
padding:0 0 4px; menjadi :

padding:0 0 4px 50px;

• Yang berwarna merah adalah padding atas.
• Yang berwarna biru adalah padding kanan.
• Yang berwarna ungu adalah padding bawah.
• Yang berwarna hijau adalah padding kiri.

Langkah terakhir adalah Simpan Template. Semoga Cara Menambahkan Icon Di Setiap Judul Postingan bermanfaat.