Google Friend Connect Followers - How To Have A Standalone Follow Button




| 51 comments

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 :

Find your blogger i.d.

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.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

51 comments:

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

    ReplyDelete
  2. Thanks for the great button!

    ReplyDelete
  3. Thanks a lot bro..! I wanted this one.. Thanks for responding for my mail..! Thank you... :)

    ReplyDelete
  4. Another fabulous Post. Added a Follow button to my blogger blog ;)

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. I've been looking to do this for ages - thanks Paul.

    ReplyDelete
  7. @ Srikanth Rao - I actually couldn't remember who sent the email asking for this, your welcome.

    ReplyDelete
  8. great , 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.

    ReplyDelete
  9. I 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?

    ReplyDelete
  10. @ All - Thanks for the positive comments.

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

    ReplyDelete
  11. 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
  12. @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
  13. @ 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.

    ReplyDelete
  14. Thanks 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!

    ReplyDelete
  15. Hi friend, Groundbreaking, i was assert cheersmeant for blogging an exceedinglyprime quality post, basically might help others in numerous options

    ReplyDelete
  16. Fabulous variety of information!

    You've got some darn good Alexa, too!

    19,332 nat'l

    I've got a bit o'Irish blood. US born tho :)

    ReplyDelete
  17. Woo HOO lucky follower number 1000..what do I win? How about a follow back at My-2-Cents


    Thank you

    ReplyDelete
  18. @ Valerie - I usually dont publish comments with links but since your follower 1000 thats your prize :)

    ReplyDelete
  19. i want to add this to my wp blog on the sidebar...is there a way to do that?

    ReplyDelete
  20. Any way to make this work for self-hosted blogs using wordpress?

    ReplyDelete
  21. Great post and the instructions worked perfectly. I'm sending my followers your way to check out your instructions. Thanks.

    ReplyDelete
  22. Great Tip!!! It was so easy to do. Thanks

    ReplyDelete
  23. I 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!
    I have referred a gazillion people to you for this same issue.
    Your reach is vast!

    Thank you sincerely!

    jenny at dapperhouse

    ReplyDelete
  24. WOO-HOO very cool! Just added mine. Soooooo easy! Thanks a ton!!

    ReplyDelete
  25. Great info..thanks so much for sharing. I'm new to your site and can't wait to explore you amazing advise.

    ReplyDelete
  26. I 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.

    ReplyDelete
  27. Brilliant! Love that I can shorten the friends connect! I have a Blogger blog but always hated how it looked like clutter.

    ReplyDelete
  28. Is there a way to have just the button and include a number (to show how many people are following the blog?). Thanks.

    ReplyDelete
  29. this was super useful ... thanks :)

    ReplyDelete
  30. Thank 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.

    I 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 ~

    ReplyDelete
  31. thanks for this post...i think the same @Kieli_Heart !!!

    "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 !!!!!!!!!!!!!!!

    ReplyDelete
  32. thanks for the sharing, I like this version instead of big one, this widget is very small & useful~~

    ReplyDelete
  33. hi, 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.

    ReplyDelete
    Replies
    1. Donna, 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.

      Delete
    2. Thank you so much for taking the time to respond. Much appreciated. I'm off to give it a go!

      Delete
  34. Hi, 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
    http://www.hannahsfashionblog.com/

    ReplyDelete
    Replies
    1. 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 :(

      Delete
  35. This is a beautiful blog. . I also found what I needed, here. Thanks.

    ReplyDelete
  36. Hi, do you know a way I can have a stand alone twitter button on my blog?

    ReplyDelete
  37. I've been searching everywhere for this gadget, as it doesn't seem to be on the gadget menu any more. Thanks so much!

    ReplyDelete
  38. I 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.
    All I did, was change the photo. The photo shows up, but not my GFC.

    Thank you in advance for any help.

    ReplyDelete
    Replies
    1. Never mind, I fixed it. Thanks so much for your wonderful blog.

      Delete
  39. thank you so much for this been looking for this for ages

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us