Recent Content

Come join this week's link party and show off your latest and greatest. Opens Thursday @ 9pm and Closes Wednesday @ 11:59pm.

Thursday, September 29, 2011

Blogging: Stand Alone GFC Button

I don’t know about anyone else, but I have had problems with my GFC followers widget showing up for several months now.  I have been so frustrated with it, because I know there are blogs I’ve tried to follow and can’t find their buttons, so I just leave.  I don’t have all day to reload the page until the widget decides to show up.  I wanted some way to put my own button on my blog without it being attached to Blogger’s widget.

 

The other day I saw a stand alone button and thought “That is SUCH a good idea!  I want one of those!”  And then I closed the window and did something mommy related, I’m sure, completely forgetting where I had seen that.  And then my Followers widget seemed to take a drastic dive in its already less-than-stellar performance.  Anytime I checked my site (as I was doing some maintenance and upkeep, it was fairly often) the GFC widget NEVER loaded.  EVER.  Ok, like twice maybe.  So, began my Google searching.  I couldn’t find a tutorial on it anywhere.  I’d pretty much given up.  I was blog surfing the other day and found a comment with the link that saved my life.  Ok, a little dramatic, yes.  But, I’ve spent FOREVER months trying to figure this out.  You can check out the original tutorial on loveyoualwaysgiveaways.com.

 

Here’s the How on adding a stand alone GFC Button to your site:

1.  You will need this code:

 

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

Copy and paste that exactly as it is.

 

2.  Go to your Design tab and select Add a Gadget.  P.S.  Click on the images to make them larger.

design tab

3.  Find the HTML/JavaScript Gadget and select it.  A new window will open.

add a gadget

4.  Paste the code above into the new window.

paste code

5.  Back in your browser, on your design tab page, look up to the address bar.  It should look something like this.  Copy the number on the end and replace the red BLOG-ID-HERE text with the number.  Just the number, not the whole address.

edit the code

6.  Save the gadget.  You can then drag and drop it like any other gadget anywhere you want on your blog template.  Save the changes and view your blog to make sure it all worked.

Follow Button 

 

Krista

 


Pin It

25 comments:

  1. Thank you thank you thank you!! I have been SO frustrated with the widget not working! Plus I have also had trouble following other blogs when theirs isn't working either.

    Thank you for the solution!

    ReplyDelete
  2. Just a quick note to let you know that a link to this post will be placed on CraftCrave today [30 Sep 01:00am GMT]. Thanks, Maria

    ReplyDelete
  3. Thanks so much for sharing this! I pinned it and am going to give it a try! Thank you for sharing! So helpful!

    ReplyDelete
  4. I love it! thanks this has been driving me CRAZY!!!!! I immediately went and put this on my blog...seriously IMMEDIATELY!! like I am writing this comment AFTER I have already added it. Thats how badly I have been looking for this solution. THANK YOU! Oh, I found you at sassy sites Link Party.

    ReplyDelete
  5. Something else I have been trying to figure out is how you do the unique follow buttons for the rss feed, facebook, and pinterest. Info on that would be AWESOME for this beginner blogger!! feel free to e-mail me if you have any blogging words of wisdom I would be thrilled!

    ReplyDelete
  6. Excellent! Thanks so much for writing this out...the disappearing followers widget was really starting to irk me. :)

    ReplyDelete
  7. Krista....this looks like a great idea! Thanks for the tutorial on how to add the button.

    ReplyDelete
  8. This is good info to have! Found your link at Chic on a Shoestring.

    ReplyDelete
  9. Thank you SO MUCH for commenting back when you couldn't find my e-mail! Sorry about that I am fixing it all today, but wanted to say thanks first. I appreciate that you took the time to help me. Bloggers like you who care about their readers and followers and not the $s they represent are so awesome to find! I am posting your button on my sidebar as one of my fave MUST read blogs!!

    ReplyDelete
  10. Ha! That was soooo easy! Thank you thank you! I have not been happy with my GFC widget and love this option!

    ReplyDelete
  11. THANK-YOU! I HAVE BEEN HAVING PROBLEMS LIKE THIS FOR MONTHS! VERY DISCOURAGING! I'M YOUR LATEST FOLLOWER!

    ReplyDelete
  12. I noticed this a couple of days ago and wrote this post Help for Missing GFC Followers Gadget. This happened to me right around the time Blogger rolled out the new draft.blogger.com. I filled out the form mentioned in the above post and Google actually fixed it.

    ReplyDelete
  13. By the way, the GFC gadgets always display in Chrome for me, it's just the other browsers that don't display them from time to time.

    ReplyDelete
  14. Ok Krista! You just solved my biggest problem! I've had trouble with the followers button for months, kept refreshing to get it back but you're right, nobody has time for that! Thank you so much my friend!
    Susan

    ReplyDelete
  15. Thank you thank you! You have been really helpful!

    ReplyDelete
  16. THANK YOU! I have been having the same problem. I'm so glad you shared this!

    **Visiting from Show and Tell Saturday

    ReplyDelete
  17. Thanks so much for sharing this. I joined your site, because it was so easy :) Now, to go fix mine....

    ReplyDelete
  18. Ha, ha, I was beginning to think it was just my computer that wouldn't load it. I'm glad I'm not the only one. I going to add this to my blog right away, thanks!

    ReplyDelete
  19. Thank you! I'm glad I'm not the only one with GFC issues. I've added this gadget go my blog.

    ReplyDelete
  20. Thank you! I've added this to my blog.

    ReplyDelete
  21. if i get the courage to try something, this will be it! you are right, i have to reload and refresh to see the button. thanks for this info!

    ReplyDelete
  22. Great solution! Thank you so much for sharing your tutorial! :)

    ReplyDelete
  23. I just found this post via another blogger who recommended you via another blogger and so on. Thank you so much!

    I was already following you by the way...can't believe I missed this tutorial!

    Best wishes,
    Natasha.

    ReplyDelete
  24. Thank you, thank you, thank you for this post. It was sooooo helpful!

    ReplyDelete

"If you can't say something nice... don't say nothing at all." -Thumper, Bambi, 1942

Please keep your comments kind. I don't expect everyone to always agree with me or the way I do things, but if you can't be kind, please keep your comments to yourself and move on.

If you're a "no-reply blogger", I can't respond to your comments and that makes me sad. Enable your email and I'll get right back to you! Otherwise, it might take me a couple days to respond here.

Thanks for taking time to comment, it totally makes my day!

Related Posts Plugin for WordPress, Blogger...