Cara Buat Entri Populer Lebih Menarik- Pada kesempatan yang baik ini saya akan memberikan tutorial bagaimana membuat entri populer lebih menarik, pada kesempatan sebelumnya saya juga pernah posting tentang Cara Buat Entri Populer Keren dan Widget Entri Populer dengan Gambar Berputar oke langsung aja saya 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>.
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>
.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 yang saya buat bermanfaat
good luck................!!!!!!!!!
Pertamax gan :) kalo ane mah, yang penting promosinya jalan, hehehe :D
BalasHapusiya gan....
BalasHapusartikelnya bagus broo.
BalasHapuswww.inves-on.blogspot.com
makasih ya bro....
BalasHapustakut salah ntar malah rusak deh templatenya.
BalasHapus:P
Kalo di pasang template seperti ini cocok ga tuh penempatannya???
BalasHapusmantap bro...ane pakai ya triknya :D
BalasHapusboleh juga sich infonya.
BalasHapusklo pke hp setting entri
nya bs ga ye.?
gan tukar link donk :)
BalasHapusangwynblog.blogspot.com
thxbe4
matap bro, thank's
BalasHapus