Recents in Beach

Updated Stylish Popular Posts Widget for blogger blog

The Stylish Popular Post Widget For Blogger as one of the best blogger widgets all bloggers should have, shows a list of posts that have the highest page views on your blog. To be displayed on this stylish popular post widget can be the most popular posts within 7days, a month or of all time. In order to promote your blog and improve its design, it would be useful for you to use this Stylish Popular Post Widget in your blogger blog. Follow the steps listed below to add this blogger widget in your blog.

Step one

  •     From you blogger dashboard
  •     Goto 'Layout'.
  •      Click on 'Add gadget'.
  •     Select 'Popular Posts'.

  • Tick the options for 'Snippet' and 'Image Thumbnail' before you save the blogger widget.

Step 2

You'll be Adding the CSS code in your blogger template. If you already have a popular post CSS code in your template, ensure you remove it before trying this out.
  •     Goto your blogger template, back it up first.
  •     Click on 'edit html',
  •     Use ctrl+F keys to search for ]]></b:skin>
  •     Copy this code below and paste  'above'  ]]></b:skin>
.popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFF url( no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:1px solid #6BB5FF; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { 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); }

Save the template. View your blog and you'll see the Stylish Popular Post Widget in your blog.

Have any questions? Feel free to ask me via the comments section! Remember to share this tutorial with others on Facebook, Twitter & Google Plus.

Post a comment


  1. Hello, are you looking extra money? i recommend Clixsense. Free to sign up by clicking below link.

  2. brother i need html code for related content slid (like in your blog showing above) and html code for how to stuck menu bar while scrolling can you please help me

  3. You share nice tutorial related blog, which give me some good ideas in creating my own blog, For More Popular Posts widgets you can
    Visit my blog here

  4. Very Helpful Post For Blogger,, Thanks For Shering Idea,,, 👍👍👍👍👍👍

  5. Your File 100% Working... Brother.. Thanks For Uploading....

    Please Visit Our Website, Mobile flashing Tools, Cracked Box, Frp Remover Tool, Country Unlock Tools, iPhone Unlock tools, Any Flash File Without Password, Etc File Tool Free Download BY

  6. Your File is Very Usefull File... 100% working... Thanks For Uploading.... Please More File Uploading...

    Please Visit Our Website,Mobile Flash tool,,FastBoot Frp Remover Tool,Country Unlock Tools,iPhone Unlock tools,PC Software Download,
    Usb Flash Tool Mtk,Spd,Qualcoumm,Samsung, ADB Tool Free Download,Iphone Unlock Tool Download,
    All Flash Box Driver Download, Android BackUp Software Tool, Mobile flashing Tools , Android Data Recovery Tools,Cracked Box,EMMC Rom Read And Write Tool Download,Huawei Frp Tool Download,Iphone Icloud Download,
    LG Root Tools Download,LG FRP Unlock TOOL,Motorola Frp Unlocker, Nokia unlock tool Download, Oppo Unlock Tools Download,Qualcomm IMEI Repiar tools,
    Qualcoum cpu frp tools Download,Android Root Software Download,Samsung FRP Tools Download,Box Setup File Download,
    Spd Imei Repair Tools, Xiaomi Unlocker Tools ,Xiaomi Usb Drive Download, Etc File Tool Free Download BY

  7. Wow, nice blog , I love this blog seriously, and you can follow us @ NaijaOxford

    And also Download Latest Naija Music

    Even you can visit our Gospel Music