Saturday, 25 May 2013

How to Add - Stylish Popular Posts Widget to Blogger?

Posted by Arun Kumar Choppara On 05:14 | No comments
Popular posts widget is the most essential part that every blog should have because of its unique feature of displaying the most viewed and highly rated posts on the blog. Popular posts widget plays an important role in bringing more viewers as it provides the highly rated and most viewed posts a click away instead of searching all the blog posts to identify them. This widget guides visitors to the most popular posts of the blog and makes their search easier in identifying the best posts of the blog.



How do you get your blog traffic increased with Popular posts widget?
Popular posts widget plays a vital role in Blogger to increase traffic to your blog. Lets us see how it does. By having a popular posts widget on the blog will provide the best posts of the blog a click away for the visitors. And if the posts are so interesting then we can expect a lot of traffic to the blog posts. Once the best posts get more traffic, all of them will get indexed by Google which will increase the traffic to the blog as a whole.

Blogger provides Popular posts widget for all the blogs created on blogger. The widget provided by blogger is very basic and not much attractive. So, it's always better to have a nice looking popular posts widget. The stylish widgets always makes a difference to the blog.

Lets us see the process of adding Popular posts widget to Blogger.

Adding a basic Popular posts widget provided by Blogger
=========================================
1. Go to: Dashboard -> Layout -> Add Gadget -> Popular Posts



2.  Select the options from the sections "Most Viewed" and "Show"

Most Viewed -> will determine from where the popular posts should be picked for display.
Show -> will determine what to display in the widget area.



3.  Save the gadget and move it to the required position on blogger Layout.

4. View blog to see the popular post added to the blog.

Yes, It's done! The basic Popular posts widget (i.e provided by Blogger) is successfully added to the blog.

=========================================================
The Popular posts widget provided by Blogger is basic and not so attractive. So Let us see the process of adding some CSS code to the blog Template which makes the basic Popular Posts widget added above look beautiful.

I have discussed few types of Stylish Popular Posts widgets below.

Widget Code - for Popular Posts widget with Rounded Thumbnails and Circular Images



1. Go to: Dashboard -> Template -> Edit HTML
2. Search for the code ]]></b:skin>
3. Paste the below code just before ]]></b:skin>
4. Save and View blog to see the basic Popular Posts widget become stylish.




Widget Code - for Popular Posts widget with Multiple Colours



1. Go to: Dashboard -> Template -> Edit HTML
2. Search for the code ]]></b:skin>
3. Paste the below code just before ]]></b:skin>
4. Save and View blog to see the basic Popular Posts widget become stylish.





If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.
Reactions:

0 comments:

Post a Comment

ABOUT ME

Founder & Author: Hi Friends, my name is Arun Kumar Choppara. I am a Software Engineer by profession and a passionate blogger. I have started blogging as a hobby and now addicted to it.
...Read More