Its third day working on same gadget for Blogger and finally get success and going to produce for my entire visitors and lovers of tipstricksisland.com. Like always I will again mention this that every Blogger wants to give their Blog very friendly and beautiful look and try to do his all efforts for making Blog beautiful. Today I will share some CSS Style codes for giving such a beautiful look to your Blogger Blog Stats counter and for this purpose I have created a gadget generator to saving your time so follow the given instructions and get the beautiful and attractive look to your Blogger stats counter.
Related:-
Related:-
Beautiful Blogger Stats Counter with Hover Effect
Below is the Codes Generator for the New Blogger Stats Counter with Hover effect just click in the color fields and select the color as per your Blogger theme and click on the Generate button.
Finally you have generated the codes for Blogger Stats Counter now follow the given below steps.
Go to Blogger Dashboard and add the counter widget from Layout and Add Gadget and Select the Blog’s Stats then select position for its placement.
Now you have added Stats Counter Widget its time to install above generated codes for giving it beautiful look.
Go to Blogger Dashboard >> Edit HTML >>
Search for
And Paste the above CSS generated code above/before the ]]></b:skin> tag
Again search for
Preview and Check the New Beautiful Blogger Stats Couter With Hover Effect.
Finally you have generated the codes for Blogger Stats Counter now follow the given below steps.
Go to Blogger Dashboard and add the counter widget from Layout and Add Gadget and Select the Blog’s Stats then select position for its placement.
Now you have added Stats Counter Widget its time to install above generated codes for giving it beautiful look.
Go to Blogger Dashboard >> Edit HTML >>
Search for
]]></b:skin>
And Paste the above CSS generated code above/before the ]]></b:skin> tag
Again search for
<b:widget id='Stats1' locked='false' title='' type='Stats'>And replace the give below codes
<b:widget id='Stats1' locked='false' title='' type='Stats'>with the above Generated HTML Codes
upto
</b:widget>
Preview and Check the New Beautiful Blogger Stats Couter With Hover Effect.
Important!if you want to increase widget just change width:15% in to as per space.
Related:-
- Top 10 Social Media Widget for Blogger
- Image Hover Social Media Sharing Plugin for Blogger
- Email Subscription Widget Below Every Blogger Post
"Could not load template preview: Error parsing XML, line 2109, column 5: The element type "b:section-contents" must be terminated by the matching end-tag ""."
ReplyDeletecheck this its working at your blog
Deletehttps://lh3.ggpht.com/-EfxLne-D754/UiDrpgoR4UI/AAAAAAAAAWY/peLpOSE4wx8/s1600/check+it.PNG