BlogSpot Social Media Follower Counter Widget | Proxibiet SEO

BlogSpot Social Media Follower Counter Widget

Major social media networks have turned the blogging sphere into a home of connection. Using social networks, we can acquire more blog readers while keeping the already existing ones. Facebook being the largest brings thousands of visit to this blog a week, so having an FB page and group would be a wise decision, so as to keep all my visitors engaged and updated.
BlogSpot Social Media Follower Counter Widget
While other networks including Twitter, Google plus, Instagram play a big traffic role for us. On my previous post, I explained where you can advertise your blog for free, and today I am showing you  a way to keep every visitor stuck to your blog and content.

Features Of BlogSpot Social Media Follower Counter Widget

Now let's create a simple, responsive and fast loading social media follower counter for our BlogSpot blogs that will help us gain more likes and followers on major social media networks. This widget will only contain plugins for the networks below:

  1. Facebook
  2. Twitter
  3. Google Plus
  4. Pinterest
  5. YouTube
  6. Instagram
These being the biggest and most used websites I have only included these on the follower counter widget. The widget is neat and beautiful. Well coded to fit the look of your blog with every social network having its  name, the number of followers and icon. 

How To Add Social Media Follower Counter Widget To BlogSpot

Adding this widget to Blogspot or blogger.com blog is very easy and quick. All you need to do is follow the step by step guide and please do not implement it if you are confused, feel free to question me at the comment section.

Step 1

Simply visit blogger.com >> locate layout section

Step 2

Clink on Add a Gadget >> Now clink on HTML/JavaScript >> Paste the below code inside the box.


<style>
#bungkus_social{color:white;background-color:#f9f9f9;margin:10px}#bungkus_social .item{padding:12px;font-size:11px;border-radius:5px;float:left;margin:0 10px 10px 0;background:grey;text-align:center;min-width:90px;min-height:130px;border-bottom:10px solid rgba(0,0,0,.15);text-transform:uppercase}#bungkus_social .item.facebook{background:#3a5795}#bungkus_social .item.instagram{background:#517fa4}#bungkus_social .item.google{background:#dd4b39}#bungkus_social .item.youtube{background:#b31217}#bungkus_social .item.pinterest{background:#cb2027}#bungkus_social .item.twitter{background:#00a5e5}#bungkus_social .item i{border-radius:100%;background:#2c1c1c1a;width:38%;margin:0 auto}#bungkus_social .item i,#bungkus_social .item .count{padding:10px;display:block;font-size:30px}#bungkus_social .item .count{font-weight:600}#total,#total_k{padding:10px;font-weight:bold;font-size:20px}#total:before,#total_k:before{content:'Total Fans:';font-weight:normal}#bungkus_social .item{color:#fff}@media screen and (max-width:265px){#bungkus_social .item{width:100%;padding:0}#bungkus_social .item i{background:transparent}}
</style>
<div id="bungkus_social">
    <a class="item twitter"><i class="fa fa-twitter"></i><span class="count"></span>Followers</a>
    <a class="item facebook"><i class="fa fa-facebook"></i><span class="count"></span>Likes</a>
    <a class="item instagram"><i class="fa fa-instagram"></i><span class="count"> </span>Followers</a>
    <a class="item google"><i class="fa fa-google-plus"></i><span class="count"></span>Followers</a>
    <a class="item youtube"><i class="fa fa-youtube"></i><span class="count"></span>Subscribers</a>
    <a class="item pinterest"><i class="fa fa-pinterest"></i><span class="count"></span>Followers</a>
</div>
<script type='text/javascript' src='https://rawgit.com/mastamvan/backup/master/social_counter.js'></script>
<script>
    $('#bungkus_social').SocialCounter({
        //Get Usernames
        facebook_user: 'obhiabablog',
        instagram_user: 'itsyourbjokos',
        google_plus_id: '106864170567833612495',
        youtube_user: 'MrGaziyama',
        pinterest_user: 'jokosohen',
        twitter_user: 'obhiabablog',
        //Get Access Tokens,keys,client_ids
        instagram_token: '1466232857.b8ae3c3.de2526f6c4a04c329bcc4d3d91f5aea0',
        google_plus_key: 'AIzaSyDXpwzqSs41Kp9IZj49efV3CSrVxUDAwS0',
        facebook_token: '1627334644211864|3_tGe7MNSzumVcKxMyJUTqZAlz4',
        youtube_key: 'AIzaSyDXpwzqSs41Kp9IZj49efV3CSrVxUDAwS0',
    });
</script>

Customization

Replace the below codes with your usernames and IDs

        facebook_user: 'obhiabablog',
        instagram_user: 'itsyourbjokos',
        google_plus_id: '106864170567833612495',
        youtube_user: 'MrGaziyama',
        pinterest_user: 'jokosohen',
        twitter_user: 'obhiabablog',

Step 3 - Add Font Awesome to BlogSpot

If you already use Font Awesome then do not add this again but if you dont, simply visit the HTML section of your blog. ( Template >> Edit HTML)

Using CTRL + F search for  </head>  . 
Just above  </head> in your template, simply paste the below code.

<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

After pasting, save your template and view your blog!

Final Word

This widget was demanded by a friend of mine and you too can demand any widget and be sure i will get it ready. Big thanks to God Almighty and every other blogger that have been an inspiration to me.

26 Responses to "BlogSpot Social Media Follower Counter Widget"

  1. This is a nice and informative blog post about Promote Your Music
    I am also using such type of great services for music lovers to increase their passion about Music. Sorethumbmedia is also a such type of platform. So if you want more updates and info about this site then please explore it.

    BalasHapus
  2. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  3. Thank you for sharing the insight! Your article is very helpful and informative. I would like to read more updates from you.

    social media marketing

    BalasHapus
  4. genial amigo, como podria cambiar el tamaño del widget para ajustarlo a mi blog?

    BalasHapus
  5. Incredible posting this is from you.I like Your Blog Thanks For Sharing with Us.
    Gtechwebindia is best Digital Marketing Service Provider Company in India.we offer to you complete Digital Marketing services: -
    seo services in india, digital marketing services, social media optimization and ppc management services

    BalasHapus
  6. fotofonix giving you unlimited image hosting,unlimited friends,3dimage view,video audio chat,free single player games,free multiplayer games,room chat multiple languages,multiple language chat etc..

    buy youtube likes

    BalasHapus
  7. This is a powerful widget

    Nice and very good collection of books
    www.khanbooks.net

    BalasHapus
  8. Perfect guide and I am big Check and and and and and and and and

    BalasHapus
  9. It's pretty cool, but I cant' get the facebook counter to work...
    What can I do?

    BalasHapus
  10. This is a nice blog that you shared here about Angular vs React. Please add more such type of article.

    BalasHapus
  11. this is nice blog that you written regarding websites like ebay thanks for sharing this.

    BalasHapus
  12. This is a nice blog please sharing more n more. You update a very good information here.

    App for Milk Delivery

    GPS tracking App

    Laravel Development Company

    BalasHapus
  13. This a awesome content. uniqwebtech is the Affordable Digital Marketing Company in the USA.

    BalasHapus
  14. It really great blogspot and it's information. I appreciate this and add on in our strategy. Cyberworx Technologies is Social Media Marketing Agency Delhi

    BalasHapus
  15. It doesn't work. Facebook and YouTube changed their apps policies.

    BalasHapus
  16. The very first thing you ought to learn about SEO is it's almost all focused around links to your website. Search engine optimization is on the brink of changing itself. If it comes to link building SEO, there is just so much time every day.

    Link Building through Blogs Guest posting has been widely practiced and it is truly advisable to create links for your site. Apart from that, link building helps a site achieve improved rankings in a shorter length of time. In the event you prefer to do your own hyperlink building, you can proceed and begin.

    You basically must submit your articles to article directories. It's no good simply to compose articles that you believe are interesting. To create a prosperous article, you truly don't have to have the ability to compose any better!

    When you first launch your site, likewise, nobody knows that it's there. Your site is beginning to rank well and some traffic is beginning to float. Getting your site to the cap of the search engine results will raise the range of visitors in your website and make your website popular.

    You need to optimize your site for search engines. Always employ a search engine optimization company when you could be all set to launch your site. Most people believe that it's essential to have your entire website translated into Arabic if you need to reach out to them in their very own language and appear on the Arabic search engine results pages.
    get 100 SEO article link building to boost your website rank for $5

    BalasHapus
  17. To get more traffic on your twitch tv video, buy twitch viewers or followers from stream plus. Stream plus provides the best packages for twitch viewers.

    BalasHapus
  18. ...

    great post,

    http://plentyfollower.com
    get instagram followers for free

    BalasHapus
  19. Thanks for sharing the article. Social Media is the best source to get traffic these days and we can instantly get our service and product go viral.

    BalasHapus
  20. I read this blog very carefully, the articles were very nice I got lots of benefits from articles, I have a website related to this, if you want you can visit this website, believe will benefit, thanks

    web designers in bury

    BalasHapus
  21. Bringing in more followers into Instagram requires some work. Thanks for sharing your ideas on increasing Instagram followers. Social media optimization also plays a part. You can find more discussion regarding this topic at
    buy instagram followers

    BalasHapus