Menambah Gambar sebelum Judul Posting

Oke, sekarang saya akan membahas tentang bagaimana menambah gambar sebelum judul postingan, oke langsung saja jika anda ingin memasangnya ikuti langkah langkahnya yaitu :

1. Login ke blogger.com

2. Masuk menu Template

3. kemudian masuk menu Edit HTML

4. Cari Code yang mirip dibawah ini di blog Anda :

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

5. Tambahkan Code ini di antara code tadi :

background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;

dan juda code :

height:48px;

biar IE (internet Explore) bisa mengadaptasi jika di Mozilla Firefox tidak masalah tanpa code height, sehingga code tadi menjadi seperti ini :

.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;

6. Setelah Anda tambah jangan lupa Atur paddingya agar gambarnya terlihat dengan ukuran yang sempurna... ingat jika di blog anda tidak ada paddingnya tambahkan code ini seperti di atas padding:48px 0px 0px 45px;

7. Ganti code berwarna Hijau diatas dengan URL gambar anda Dan code height harus kamu sesuaikan dengan tinggi background kamu.

8. Setelah Semua selesai Klik Save Template