Add Facebook Like Button on Blog Post

Facebook has developed a lot of Social plugins which can easily be embeded and connected to other web applications such as blogs. I 've been posting about creating facebook official page amd promoting facebook page with like box plugin before and now, what I will post is to add a Facebook Like button in every post of your blog. This will let your readers to share your posts to their facebook accounts which will also let you know how many people liked your post. For the demo, notice the like button after every title of my posts. To have this on your blog, just follow the simple instructions below.

1. Login to your Blogger Account. Click on Design and then Edit HTML.

2. Check box beside the statement “Expand Widget Templates”.

3. You can actually place the like button anywhwere you want. In my case I place it after my Post Title. To do this, look for

and below this place the code below. You can also place it after your blog post and in this case place the following code after .

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

4. Click on SAVE TEMPLATE button and reload your blog to view the changes you have made. The like button must now appear in each of your post.

Promote Facebook Page with Like Box Plugin

This post is actually a continuation on my post about creating a facebook official page. This time, we will create a code to embed in our website to promote the page we had just created. If you don't have a facebook official page yet, you can visit the post about Facebook Official Page for Website.

1. Go to facebook home page or you can click facebook home page. Log in to your account and on the left side below your profile image try to locate "Ads and Pages" and click on it.

If you can not find the "Ads and Pages" link, you can look for your page by typing the page name in the search bar. You will be redirected to your page after clicking on it.

Now, click on "Edit Page" below the image of your page on the left.

 2. On the right part of the page, click on "Promote with a Like Box" under Promote your Page section.

3. You are now on the Social plugins creator for Like Box. There is a default like box on the preview, you can change it by changing Facebook Page ID field by profile_id in the url and the preview will automatically change to your page. You can customize it by changing the remaining fields.

4. After you decided your Like Box would look like, you can now click on the "Get Code" button.

5. You can now see your Like Box plugin code. You can select between iframe or XFBML which you would like to embed to your website.

6. You can now copy the code and paste it on the page you wanted for your website. You can see my facebook official page like box at the right side of my website.