17 May 2012

How To Add Rounded Corner To The Popular Post

modified+popular+post+widget
Now a days popular post is most useful widget as it shows most viewable posts of the blog in descending order of their priorities means, post which received maximum number of visitors will be on top position while the rest will be on decreasing order. The official look of the widget not gives up any impression to readers. So here you will learn to customize the official look of the widget as seen from above figure. We uses only CSS  to provide rounded corner around all the post. So lets see how this stuff will work?

How To Add Rounded Corner Around Popular Post Widget:-

The changes made by this tutorial can be seen by the above figure or in popular post widget of this blog. To get this changes in your popular post widget also
  1. Login to Blogger Dashboard.
  2. Go to Design /  Edit HTML.
  3. Click "Expand Widget Templates".
  4. Download the full template before making any changes in it (Learn More) .
  5. Search for following string in BT.
<body>
  1. Paste the following code just above it.
    /* Widget By Shahbaz Malik on http://www.allbloggingtricks.com */
    <style type='text/css'>
    .PopularPosts .widget-content ul li 
        {border:1px solid #1874CD;
      margin-bottom:5px;
     border-radius:10px;
       padding-left:5px;
     
        }
    
    .PopularPosts .widget-content ul li:hover
       {
        text-decoration:none;
        border:1px solid #BFBFBF;
        }
    </style>
    

    Note:-Make Following Modification

    • To change the border color of normal position simply change #1874CD to any desired value you want.
    • To change the border color in hover state simply change #BFBFBF to any desired value ( The complete list of CSS color code are given here).
    • If you don't get satisfactory result after performing all these steps then don't panic, simply drop comment below regarding your problem, I will lauch you shortly.
    More article from the same author:-

    17 comments:

    1. A very informative article and lots of really honest and forthright comments made! This certainly got me thinking a lot about this issue so thanks a lot for posting!
      http://celabright.info

      ReplyDelete
    2. This is such an informative article and very clearly written. Every single thought and idea is direct to the point. Perfectly laid out. Thank you for taking your time sharing this to you readers.
      http://www.fadeplex.com

      ReplyDelete
    3. i couldn't able get this widgets...
      i follow ur instrction....
      but still it's not showing the popular post

      ReplyDelete
      Replies
      1. The tutorial has been updated Now i hope it will work for you.

        Delete
    4. The difference between the right word and the almost right word is more than just a fine line! it's like the difference between a lightning bug and the lightning!
      sell house fast

      ReplyDelete
    5. This is about some blogging tricks. It tells us some guidelines how we can write the best blog. So thanks to the writer of this article....
      Freelance Training

      ReplyDelete
    6. First of all, I want to thank the person who posted this blog. From this blog, we can easily learn how to add rounded corner to the popular post. In this blog, writers tells descriptively how we use this. This article really very supportive....
      Word Press

      ReplyDelete
    7. Make a wise decision out of 100 forex brokers Only in this site that you can find 100 forex brokers with all their information and details. Get here and get help immediately.
      forex brokers

      ReplyDelete
    8. Use the signals and robots and nadex binary options , but i can tell you that before you can use any strategy you have to understand yourself first, how is your mind work, without it you will continue the up and down profit/loss, feeling pressure/calm.
      Our web site is http://www.automatedbinaryoptions.co/?p=180

      ReplyDelete
    9. I'm having a problme - the border does not close around my posts
      What can i do ?

      see example here - http://musiccrasher.blogspot.co.il/

      ReplyDelete
    10. What I wouldnt give to learn how you got your design to be so amazing! I mean it. Besides the blog just being awesome this page is too sweet! Its not too flashy. It doesnt do too much with colours and things and the videos you use are perfect for this topic! Really awesome blog.
      best weight loss supplements

      ReplyDelete
    11. The difference between the right word and the almost right word is more than just a fine line! it's like the difference between a lightning bug and the lightning!
      bad credit

      ReplyDelete
    12. I have seen fantastic blogs and I have seen not so fantastic blogs. This blog is very informative in many ways and certainloy ranks in the former category. Really appreciate the information your providing use avid readers!
      How to Sell Houses San Antonio

      ReplyDelete
    13. Thanks for taking the time to discuss this I feel strongly about it and love learning more on this topic. If possible as you gain expertise would you mind updating your blog with more information? as it is extremely helpful for me.
      credit repairing

      ReplyDelete
    14. Considerably the article is in reality the greatest on this noteworthy topic. I agree with your conclusions and will eagerly look forward to your next updates. Saying thanks will not just be sufficient for the wonderful clarity in your writing. I will immediately grab your rss feed to stay privy of any updates!
      House Buyer San Antonio

      ReplyDelete

    Related Post