Popular Post Rotating Slides Widget for Blogger:-

Popular Post Rotating Slides Widget

This is the Best and impressive widget of popular post sliding automatically. Its easy to install on blogs only you need to do copy and paste HTML/Javascript Widget to your blog.
This slider have an interesting thing is that it shows your post thumbnail, post title and description too.
Follow all the steps as given below ↓↓
  1. Go To Blogger > Design
  2. Click add a gadget
  3. Choose Popular Posts Widget provided by blogger
  4. Keep post number greater than 4
  5. Save your widget
  6. Now select an HTML/Javascript widget
  7. Paste the following slide code inside it

Add the two widgets together. One on top of another as shown in below pic,
Change Colour and Font According to your Blog : ↓

you can edit colour and font matched to your blog or as you wish to show this widget in your blog.

  • To Change Widget container height edit height:310px;
  • To change the small rectangles width edit width:310px
  • To change width of the text snippet then edit width:290px;. Keep this width 20px smaller than the rectangles width. For example in this widget I have kept rectangles width=310px; and snippet width=290px;
  • To change link title color and font size edit color:#7CA2C4; font:bold 12px verdana;
  • To change thumbnail image’s border colour and size edit border:2px solid #7CA2C4
  • To change the snippet text’s font size, family and colour then edit the yellow highlighted code
You can also replace code below if your blog have black/dark background : ↓

>>>> background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDEZw3HDM5xCIPQiP62EcuCkY0M3S-doWBRYumY03QcC9FVRV3I-bJuq2119U5NImInTRZrDm2eizGbmixMUBRIifyAYED-ayfnmJnUYjhnIY6oKezyozYvPGRCoF0111fA9mjwqI3R30/s400/popular+posts.jpg) repeat-x; <<<<
with this,

>>>> background:#ffffff

Replace only pink coloured link.


Enjoy With....................


                                                Solution Bux       

0 comments:

Post a Comment

 
Top