Adding Facebook Like Button to Blogger Blog

Ill try to make this a quick and helpful write-up. By default Blogger will let you easily add in a Google+ widget to your site, but no easy way to add in one for Facebook. There are a few add-ons out there but this covers just adding a Facebook "Like" button, skipping the extra flair (I've never used Digg anyway).

1. First head over to Facebook HERE

2. Configure the Like button to your personal preference

3. Click Grab Code

4. Copy the Javascript SDK and head over to your Blogger Admin portal

5. Find Templates and click on it

6. Click on EDIT HTML

Right after the line that says

<body expr:class='"loading" + data:blog.mobileClass'>

Enter in the SDK code

7. Now go grab the DIV code from the Facebook page

8. In the HTML find the spot you want it to appear at (mine is just under the Google + button on the side)

(The google plus one widget should be available to jump to if you have it implemented)

9. Add your code right before the end the widgets code

End of widget code : </b:includable>

</b:widget>

10. Click Save

Pages

Monday, September 23, 2013

Adding Facebook Like Button to Blogger Blog

No comments:

Post a Comment