Cara Membuat Widget Entri Populer Keren dan Terbaru

Home » » Cara Membuat Widget Entri Populer Keren dan Terbaru



Direct Alternative Download


Cara Membuat Widget Entri Populer Keren dan Terbaru


Cara Membuat Widget Entri Populer Keren dan Terbaru - Rasanya sangat menarik di dunia blogger jika memang dijadikan hoby,,, entri populer keren dan terbaru kali ini menampilkan nuansa baru dengan hasil yang simple dan tentunya menarik, kemarin postingan saya Cara Membuat Widget Entri Populer Keren dan Cantik juga menampilkan widget entri popular atau popular post dengan baground berwarna. namun artikel kali ini lebih pada simple dan menarik.

Nah,,, jika sobat blogger tertarik untuk Membuat Widget Entri Populer Keren dan Terbaru langsung saja menuju tutorialnya dibawah ini. cekidot !!!!!

1. Masuk ke akun Blogger Sobat.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk berjaga-jaga kalau-kalau nanti terjadi kesalahan dalam pengeditan.
4. Silakan sobat cari kode ]]></b:skin> jika sudah ketemu lalu 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. Klik tombol Pratinjau ,jika berhasil kemudian Save

Tampilan blog menarik jadinya kan gak bosan. hehehe selamat mencoba Cara Membuat Widget Entri Populer Keren dan Terbaru semoga makin betah bloggerannya. hehehehe


Cara Membuat Widget Entri Populer Keren dan Terbaru




.
Share this article :