Tuesday, January 17, 2017
Add Circle Image Style To Popular Post In Blogger
Add Circle Image Style To Popular Post In Blogger
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.
Available link for download