Pages

Subscribe:

Minggu, 06 November 2011

Memasang Icon Pada Postingan

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 nilaipadding 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  ^_^

Tidak ada komentar:

Posting Komentar