Menambahkan icon di postingan

Kemarin aku jalan-jalan ke blog-blog teman gitu, ehh ketemu tutorial bagus ni dan unik pastinya, yaitu memasang icon pada judul postingan, aku dapatnya di hermanblog, makasih mas infonya, naph sekarang aku pengen bagi juga info ini pada kalian (karna saya anaknya baik dan tidak sombong) begini ni caranya

Ini Contoh :



1. Siapkan gambar yang ingin di tempelkan dalam format, jpg .png

2. Ubahalah gambar menjadi kecil(jangan terlalu besar), formatnya 20px x 20p.

3. Simpanlah gambarnya di situs online seperti photobucket.

4. Setelah upload, copy alamat gambar yang sudah di simpan (alamat URL)nya

5. Buka blogger, lalu masuk ke layout -> edit HTML

6. lalu cari kode berikut :

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

(Fokus saja dengan post he { )

7. Jika sudah ketemu, Tambahkan kode background:url(URL gambar) no-repeat; dan edit nilai padding menjadi 0px 0px 05px 30px. Sehingga hasilnya menjadi seperti ini

.post h3 {
background:url(URL gambar) no-repeat;
margin:.5em 0;
padding:0px 0px 05px 30px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;

( ganti (URL gambar) menjadi alamat URL foto yang sudah di upload di photobucket)

8. Save templates dan liat hasilnya