The Followers Gadget from Google Friend Connect is very popular and one of the most popular ways especially on Blogger for people to follow their favorite blogs.By default you can only add one followers gadget to your blog via 'Add A Gadget' so a few months ago i showed you how to have a second Google friend connect followers gadget on your blog in this post i will show you how to have a standalone Follow Button Or Text Link.So with this you can add the option to follow your blog beside Rss your Twitter and Facebook icons.You could also add it below your posts or other areas.
Some Demos - All working so click Em' and follow SUYB
Follow Button With Message
Code - See Below How To Add Your Blog ID
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG-ID-HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://4.bp.blogspot.com/-h3YRBHYfF5g/TeYuZ6lly6I/AAAAAAAAEOQ/e4YcH4LGnjw/s1600/follow-with-google-friend-connect-button.jpg" /></a>
Follow Button
Code - See Below How To Add Your Blog ID
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG-ID-HERE" target="_blank" title="Follow With Google Friend Connect"><img border="0" src="http://3.bp.blogspot.com/-_EJeg5vVW6M/TeYuaeSR1MI/AAAAAAAAEOU/cYnnBxJtw7U/s1600/google-followers-button.png" /></a>
Text Link
Follow My Blog
Code - See Below How To Add Your Blog ID
<a href="http://www.blogger.com/follow-blog.g?blogID=BLOG-ID-HERE" target="_blank" title="Follow With Google Friend Connect">Follow My Blog</a>
Important : You must make one change to the code - In order for the button to work for your blog you must add your blogs I.D.Below i show you how to find your blogs ID and once you have it replace BLOG-ID-HERE with it.
To find your Blogger I.D. simply go to your blogs design page, new post page or any of the pages you access from your dashboard and copy your I.D. from the address bar at the top of the page.
Your Blog I.D. is a the number that appears in the URL - This is how your I.D. will be displayed :
Were To Place The Followers Button
You can add the gadget to your sidebar - Go to Design > Add A Gadget > Choose Html/Javascript > Paste in the code and save.
Add The Gadget Below Your Posts - Go To Design > Edit Html > Tick Expand Widget Templates.
Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)
<div class='post-footer-line post-footer-line-1'>
Paste Your Button Code Directly Below <div class='post-footer-line post-footer-line-1'> then save your template.
That's it ! Some extra options when it comes to getting more followers on your blog.You can of course change the image URL to a different image or the text in the text link.Make sure to check out more of our Social Media Posts and Cool Blogger Gadgets.
Drop Your Comments And Questions Below.
|
If You Enjoyed This Post Please Take 5 Seconds To Share It.
Stay Connected With Free Updates
 |
 |
 |
Subscribe via Email
|
Thanks Brother Paul,, today I come to know about the importance of follow button on any blog,,, but I did not know how to add a stand alone follow button,, thanks ,, to share this
ReplyDeleteThanks for the great button!
ReplyDeleteThanks a lot bro..! I wanted this one.. Thanks for responding for my mail..! Thank you... :)
ReplyDeleteAnother fabulous Post. Added a Follow button to my blogger blog ;)
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteNice share, thanks.
ReplyDeleteI've been looking to do this for ages - thanks Paul.
ReplyDelete@ Srikanth Rao - I actually couldn't remember who sent the email asking for this, your welcome.
ReplyDeletegreat , have not been using of late google frined connect on my bloggers blog due to its heavy laoding times , thanks for this , great i am following yours articles , I like this post.
ReplyDeleteI did read about this hack some where earlier but forgot on which site I did. Well, you have it here. Thanks for the hack. It is pretty useful to reducing the loading time for our sites because the JavaScript associated with the friend connect gadget takes a lot of time to load. I would like to know if we can reduce the number of rows to less than two in this gadget?
ReplyDeleteCool Gadget !
ReplyDelete@ All - Thanks for the positive comments.
ReplyDelete@ Mukund - If you create your followers gadget on the Google Friend Connect website you can set the hight of the gadget.Then the smaller the gadget the less rows of faces shown.
Check out my blog, I merged Google Follow button, Twitter Follow Button and Facebook Like button at one place at the bottom of the page. Thanks spiceupyourblog.com for such great tools and tricks!
ReplyDelete@Paul Crowe: By just reducing the height, we hiding the images beneath them, It does not mean that it will stop the script on loading the first row - so, it will take the same time to load. Right? My ultimate aim is to reduce the load time!!!
ReplyDelete@ Mukund - You could try to edit the script i guess - http://www.google.com/friendconnect/script/friendconnect.js .I would not like to mess with it too much though.
ReplyDeleteThanks for posting this! i have my own site (hosted through wordpress) but want a button that doesn't show my followers. I tried using the codes above and get errors every time, even with my GFC ID. Do you know if there is a way to slightly alter the code to work for sites not on blogger.com? Thanks!
ReplyDeleteHi friend, Groundbreaking, i was assert cheersmeant for blogging an exceedinglyprime quality post, basically might help others in numerous options
ReplyDeletethanks a lot
ReplyDeleteFabulous variety of information!
ReplyDeleteYou've got some darn good Alexa, too!
19,332 nat'l
I've got a bit o'Irish blood. US born tho :)
Woo HOO lucky follower number 1000..what do I win? How about a follow back at My-2-Cents
ReplyDeleteThank you
@ Valerie - I usually dont publish comments with links but since your follower 1000 thats your prize :)
ReplyDeletei want to add this to my wp blog on the sidebar...is there a way to do that?
ReplyDeleteAny way to make this work for self-hosted blogs using wordpress?
ReplyDeleteGreat post and the instructions worked perfectly. I'm sending my followers your way to check out your instructions. Thanks.
ReplyDeleteGreat Tip!!! It was so easy to do. Thanks
ReplyDeleteI need to tell you that you eased my blogger suffering due to the disappearing GFC with your info on the stand alone button. I owe you BIG TIME for your useful info and free help that has made my life so sweet!
ReplyDeleteI have referred a gazillion people to you for this same issue.
Your reach is vast!
Thank you sincerely!
jenny at dapperhouse
Thank you! :)
ReplyDeleteWOO-HOO very cool! Just added mine. Soooooo easy! Thanks a ton!!
ReplyDeleteGreat info..thanks so much for sharing. I'm new to your site and can't wait to explore you amazing advise.
ReplyDeleteI have wordpress and what I did was go in and change the blogger URL to my current wordpress URL and it works. Hope this helps.
ReplyDeleteBrilliant! Love that I can shorten the friends connect! I have a Blogger blog but always hated how it looked like clutter.
ReplyDeleteIs there a way to have just the button and include a number (to show how many people are following the blog?). Thanks.
ReplyDeletethis was super useful ... thanks :)
ReplyDeleteThank you so much for posting this! I have been trying to get people to read my blog but right when Google or Blogger or whoever it is, started cleaning up and took away GFC from non-Blogger blogs, for some reason, mine disappeared too - I have a Blogger blog. And no one at Google or Blogger helped me. I can't put the widget back because the template says it's missing and I didn't think anyone was getting my updates. There have been weeks where I would post and not a single person commented because I'm guessing they didn't get the update.
ReplyDeleteI tried this code and it actually works! So thank you very much! Hopefully this will get people to come back and start reading my blog again.
I just have one question, is there anyway to have a counter or something to indicate to others (and me) that there are fans/followers of this blog? Or is there anyway to add something like that? Please let me know!
Again, thank you very much! You may have saved my blog :)
~ Kieli ~
thanks for this post...i think the same @Kieli_Heart !!!
ReplyDelete"I just have one question, is there anyway to have a counter or something to indicate to others (and me) that there are fans/followers of this blog? Or is there anyway to add something like that? Please let me know!"
yeah please that would be wonderful !!!!!!!!!!!!!!!
thanks for the sharing, I like this version instead of big one, this widget is very small & useful~~
ReplyDeletehi, just wondering if I have to remove my current 'Followers' gadget in order to put in this new stand alone button? And if so will I lose all my current followers? (I don't have too many followers - but want to keep the ones I have. Due to the low numbers, I would like to hopefully just have the 'Follow' button without showing the number of followers with their profiles etc - as with the current Followers gadget.) Many thanks in advance for your help.
ReplyDeleteDonna, you do not need to remove your current followers gadget.Also your followers are connected to your blog`, so this button adds followers to your blog the same as the standerd gadget.
DeleteThank you so much for taking the time to respond. Much appreciated. I'm off to give it a go!
DeleteHi, I am having a problem with my 'follow' button. It has been working fine for the past few months but now it is nott registering when someone new follows my blog. As only I can see the amount of followers I have through my blogger dashboard, my newer followers don't see the problem. I have had to remove this follow button and re add the original GFC follow widget. I have emailed you through your contact form with more info. PLEASE help! Thank you so much, Hannah
ReplyDeletehttp://www.hannahsfashionblog.com/
I'm afraid I don't know why that would happen.It could be as a result of another gadget being added to your blog.So if you added other gadgets to your blog recently they could affect it.Once again though there is no way for me to know what scripts you have that are affecting it :(
Deletethank u very much....
ReplyDeleteThis is a beautiful blog. . I also found what I needed, here. Thanks.
ReplyDeleteHi, do you know a way I can have a stand alone twitter button on my blog?
ReplyDeleteNice tips thanks..
ReplyDeleteI've been searching everywhere for this gadget, as it doesn't seem to be on the gadget menu any more. Thanks so much!
ReplyDeleteI need help! My GFC is not showing up on my blog. Originally a designer built my blog, but I wanted a change. She had a gadget on my sidebar for my GFC. It had a link for a custom photo and the code for GFC.
ReplyDeleteAll I did, was change the photo. The photo shows up, but not my GFC.
Thank you in advance for any help.
Never mind, I fixed it. Thanks so much for your wonderful blog.
Deletethank you so much for this been looking for this for ages
ReplyDelete