Cara Memasang Popular Post Round Corner

Cara Memasang Popular Post Round Corner - Pagi gan kali ini saya akan share tentang tutorial blog lebih detailnya lagi mengenai bagaimana cara nya memasang widget popular post dengan round corner. oke tidak usah berlama-lama silahkan lihat tutorial di bawah ini bagaimana cara mengaplikasikan ke dalam blog agan.

1. login ke blogger.com
2. Buka menu template >> edit html >> Kemudian cari script ]]></b:skin> kemudian paste kode di bawah ini tepat di atas kode yang dicari tadi

/* The CSS Code for the menu starts here */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px;
list-style-type: none;padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
height: 40px;
-moz-box-shadow: 3px 2px 5px #242424;
-webkit-box-shadow: 3px 2px 5px #242424;
box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px;
}
.popular-posts ul li a {
font-style: italic;
}
.popular-posts ul li:hover {
border:1px solid #d10202;
-moz-box-shadow: 3px 2px 5px #d10202;
-webkit-box-shadow: 3px 2px 5px #d10202;
box-shadow: 3px 2px 5px #d10202;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
height:40px;width:40px;
webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.popular-posts .item-thumbnail img:hover{
-moz-box-shadow: 0px 0px 5px #d10202;
-webkit-box-shadow: 0px 0px 5px #d10202;
box-shadow: 0px 0px 5px #d10202;}

3. kemudian buka menu tata letak >> tambah gadget >> Pilih  Entri Popular >> setelah itu setting seperti gambar di bawah ini

4. Jika sudah klik simpan dan lihat di blog agan, :)

sekian tutorial blog mengenai Cara Memasang Popular Post Round Corner. semoga artikel ini sapat bermanfaat. :) 

Tweet

Subscribe to receive free email updates: