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.



Download Widget Code
Free Version

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.

Related Articles

8 Comments - Post Yours! How to? ▼

hello
  1. Anonymous says:

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

  2. 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.

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

  4. Can you add Bloglovin as an option? Thank you!

  5. Dude, your html did me nothing except one more thing to worry about. I couldnt change the codes and now its stuck on my blog. I cant even see the widget in the layout section. Its been 2 hours and I am trying to Fix it but the widget is either hidden or what idk. But this is really pissing me off. Moreoever, I am not into HTML as you are, So its really tough for people like me


Leave a Reply

0 Shares