Cara Memodifikasi Tampilan Popular Post di Blogspot Menjadi Simple dan Keren

Anda tentunya menginginkan tampilan Popular Post pada Blog anda menjadi lebih bagus dari pada tampilan dari template bawaan blogger. Berikut ini caranya

Cara Membuat Popular Post Simple Keren.

Disini anda hanya perlu menerapkan kode css nya di template anda.
1. Buka akun blogger anda.
2. Pilih menu template > klik Edit HTML.
3. Lalu anda pilih kode css di bawah sesuai keinginan dan letakan tepat diatas kode ]]></b:skin>

Kode CSS :
.popular-posts ul{padding-left:0px;}
    .popular-posts ul li {background: #ffffff  no-repeat scroll 5px 10px;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 5px 20px !important;
    border: 1px solid #dddddd;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    }
    .popular-posts ul li:hover {
        border:1px solid #555555;
    }
.popular-posts ul li a
{
text-decoration:none;
font:16px Georgia, verdana;
color:#333333;
}
    .popular-posts ul li a:hover {
    text-decoration:none;
    color:#555555;
    } 

Berikut ini Hasilnya :



Simple dan Keren Bukan.... tentunya mudah kan untuk membuatnya,, silahkan mencoba


untuk versi dapat dicopy lihat DISINI

Post a Comment