Membuat Icon Disamping Judul Postingan

 

Untuk membuat icon disamping judul posting seperti gambar diatas caranya cukup mudah dan simpel. Syarat yang mutlak adalah Anda harus menyiapkan icon yang akan ditampilkan disamping judul posting di Blog Anda.

Langkah2nya sebagai berikut:

1. Login ke Blogger.com  
2. Kemudian Tata Letak 
3. Pilih Edit HTML
4. Centan Expand Widget
5. Sisipkan kode background:url(alamat gambar anda) no-repeat left center; diantara kode berikut:

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

     6. Sehingga akan tampak seperti ini:

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(alamat gambar anda) no-repeat left center;
}

     7. Selanjutnya Save Template
 
Note:

• Sekedar sharing: kalau Anda kekurangan atau bahkan tidak punya icon, Anda bisa mendownloadnya disini... Semoga bermanfaat...

Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.