Don't Miss

Create a Social Media Fans Counter Widget in Blogger

By Zohaib Liaqat - 55 Comments
Recently we shared Flat Style Tabbed Social Media Widget for Blogger and today we're here with another amazing widget Social Media Fans Counter Widget for blogger. From the day Blogolect Blog was created we tried our best on sharing and developing blogger widgets and we'll continue these efforts. Today we're going to share a social media fans counter widget, this widget displays Facebook, Twitter and RSS buttons in a clean list style with your fans count. This is a clean and simple widget to show to subscribers on your blog and make your visitors get more interested in your blog. So let's begin

Recommended for You:
Social Media Fans Counter Widget

How to Create a Social Media Fans Counter Widget in Blogger

First and foremost, log in to your Blogger Account >> Select a Blog >> Layout >> Add a Gadget, scroll down and select HTML/JavaScript gadget from the list of gadgets. Now Copy the following piece of code and paste it in the empty widget box

<div class="sidebarContainer" id="sidebarSubscribe">
            <a target="_blank" href="http://feeds.feedburner.com/blogolect" class="subscribeSidebarBox" id="subscribeRSS">
                <span class="icon"></span>
                <span class="title">Subscribe to Our RSS feed</span>
                <span class="count">2000+</span>
            </a>
          
            <a target="_blank" href="http://www.twitter.com/blogolect" class="subscribeSidebarBox" id="followTwitter">
                <span class="icon"></span>
                <span class="title">Follow Blogolect on Twitter</span>
                <span class="count">1000+</span>
            </a>
          
            <a target="_blank" href="http://www.facebook.com/blogolect.official" class="subscribeSidebarBox" id="likeFacebook">
                <span class="icon"></span>
                <span class="title">Like Us On Facebook</span>
                <span class="count">800+</span>
            </a>  </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://4.bp.blogspot.com/-nJyhKwJmZzk/VOiMC_4rKDI/AAAAAAAAG1w/u3P9aicP4LI/s1600/blogolect.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>

Customization:
  • Replace http://feeds.feedburner.com/blogolect with your RSS feed URL and 2000+ with your RSS Subscribers
  • Replace http://www.twitter.com/blogolect with your twitter account URL and 1000+ with your Twitter Followers
  • Replace http://www.facebook.com/blogolect.official with your Facebook URL and 800+ with your Facebook Likes

Click Save button and you're done!

From Editors Desk

We hope this article may have helped you in learning How to Create a Social Media Fans Counter Widget in Blogger. Share this article with your friends and don't forget to subscribe us.

55 comments to ''Create a Social Media Fans Counter Widget in Blogger"

ADD COMMENT
  1. hi can you tell me how to write stylish code like you have written the code in this post

    ReplyDelete
    Replies
    1. Are you talking about blockquote! Check these articles:
      http://www.blogolect.com/2014/05/how-to-customize-blockquote-in-blogger.html
      http://www.blogolect.com/2014/09/how-to-customize-blockquote-in-blogger.html

      Delete
    2. thanks and one more thing that how did you make logo?

      Delete
    3. Thanks for sharing easiest way of creating social Media Fans Counter Widget for blogger. I am running a blogs on blogpost - http://qualitydissertationhelp.blogspot.co.uk/ where I am sharing ideas of writing tips on quality dissertation help as well as also posting other academic writing help & tips related blogs which may be helpful to students who are looking for suck kind of help to complete their university writing tasks. And I would love to use this social Media Fans Counter Widget for my blog to know and show subscribers on my blog and make my get more interested in your blog.

      Delete
    4. Appreciate your blog. Thanks for sharing blog on how to create a Social Media Fans Counter Widget in Blogger. Since I am academic writer and providing UK personal statement help service at Personal Statement Folks. I love your blog. I would like to share your idea, coding and amazing tips with my writer’s team and also students and hope it would be helpful for my students to complete their university writing task. Waiting for your next blog. Keep it up!

      Delete
    5. Useful information about Social Media Fans Counter Widget. Now a day millions of people are lively in social media so social media has convert one of the most important step to encourage business or blog and also education for students who are learning from me at quality assignment help and providing university assignment help in UK. We know, Facebook and Twitter are both the leaders in this massive business so every website proprietor uses this actual approach to stand out from the crowd. More followers mean more attention to blog.

      Delete
  2. I appreciate you and I would like to read your next post.
    Thanks for sharing this useful information.
    We know your time is very important.
    So, We will help you for finding many important website link that you need for every work.
    Just Bookmarks one website and get more website link .
    all important website link
    Freelancing

    ReplyDelete
  3. Many thanks with regard to revealing an exceptionally very helpful and also informative weblog.Nimble Messaging Services

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. The share your really gives us excitement. Thanks for your sharing. If you feel tired at work or study try to participate in our games to bring the most exciting feeling. Thank you!
    red ball 4 | hola launcher | cooking fever | paradise bay | agario

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
  7. This comment has been removed by a blog administrator.

    ReplyDelete
  8. Nice, but this is static, do you have an automated social media counter? :) Thanks!

    ReplyDelete
  9. This is good widget, but how to add other social media like Instagram and youtube in that Widget?

    ReplyDelete
  10. The blog article very surprised to me! Your writing is good. In this I learned a lot! Thank you!
    Words Doctorate

    ReplyDelete
  11. A quick and simple approach to work at recovering from spending past your methods is solidify your bills into one installment. Payday Loans

    ReplyDelete
  12. Nice post in which you have told us how to create social media fans but Instagram is better than others .. thanks for sharing your article
    coursework Writing Services

    ReplyDelete
  13. Thanks for sharing this article. You can learn many things from this. Imagination is really good.
    Coursework writing service

    ReplyDelete
  14. This is my first time i visit here. I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work
    Coursework writing service

    ReplyDelete
  15. You can read Shayari in Hindi at www.shayarilife.com

    ReplyDelete
  16. Finance cash amount 5,000 to 10,000,000 apply now
    Are you in need of Urgent Loan Here no collateral required all problem regarding Loan is solve between a short period of time with a low interest rate of 2% and

    duration more than 20 years what are you waiting for apply now and solve your problem or start a business with Loan paying of various bills I think you have come

    to the right place just email us.

    housingfinance22@gmail.com
    WEBSITE: http://www.indbullsfin.com/index.pyc
    Contact us on whatspp +447513195409
    Mr Osman Ibrahim

    ReplyDelete
  17. This is my first time I visit here. I discovered such a significant number of intriguing stuff on your blog particularly its exchange. From the huge amounts of remarks on your articles, I figure I am by all account not the only one having all the happiness here! keep doing awesome! Do my Assignment for Me

    ReplyDelete
  18. Today we will share an online networking fans counter gadget, this gadget shows Facebook, Twitter and RSS catches in a perfect rundown style with your fans check. This is a spotless and straightforward gadget to show to endorsers on your blog and influence your guests to get more keen on your blog. DO my Research Paper for Me

    ReplyDelete
  19. At that point I revealed to Tabitha she could lift any number up to four. She picked four and after that she was to remove four little cats from the principal gondola and place them in the second. That is the measure of little cats that left the primary gondola. Do my Assignment for Me

    ReplyDelete
  20. Consequently, quick, here and now money related necessities can be met immediately with basically a tick of the mouse. Check Cashing San-diego

    ReplyDelete
  21. Since it is an exceptional sort of credit, there are master organizations that offer them, and furthermore numerous cowpokes that will exploit your need in the event that you are not cautious. Payday Loans Chicago

    ReplyDelete
  22. You may have found out about it from your neighbors or companions. In the event that you are occupied with acquiring the credit program, you should just join the club in the wake of understanding it altogether. Car Title Loans ChicagoCheck CashingCheck Cashing

    ReplyDelete
  23. Besides, it puts them under strain and you can check how they handle something sudden. https://edkentmedia.com/social-media-marketing/

    ReplyDelete
  24. a pride for me to be able to discuss on a quality website because I just learned to make an article on
    cara menggugurkan kandungan

    ReplyDelete
  25. A few moneylenders may likewise require verification of pay or potentially lead a credit check, terrible credit does not exclude you from getting affirmed.
    auto title loans chicago

    ReplyDelete
  26. Moviebox for iPhone If you are looking to get MOVIEBOX for iPhone X, then check this step-by-step guide to know how you can install Moviebox App on an iOS

    ReplyDelete
  27. I like it and agree your all views . thanks for sharing this post webstagram

    ReplyDelete
  28. ****************************************************************************************************************
    Hi friends ! I'm Archana Kumari. I like to have bed relationship with different persons rather than with a single man for the whole of life. Not only is this my notion , but also is this fact that the secret organs are made for enjoyment. Please follow me on the links given bellow.

    ||Mumbai Escorts || Mumbai Call girls || House wife escorts in Kolkata||
    ||Escorts in Kolkata || Call girls in Kolkata || Kolkata Call girls||
    ||VIP Call girls in Kolkata || Jaipur Call girls || Model Escorts in Kolkata||

    If you are interested in me and my ideology ,then you are invited to my bed. Welcome!
    ******************************************************************************************************************

    ReplyDelete
  29. Assignment Help online
    Try to add only relevant data and information. If you feel that you are stuck, you can take assignment help online to get a proper idea. There are several web services which can help you to find out a suitable solution to your problems

    ReplyDelete
  30. Allassignmenthelp is a web portal where students get assignment help for all the subjects, with the help of our experts. You will get 100% plagiarism free assignment.

    ReplyDelete
  31. This is my first time visit to your blog and I am very interested in the articles that you serve. Provide enough knowledge for me. Thank you for sharing useful and don't forget, keep sharing useful info: smm panels list

    ReplyDelete
  32. Our top essay services are focused on making your life in school smooth and enjoyable in comparison to what you might be going through at the moment.

    ReplyDelete
  33. EMERGENCY LOAN OFFER APPLY

    We Offer all types of Finance Business Personal Cash
    Quick Cash Advance. Fast Credit Check. Cash Today.
    Fast Cash Online
    low interest rate as low as 2%
    Financial Cash Available Here
    Business Personal Cash
    I'll advise All Cash seeker should contact us
    Contact Us At : abdullahibrahimlender@gmail.com
    whatspp Number +918929490461
    Mr Abdullah Ibrahim

    ReplyDelete
  34. Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! keep rocking. justanotherpanel.com

    ReplyDelete
  35. I recently came across your blog and have been reading along. I thought I would leave my first comment. I don't know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often. indiansmartpanel.com

    ReplyDelete
  36. Pretty good post. I have just stumbled upon your blog and enjoyed reading your blog posts very much. I am looking for new posts to get more precious info. Big thanks for the useful info. indian smm panel

    ReplyDelete
  37. This is such an informative article. I am glad to say that I learnt how to write from you. I am your regular reader.


    Tutu helper
    Tutuapp apk

    ReplyDelete