Membuat Gambar Sebelum Judul

   Hai... sobat blogger, buat yang pingin blognya tampil lebih indah dan expresif dengan memberi gambar sebelum judul itu bisa dilakukan dengan cara seperti ini, tapi tunggu dulu q mo tanya apa ada yang sudah negenet lama?? wah... k'lo gitu jangan bosen ya liat" tutorial yang lain di Lab Komputer
Oke... langsung ja kita masuk ke pokok pembahasan untuk bisa memberi gambar sebelum judul posting temen" harus dan wajib Log in dulu ke Blooger ya iyalah masa' ya iya donk.

Truzzz cari kode berikut (mungkin setiap template berbeda):

.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;

Atau k'lo g' ada coba deh cari yang ini:

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

truzz kamu sisipkan kode dibawah ini ke dalamnya:

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

kamu bisa ganti kode yang dicetak tebal dengan lokasi gambar kamu dan jika jarak gambar dengan judul bertumpuk/ tabrakan kamu bisa edit kode padding, untuk lebih jelasnya seluruh kode akan 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;

Terakhir tinggal di Save deh... n' lihat hasilnya