Wednesday 21 August 2013

New Beautiful Blogger Stats Counter with Hover Effect

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.

Beautiful Blogger Stats Counter


Related:-
  1. Add Custom Four Column Footer in Blogger 
  2. Add Smiley Emoticons in Blogger Comments

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.
add blogger stats counter

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'>
upto
</b:widget>
with the above Generated HTML Codes
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:-
  1. Top 10 Social Media Widget for Blogger
  2. Image Hover Social Media Sharing Plugin for Blogger 
  3. Email Subscription Widget Below Every Blogger Post


Bottom Lines

Because of modification in some Blogger template may be above Blogger Stats counter will not work in that case you can ask any question I will guide you for installation the above Beautiful Stats Counter How to Install. Waiting for you feedback. Hope you will enjoy this post and the above mentioned Blogger Stats counter. Get next update on your wall so like our social media pages…. Regards..

2 comments:

  1. "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 ""."

    ReplyDelete
    Replies
    1. check this its working at your blog

      https://lh3.ggpht.com/-EfxLne-D754/UiDrpgoR4UI/AAAAAAAAAWY/peLpOSE4wx8/s1600/check+it.PNG

      Delete

Dont Spam Please