|
Seo Master present to you:
 There are some usefull and must have widgets which can help you to increase traffic to your blog and keep your visitors engaged on your blog. Facebook Like Box, Twitter Follow Button and Popular post widget are some of those widget. I had previously posted on Adding Popular Post widget to your blog, but the default style of this widget that blogger provides is very boring and not so attractive. So in this tutorial i will teach you to add and style popular post widget using CSS. After styling the widget it will look more stylish and more attractice as you can see on the left. You can even customize this further to match your blog template. So lets get started customizing blogger popular post widget. Adding Popular Post Widget To Blog1. Go to Blogger Dashboard > Layout > Add Gadget and choose Popular Post Widget. 2. Now set this setting as shown below.  3. You may change number of post to show upto 10 but dont make it below 6. Check below article for detail information. Styling Popular Post Widget With CSS1. After Adding Popular Post widget to your blog. Go to Blogger Dashboard and choose Template. 2. Now Backup your Template to be safe if you mess something up. Check below tutorial if you dont know how to do that. 3. After Template been selected click on Edit HTML and search for below code. ]]></b:skin>4. Now paste below code just above the code you search in Step 3. /*--- www.matrixar.com Popular Posts --- */ 5. Now save this template and you are done. Further Customizing The WidgetIf you follow above steps correctly then you have install and style popular post widget on your blog.This part is completely optional. So if the border of the widget does not match your blog template or you want some different color then change the setting shown below.
If you have any question or suggestion or come across a problem while implementing this widget then leave a comment below i will be glad to help you out. |
Labels: Blogger Widgets, Customization, HTML And CSS Tricks
