Sunday, June 10, 2012

Cara Buat Entri Populer Lebih Menarik

Assalammualaikum Wr Wb, Alhamdullilah bisa posting lagi
Cara Buat Entri Populer Lebih Menarik - Pada kesempatan yang baik ini saya akan memberikan tutorial bagaimana membuat entri populer lebih menarik, Oke langsung aja Yuezha beri tahu caranya, simak baik-baik ya

1. Pertama pasti masuk dulu ke akun blogger kalian masing-masing, Ya iyalah masak masuk akun blogger saya hehehe
2. Klik Rancangan -> Edit HTML
3. Jangan lupa centang Expand Widget Template atau backup dulu templatenya
4. Cari kode ]]></b:skin> untuk mempermudah pencarian tekan CTRL+F
5. Setelah ketemu Letakkan kode berikut di bawah kode ]]></b:skin>.

<style type='text/css'>
.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;
}
</style>

6. Setelah selesai mengedit klik SIMPAN
7. Lalu kembali ke RANCANGAN pilih tambah gadget lalu pilih entri populer
8. Setelah itu Konfigurasi entri Populer sesuai keinginan kalian


Itu saja yang dapat saya sampaikan, semoga artikel Cara Buat Entri Populer Lebih Menarik yang saya buat bermanfaat
Good luck..!

No comments:

Post a Comment