Sunday, March 5, 2017

Scrollbar in Popular post


       Popular post always occupied a large space on our blog template, so here is my tutorial on how to put scroll-bar in Popular post or in any widget you want to put a scroll-bar so you can save a space in your sidebar. So let's proceed to the tutorial for adding scroll-bar into Popular post widget.


  • Log in to your Blogger account and go to Blogger Dashboard
  • Go to your Layout tab.
  • Click on Add a Gadget then select Popular post widget
NOTE:

Uncheck Snippet. Because we will display Popular post image thumbnail. and if you want  to display text only then Uncheck image thumbnail. and choose 10 posts only .


  • Now save the Popular post gadget
  • Click on, Template then Edit Html
  • CTRL+F and find this code ]]></b:skin>
  • Copy the below code and paste it Before/Above ]]></b:skin> 
#PopularPosts1 .widget-content{
height:250px;
overflow:auto;
Then hit SAVE.





post signature

Thank You ! Leave your Footprints so i can re-visit you

No comments:

Post a Comment