Cool Social Media Fans Counter Widget For Blogger



Cool Social Media Fans Counter Widget For Blogger

Social media could be great source of quality traffic for any blog. There are many popular social media sites like twitter,stumble upon,Digg and Facebook.So Today I have Cool Social Media Fans counter widget for Your Blog that would show your Blog and pass a positive message to advertisers.The widget, being static would not update the fans count automatically, though the + sign would give you a compensation to update them every now and then, may once a week.There are many social media widgets available for blogger like Pop Up Fixed Bookmarking Gadget For Blogger and Twitter one Click Follow button For Blogs.

Dont miss:Cool Flying Twitter Bird Gadget For Blogger 
How to Add Facebook Share Button in Blogger posts

How to Place Cool Social media Counter

Step1 : Go to Blogger Dashboard >> Layout
Step2 : Click on Add a Gadget >> HTML/JavaScript
Step3 : Paste the Following code in HTML/JavaScript Box
<div class="sidebarContainer" id="sidebarSubscribe">
            <a target="_blank" href="Your Feedburner Feed Link" class="subscribeSidebarBox" id="subscribeRSS">
                <span class="icon"></span>
                <span class="title">Subscribe to our RSS feed</span>
                <span class="count">RSS Subscriber Count+</span>
            </a>
            
            <a target="_blank" href="Your Twitter Profile Link" class="subscribeSidebarBox" id="followTwitter">
                <span class="icon"></span>
                <span class="title">Follow Tzine on Twitter</span>
                <span class="count">Twitter Fan Count+</span>
            </a>
            
            <a target="_blank" href="FaceBook fan page link" class="subscribeSidebarBox" id="likeFacebook">
                <span class="icon"></span>
                <span class="title">Like us on Facebook</span>
                <span class="count">Facebook Fan page count+</span>
            </a>
<span style=" line-height:0px; font-size:8px; font-weight:bold; align:right;
  ">
<a style="color:#D3D3D3;" href="http://www.bloggiks.com">widgets</a></span>
        </div>
<style>
#sidebarSubscribe {
    padding: 25px 30px 20px;
}
a.subscribeSidebarBox {
    border: medium none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin-bottom: 8px;
    position: relative;
    width: 265px;
}
#sidebarSubscribe span {
    color: #6E6E6E;
    display: block;
    padding: 3px;
    position: absolute;
    text-shadow: 1px 1px 0 white;
}
#sidebarSubscribe .icon {
    background: url("http://3.bp.blogspot.com/-m_McCYf36ig/UHKKMtKImCI/AAAAAAAAG9s/2bTW3g4VvV0/s1600/tzine_sprite.png") no-repeat scroll 0 0 transparent;
    height: 45px;
    left: 10px;
    top: 10px;
    width: 55px;
}
#sidebarSubscribe .title {
    font-size: 12px;
    left: 70px;
    top: 8px;
}
#sidebarSubscribe .count {
    font: bold 18px/28px 'Myriad Pro',Tahoma,Arialm,sans-serif;
    left: 70px;
    top: 23px;
}
#subscribeRSS .icon {
    background-position: 0 -50px;
}
#followTwitter .icon {
    background-position: -100px -50px;
}
#likeFacebook .icon {
    background-position: -200px -50px;
}
a.subscribeSidebarBox {
    background-color: #FAFAFA;
    border-radius: 10px 10px 10px 10px;
}
a.subscribeSidebarBox:hover {
    background-color: #FDFDFD;
}
a, a:active {
   text-decoration: none;
}
</style>
Step4 : Place your Facebook Twitter and RSS links and then save it

Hope you all guys like it.If you have any question in mind or need assistance then comment in the comment and also share your views about this widgets.Share if you like this post.
You may Also like:Add Cool Search Box Widget In Blogger
Twitter Follower Box Widget for Blogger
Add 3D Social Bookmark Buttons To Your Blog Posts
Twitter one click Follow button

Get free daily email updates!

Follow us!


About Author:

Waleed is a certified SEO Consultant, Pro Blogger and an addicted Web Developer

read more...

Follow him @ Bloggiks |Mobi2Android | Facebook | Google Plus

0 comments:

Post a Comment

 

About Me

My Photo

A Pro Blogger
Waleed khan is a young Blogger and Web Security Consultant.He is a SEO Consultant & Web Developer.

Alexa/PR

Recent Post

Recent Comments

Powered by:

Bloggiks © 2012. All Rights Reserved | Contact | About | Discliamer