Cara Membuat Widget Entri Populer terlihat Tampil Lebih Menarik

Cara Membuat Widget Entri Populer terlihat Tampil Lebih Menarik. Tentusaja Anda semua ingin Blognya terlihat menarik kan. Trus Gimana dong caranya ?

Artikel saya kali ini akan membagi tentang cara membuat widget entri populer tampil lebih menarik. Sebenarnya widget ini merupakan widget kepunyaan Blogger sendiri yang ditambahkan kode CSS tertentu agar tampak lebih menarik dan lain dari pada yang lain.

Screenshot :

Cara Membuat Widget Entri Populer terlihat Tampil Lebih Menarik

Bagaimana Cara Membuat Widget Entri Populer terlihat Tampil Lebih Menarik ? Silakan disimak langkah-langkahnya di bawah ini.:

1. Masuk ke akun Blogger Anda

2. Klik Rancangan > Edit HTML

3. Klik Download Template Lengkap untuk berjaga-jaga kalau-kalau nanti terjadi kesalahan dalam pengeditan.

4. Silakan cari kode ]]></b:skin>

5. 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 Simpan Template..

7. Pasang widget Entri Populer Anda dan konfigurasikan sesuai keinginan.

Oke, Itulah tadi sedikit  Cara Membuat Widget Entri Populer terlihat Tampil Lebih Menarik, silahkan dicoba di aplikasikan kepada Blog anda