Selasa, 22 Februari 2011

Menambah icon di judul postingan blog


Agar blog lebih menarik sobat bisa menambah icon atau gambar di samping judul postingan.
berikut langkah-langkahnya :

1. sediakan gambar atau icon yang ukurannya tidak terlalu besa,apa bila belum ada sobat bisa klik disini,kemudian sobat hosting atau upload gambar ke photobucket atau image hack untuk mendapatkan URL gambar atau tempat penyimpan gambar.
2. setelah dapat URL gambarnya sobat  LOGIN  www.blogger.com  blog.
3.di dasbor sobat pilih rancangan dan pilih Edit HTML dan jangan lupa untuk mencentang Expand Template Widget.
4. cari kode :

h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
}

yang gak jauh dari kode tersebut,karena setiap template berbeda kode htmlnya.
agar sobat lebih cepat dalam pencarian sobat bisa tekan F3 di keyboard.
setelah ketemu copykan kode berikut ke dalam nya :

background:url(URL GAMBAR SOBAT) no-repeat;
padding:0px 0px 05px 30px;

sehingga menjadi seperti ini :

h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
background:url(URL GAMBAR SOBAT) no- repeat;
padding:0px 0px 05px 30px;

}

5. setelah selesai jangan lupa untuk menyimpannya.
selamat mencoba...dan jangan lupa untuk meninggalkan pesan atau komentar.
salam sukses.

Tidak ada komentar:

Posting Komentar