- Siapkan gambar/icon yang akan Anda gunakan
- Ubah ukuran icon menjadi (32x32px) atau (25x25px),
- Upload gambar anda ke picasa atau photobucket atau yang lainnya, terserah anda
- Kemudian Login ke blog sobat
- Setelah itu Klik Rancangan >>> Edit HTML
- Lalu Cari Kode yang mirip seperti kode di bawah ini :
( Gunakan CTRL + F untuk mempermudah pencarian)
.post h3 {
margin:0;
display:block;
padding:2px 14px 2px 29px;
color:#bd470c;
font:Verdana
}
margin:0;
display:block;
padding:2px 14px 2px 29px;
color:#bd470c;
font:Verdana
}
- Jika sudah ketemu, Sisipkan Kode berikut dibawah Kode .post h3{
background:url("URL GAMBAR ANDA") no-repeat;
- Ganti Kode yang berwarna hijau dengan URL gambar Anda
- Kemudian atur posisinya agar tepat. Anda tinggal mengatur padding: 2px 14px 2px 29px; sehingga menjadi padding: 10px 35px 8px; atau terserah dari keinginan Anda.
- Jika Sudah Selesai hasilnya akan menjadi seperti ini :
.post h3 {
background:url("URL GAMBAR ANDA") no-repeat;
margin:0;
display:block;
padding:2px 14px 2px 29px;
color:#bd470c;
font:Verdana
}
background:url("URL GAMBAR ANDA") no-repeat;
margin:0;
display:block;
padding:2px 14px 2px 29px;
color:#bd470c;
font:Verdana
}
- Setelah semuanya selesai Anda tinggal Simpan Template dech
0 komentar:
Posting Komentar