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.
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 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 >> locate layout section

Step 2

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

Download Widget Code
Free Version


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=''>
<script src=''></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.

  • 0
  • Share
  • No Responses

    1. The file is hosted, so I need to update it, I will update it and post u. Just tick notify me below because I will post you in the comment box.

      1. Share
    2. Can you help me have an HTML Code to replace google+ and pintrest to snapchat and linkedin please.

      1. Share
    3. bro i really enjoy ur blog more grace to ur elbow

      1. Share

    You must be loggedin to comment