How To: Add a Follow Me Button to Blogger

 General  Add comments
May 082012
 
How To #1: Add a Follow Me Button to Blogger

  1. To add a Follow Me Button to Blogger, you need to find big Facebook, Twitter and RSS icons.
  2. Download it and upload it to Google Picasa or Flicker (whatever picture uploading site you use).
  3. Open a word document and paste in the following code:
     <a href=”http://www.facebook.com/yourpage” target=”_blank”><img alt=”Facebook Page” src=”http://yourpage.com/uploads/2012/10/button1.jpg” width=”20″ height=”20″/>
  4. Your feed address may be something like this:

    http://your-blog.blogspot.com/feeds/posts/default

    To find your feed address:

  5. Open the picture you uploaded.
    Right click on the picture, and click ‘Copy Image URL’
    Paste the URL into the code.
    Yes it should look like a long and weird URL address.
    To find your uploaded picture web address:
    Go to the website where you uploaded your pictures. (if using google picasa – go to google photos.)
  6. Do a separate code for each of your pictures.
    Remembering to change your Subscribe To wording for each one.
    The target=”_blank” means that it will open in another tab
    The  height=”48″ width=”47″ means the size of the logos on your blog. You can adjust these to be bigger and smaller.
  7. Line up the codes in word so they are one after the other for adding to your blog. As you want this all in one gadget.
  8. Now go to Layout:
    Add a Gadget tab and add a “HTML/JavaScript” gadget.
  9. Paste the codes.
    Click Save.

Have a look at your blog. Do they appear? I hope so!

Unfortunately I do not know how to do this on WordPress or any other blog hosting site! 
But I would assume the concept is the same – or use a plugin/widget.

  18 Responses to “How To: Add a Follow Me Button to Blogger”

  1. Cassandra
    May 8, 2012 at 7:45 amReply
     

    Thanks for this.. I'll have to check it out! This part of blogging irritates me no end! :D I always procrastinate about adding new buttons!

  2. Beck
    May 8, 2012 at 7:55 amReply
     

    Thank you. Lets see if I can get it right :)

  3. workingwomenaus
    May 8, 2012 at 8:35 amReply
     

    I love how bloggers are so free with their information. It's so different to so many other industries (yes, we are an industry!). Thanks for sharing

  4. Beck
    May 8, 2012 at 8:36 amReply
     

    WooHoo I did it!!! Thanks for the great Instructions. I had looked at doing this quite a few times and gave up as I couldn't understand it properly.

  5. Grace
    May 8, 2012 at 11:35 amReply
     

    This is great info ! Alas, I am a WordPress user ;)

  6. Salz DummySpit
    May 8, 2012 at 12:02 pmReply
     

    I did my own pics and added them as the facebook, twitter etc buttons. But I think I'm getting sick of them they look huge. I should do this and get something simple. Will do it once I have some spare time. Thanks

  7. lyndal
    May 8, 2012 at 12:05 pmReply
     

    this is awesome hon! i am sure SO many will find this helpful :)

    #teamIBOt was 'ere aloha!!

  8. BossyMummy
    May 8, 2012 at 2:29 pmReply
     

    This kind of thing scares me. I still look at computers as though they are going to explode if I press te wrong button! Great instructions:-)

  9. Jess@Diary of a SAHM
    May 8, 2012 at 3:01 pmReply
     

    Good of you to share Yvette. I did do that myself once upon a time. Now I have a shiny wp blog and little hero hosting does everything for me instead!

  10. Julie
    May 8, 2012 at 6:28 pmReply
     

    Great info Yvette. I'm like bossy mummy above. All too scary. Don't know if I'll get around to making one, but might bookmark this page for future reference

  11. Catherine Rodie Blagg
    May 8, 2012 at 6:54 pmReply
     

    Thanks for this! I'll def give it a go :-)

  12. Denyse Whelan
    May 8, 2012 at 9:07 pmReply
     

    I have a web guy because I am too impatient. I am lucky to have a web guy. You are lucky to be skilled and you are awesome ..that is all. Denyse from #TeamIbot

  13. Misha - TheBlingBuoy
    May 8, 2012 at 10:16 pmReply
     

    Great advice! Your blog looks so professional and stylish. Did you do it all yourself or did you have a web guy to get you started? I find it all a little overwhelming sometimes!

  14. Sif Dal
    May 9, 2012 at 7:25 amReply
     

    I've always just used widgets or gadgets for this, but the way you describe it would allow a blogger to design their own – something more suited to individual blog layouts and designs – well done!

  15. Grace
    May 11, 2012 at 10:03 amReply
     

    Glad to see you get so many comments for this post! Obviously stacks of people found it useful.
    Thanks for linking up with FYBF !

  16. Eric Butts
    August 25, 2012 at 12:19 pmReply
     

    Here's a couple more giggle bumps because that was flawless. Thank you.

  17. Fiona, LilyfieldLife
    September 11, 2012 at 9:38 amReply
     

    thank you so much. you might like to add that if using Google chrome you need to right click on the image in Picasa online albums and “copy image URL” instead of copying the url in your browser. took me about 2 hours to work out that one! otherwise thanks so much for this. is good to have my blog subscription icons all lined up.
    cheers Fiona

  18. Lisa
    September 15, 2012 at 10:54 amReply
     

    Love the post Yvette-but I am on WordPress so will try to con my “web guy” my hubby to organise this properly. My icons are all over the place. Congrats on the feedback. I found your post on Styling you. Hope you keep up the blogging posts-very useful x

Leave a Reply to Eric Butts Cancel reply