On this night I will teach you how to beautify the menu display Popular Post on the blog with a little touch of CSS, usually every blog visitors always see posting the latest blog, buddy, because I suggest to modify it. Maybe buddy already curious times, I will give screenshoot'a as follows :
Okay without further ado direct us to the crime SCENE, cekidoott :D
Login to each blog
Go to the menu Template and edit the html
Then find the code ]]></b:skin> and place the code below right above the code ]]></b:skin>
.popular-posts ul{padding-left:0px;}.popular-posts ul li {list-style-type: none;margin: 0px 0px 5px;padding: 5px 5px 5px 20px !important;border: 1px solid #dddddd;border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; -o-border-radius: 30px 0 30px 0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}.popular-posts ul li:hover {border:1px solid #666666; box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.5); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;}.popular-posts ul li a:hover {text-decoration:none;}
Post A Comment: