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:

0 Response to "Membuat Icon disamping judul postingan"

Post a Comment