Membuat Icon disamping judul postingan

Mungkin blog kalian akan tambah keren kali yah klo disamping judul artikel nya ada icon. hehehe
yang berminat silakan di ikutin aja deh caranya..gampang kok.



    * Login ke Blogger.com

    * Kemudian Tata Letak

    * Pilih Edit HTML

    * Centang Expand Widget

    * Cari kode CSS ini


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

 Lalu Upload icon yang mau kalian pasang, atau kalian bisa cari di photobucket.com, Iconarchive.com.
kemudian copy link URL gambar kalian.
Contoh :
(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.png)

Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
 
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;

Save templatenya. 

Related Posts:

Tweet