Entri populer merupakan salah satu widget yg harus sobat pasang di blog ! ..
tujuannya supaya pengunjung akan lebih mudah berkeliling di blog sobat, dengan kata lain sobat memperindah blog sobat agar pengunjung betah dan mau berkunjung lagi di blog sobat . . . !
langsung aja ikuti langkah-langkah berikut :
1. Login akun blogger sobat , Rancangan > Edit HTML ,
Centang "Expand widget Template" ,kemudian cari kode ]]></b:skin> ,
2. Copy-Paste script dibawah tepat diatas kode ]]></b:skin> tadi :
Copy-Paste script ini
.PopularPosts .item-title{display:yes} .PopularPosts ul li { border-radius:50px 0px 0px 50px; float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important; border: 1px solid #444; overflow: hidden; box-shadow: 0px 0px 1px #333; font-style: normal; font-weight:bold; width: 100%; height:60px; border-radius:35px 5px 5px 35px; } .PopularPosts ul li:hover{ background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%); overflow: hidden; color: #414141; width: 100%; height:60px; border: 1px solid #ffffff; box-shadow: 0px 0px 2px #ffffff; } .PopularPosts ul li img { padding:1px ; margin:1px; margin-top:3px; border-radius:35px 35px 35px 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #333; height: 50px;width:50px; overflow: hidden; } .PopularPosts ul li img:hover { border:1px solid #ffffff; border-radius:25px 25px 25px 25px; background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%); box-shadow: 0px 0px 10px #ffffff; }
3. Save kemudian Buka kembali Rancangan > Add Gadget > Entri populer ,
4. Save , ! ! selesai, ,kini Widget Entri Populer sobat sudah Terlihat Keren , , ,
0 comments:
Post a Comment