Cara Membuat Widget Entri Populer Keren dan Terbaru - Rasanya sangat menarik di dunia blogger jikalau memang dijadikan hoby,,, entri terkenal keren dan terbaru kali ini menampilkan nuansa gres 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,,, jikalau sahabat blogger tertarik untuk Membuat Widget Entri Populer Keren dan Terbaru eksklusif 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 sahabat cari arahan ]]></b:skin> jikalau sudah ketemu kemudian Letakkan arahan berikut di bawah arahan ]]></b:skin>
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk berjaga-jaga kalau-kalau nanti terjadi kesalahan dalam pengeditan.
4. Silakan sahabat cari arahan ]]></b:skin> jikalau sudah ketemu kemudian Letakkan arahan berikut di bawah arahan ]]></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 kesudahannya kan gak bosan. hehehe selamat mencoba Cara Membuat Widget Entri Populer Keren dan Terbaru supaya makin betah bloggerannya. hehehehe
No comments:
Post a Comment