In this post i am going to explain you, how to add circle image popular post widget to your blogger. Actually popular post widget helps you to identify
popular post in your blog. In blogger already have this widget , but we
can do some customize for make it more attractive. This include with nice
hover effect too.
i hope you will like this nice tutorial on Add Circle Image Popular Post Widget to Your Blogger.
Before i have share Awesome Multi Colored Popular Post Widget, i hope you will also like this post also.
Please must comment on this post and appreciate me for more nice tutorial and always love and like http://Rexhacker.blogspot.com
Now Lets start this Nice Tutorial.
1. Log in to blogger account and Go to Template >> Edit HTML
(make sure backup your template first)
2. Select Template coding with CTRL + A and click on Format Template
3. Find this code by using Ctrl+F ]]></b:skin>
4. Paste below code Before ]]></b:skin> code
5. Click On This Link And Get Code.
6. Again Now Find this code by using Ctrl+F
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
7. After you found, scroll below until you see this code </b:widget>
8. Now delete it start to end.
9. After delete is place below code in same place.
10. Click On This Link And Get Code.
11. Now save your template. You are done.
Remember me in your prayers and must like my post and and also share with your friends.
You can visit my old Blogger Widgets and also can visit Premium Responsive Blogger Templates.
i hope you will like this nice tutorial on Add Circle Image Popular Post Widget to Your Blogger.
Before i have share Awesome Multi Colored Popular Post Widget, i hope you will also like this post also.
Please must comment on this post and appreciate me for more nice tutorial and always love and like http://Rexhacker.blogspot.com
Now Lets start this Nice Tutorial.
1. Log in to blogger account and Go to Template >> Edit HTML
(make sure backup your template first)
2. Select Template coding with CTRL + A and click on Format Template
3. Find this code by using Ctrl+F ]]></b:skin>
4. Paste below code Before ]]></b:skin> code
5. Click On This Link And Get Code.
6. Again Now Find this code by using Ctrl+F
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
7. After you found, scroll below until you see this code </b:widget>
8. Now delete it start to end.
9. After delete is place below code in same place.
10. Click On This Link And Get Code.
11. Now save your template. You are done.
Remember me in your prayers and must like my post and and also share with your friends.
You can visit my old Blogger Widgets and also can visit Premium Responsive Blogger Templates.
Dear leona fassi Thanks for like my blog and thanks for your positive comments.
ReplyDeletei am blogging from almost 3 years.
Please must send us your suggestions and complaints.