ICON SEBELUM JUDUL POSTING

Kali ini yang ringan-ringan saja.......
jika kalian ingin menambahkan Icon sebelum judul Postingan anda lakukan beberapa langkah berikut ini (firefox) :

Masuk account blogger anda ===> Dashboard/dasbor ===> Layout/tataletak ===> Edit HTML
seperti biasa centang "EXPAND TEMPLATE WIDGET".
Download template lengkap untuk berjaga2 bila terjadi kesalahan o.k ?

Cari kode dibawah ini :

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

kalau ngga ada yang persis seperti kode diatas.... Pokoknya cari PARAGRAF kode yang berawal dari kode :

.post h3 {

Trus ganti Baris kode diatas menjadi seperti dibawah ini :

.post h3 {
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 40px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
background:url(http://www.andreas_ganteng_banget.png) no-repeat left center;
}

Keterangan :

Kode Merah : Alamat gambar yang ingin kamu tambahkan sebelum judul posting


Hint : Cari atau upload gambar/icon berukuran kecil saja 24X24 atau 35X35 saja biar kelihatan lebih Harmony getto..!!

Untuk paddingnya, bisa kalian ganti sesuai selera.

..::UNTUK PENGGUNA IE::..

Tambahkan kode dibawah ini :

height:48px;

dan letakkan diatas kode background:url(http://www.andreas_ganteng_banget.png) no-repeat left center;
}

Kurang lebih terlihat seperti ini :

.post h3 {
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 40px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
height:48px;
background:url(http://www.andreas_ganteng_banget.png) no-repeat left center;
}

Setelah kode diganti, coba deh klik save/simpan perubahan, dan lihat hasilnya .....!!
Selamat mencoba !!