I was really wondering how can I add a Blogger Follower button without displaying the followers and that bulky blogger widget. After some research and some rational thinking I came up with a simple trick which will help you add this button with least effort.
I always hated that bulky looking follow widget in blogger and I finally came up with a very simple and light weight widget which you can add to your blog very easily.
Just follow below simple steps to create your own Blogger Follow widget.
1. Just Sign in to your Google Account
2. Go to your blog's Dashboard > Design.
3. Just copy the blog Id from the url (Just the number nothing else).
4. Now paste it at the place in the below code marked in red.
6. And Just copy paste the above code with your blog id in the widget and Save.
You are all set. From now on you are free from the bulky bad blogger follow widget and you have a very simple blogger follow widget. Once you are done with adding the widget you will see some thing similar to the below image. Looks simple right..
I always hated that bulky looking follow widget in blogger and I finally came up with a very simple and light weight widget which you can add to your blog very easily.
Just follow below simple steps to create your own Blogger Follow widget.
1. Just Sign in to your Google Account
2. Go to your blog's Dashboard > Design.
3. Just copy the blog Id from the url (Just the number nothing else).
4. Now paste it at the place in the below code marked in red.
<a href="http://www.blogger.com/follow-blog.g?blogID=4237100781225485327" target='_blank'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioPbyQ695aJrk54ijN-o9K91m4nvCZJM9Q2AfmcL0Sr7-xh-H12hPqs84E47k7NNqyig46DJ-NFEuQHb_jbAHFdAz_cqBQvROnlomX2Fxgp2522Qw1pLpxLvitudInNlFXWwu4f_IG3_k/s1600/Blogger_Follow_Button.PNG"></a>
5. Now Just go to Blogger Design Add HTML widget.6. And Just copy paste the above code with your blog id in the widget and Save.
You are all set. From now on you are free from the bulky bad blogger follow widget and you have a very simple blogger follow widget. Once you are done with adding the widget you will see some thing similar to the below image. Looks simple right..
thanks for this tip!! :)
ReplyDeleteYou are welcome. Thanks for the comment..
ReplyDeletethank you. very helpful :)
ReplyDeleteYou are most welcome..
ReplyDeleteGreat tip. Now i can fill up my site with these buttons!! Haha just kidding. Thanks :)
ReplyDeleteThere is just one button and it saves loads of space..thanks for your valuable feedback.
ReplyDeleteThank you so much! I've been looking for this tip forever and your's is the only one that actually worked.
ReplyDeleteCool Glad it worked for ya..
ReplyDeleteThanks for sharing this!
ReplyDeleteAppreciated...Thanks for the feedback..
ReplyDeleteMy followers aren't showing up on my blog for some reason. If I were to use this option and my old gadget comes back what will that do to my followers? Any clue?
ReplyDeleteThank you! For some reason my typical follow gadget hasn't been working. Nothing shows up in that area on my blog. I posted your idea on my blog and now people can follow again...I think? Do you know if anything will happen to my followers when my old gadget decides to show up again?
ReplyDelete@Abbey I recommend you to remove the old gadget from your blog. It cannot mysteriously show up if you haven't added it in your blog. The trick I mentioned works perfectly so relax.
ReplyDeleteThank you so much. You made that so easy!
ReplyDeleteTHANK YOU. I have been looking for a way to do this.
ReplyDeleteThis is great. Thank you very much. I totally agree the original widget is way to bulky, as are many other ones. Do you by any chance if there's a weather widget that can show both farenheit and celsius at the same time? The ones I've found so far require that you chose. Anyway, thanks again!
ReplyDeleteVery cool! Worked like a charm!
ReplyDeleteThanks a lot my friend, a real cool stuff.
ReplyDeleteThank You for this! :D
ReplyDeleteAmy Xx
http://morning-atmosphere.blogspot.com/
@Taken, @Kate, @RCB, @Parker, @Qamar, @Amy I am really happy that you all have benefited from this tip. Stay tuned for more such cool things.
ReplyDeleteThank you! I hate those numbers! xx
ReplyDeleteHehe...Me too !!
ReplyDeleteThanks but this is not working properly for me. I don't quite understand the instructions, sorry. When I try it out, I get to follow my blog but it ends up saying you are now following lastet techtips which is obviously not my blog. How do you fix that?
ReplyDeleteHi,
ReplyDeleteI just saw your blog and observed that you have correctly implemented the button. Cheers.
Wow, prayer answered... Thank you so much!
ReplyDeleteThanks for this tip:) Have been looking everywhere for this info, and it worked!
ReplyDeleteyeahh i want take this on my footer blog. . thanks before
ReplyDelete*indonesian bloggers*
thank you so much for the tip :)
ReplyDeletehttp://bubblemylicorice.blogspot.com
Hello There ^_^
ReplyDeletenice tips!!^_^
i m searching for dis n now i find it ^_^
simple n it work very nicely ^_^
thxx for sharing ^_^
Thank you and Good Info...
ReplyDeletegreat tips bro.
ReplyDeleteBy the way, is there a way that i can make the icon a bigger?
@Nine Just add the height and width attributes to the image and you can even make the buttons bigger or smaller..
ReplyDeleteJust look at the below code..
<a href="http://www.blogger.com/follow-blog.g?blogID=4237100781225485327" target='_blank'><img src="http://1.bp.blogspot.com/-lyvoqBODutQ/TagvjM9vDCI/AAAAAAAADsw/2m38l41mVYY/s1600/Blogger_Follow_Button.PNG" height="30" width="100"></a>
Awesome! That was so easy , cheers!
ReplyDelete