How to Make a Popular Post Super Cool blog

Share it:

YOUR_ALT_TEXT_HERE 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 :

  • 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;}
  • Then save the template and see the result :D
Share it:

Post A Comment: