Tuesday, 3 May 2011

How To Add A Facebook Like Box and Twitter Follow Button To Your Blogspot/Blogger Blog

This post is a little bit overdue so I do apologise. I was asked last week if I could write a post for other bloggers using Google Blogspot/Blogger, on how to add the Facebook and Twitter buttons that you can see on my blog. I’ll do my best to  talk you through how to do it, I always try to write in a way that is easy to understand and any instructions are simple to follow, so here goes!

The ‘Follow Me On Twitter’ Button
This one is simple one to do. Log in to your Twitter account and on the right hand side of your home page, under the  ‘Favourites’ and ‘Trends’ etc you should see some options starting with ‘About, Help, Blog...’ in this horizontal list of options click on ‘Businesses’. You then get to a page called ‘Twitter for Businesses’ under the option ‘Optimize Your Activity’ click on ‘Resources and Widgets’.
You then get to select the style of your follow button by clicking on ‘See all Follow buttons’. There are various different options, once you’ve decided which one you like click on it and it will give you a code. Copy this code by selecting (highlighting) it and right mouse click and select copy.
To add this to your Blogspot/Blogger blog, sign in to your blog and go to the ‘Design Page’. I’m sure you are familiar with this page, but if you are new to Blogspot/Blogger it will appear as ‘Add and Arrange Page Elements’. On the right hand side of the page you will see ‘Add a Gadget’, click on this and you get a list of options that you can add. Select HTML/JavaScript and paste the previously copied Twitter code into the ‘Content’ box, add a title if you wish for your reference. Click save and preview/view your blog. You should now see your selected Twitter button on the right hand side of your page.

The ‘Your Business’ On Facebook Like Box (ours appears on the right hand side as ‘More Than Mummies’ on Facebook)
This one is still quite simple but you have more options to choose from. Bear with me I’ll try to be as clear as I can explaining this!
To start with login to Facebook and visit your business page, select ‘Edit Page’ and in the list of options click on ‘Marketing’. You have different options you can either ‘Get a Badge’ or ‘Add a Like Box’. I’d suggest having a look at both of these options to see which one you prefer. The ‘Get a Badge’ has an option to add it straight from Facebook to Blogger.
I chose the ‘Like Box’ for the right hand side of this blog. To add this click on the ‘Add a Like Box’ option as mentioned above. Where it says ‘Facebook Page URL’ write in or copy and paste your Facebook business page web address (ours for example is http://www.facebook.com/morethanmummies). You should then see the profile picture of your business page. (Sometimes it doesn’t appear straight away, just click on the ‘Width’ box and it should appear, you don’t need to change anything in the ‘Width’ box for this to happen.) Select how you want your ‘Like Box’ to appear, un-tick the different options to see what is available. I kept changing my mind as to what I wanted! Once you are happy with how the ‘Like Box’ will appear click ‘Get Code’  and as per the above Twitter example, copy this code, sign in to your blog, go to design and add gadget (HTML/JavaScript) and paste the code into the content box. You can change the appearance of your ‘Like Box’ by going back to Facebook, selecting different options and getting a new code.
I hope these instructions help you to add Twitter and Facebook options to your blog. Don’t be afraid to experiment with different options of how they appear on your blog, you can change or remove them at anytime.
Jill. x

No comments:

Post a Comment