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.

Facebook Official Page for Website

Inside the world wide web, who does not know about Facebook? I think almost everyone has account on this famous social networking site to connect with your friends all over the world. Today, this is not only used as medium of communication but also useful in promoting a business, celebrity, band, product or even organization.

Now, I will teach you how to create your own fan page on facebook. The steps are very easy but I believe it would be much easier if there are thumbnails on the steps.

1. Go to facebook home page. At the bottom of page below the sign up form, you can see the link Create a Page then click on it.

2. You are now on the create page area where in you can see the form. Select between the three radio buttons depending on the page you want to promote. A drop down selection will appear for you to select specifically your interest.

3. Enter the name of your page on the "Page Name" field and check the box before the statement "I'm the official representative of this person..." and then click on the "Create Official Page" button.

4. If you are currently log in to your facebook account, you will skip this step. If not, you have to log in if you already have an existing account otherwise you have to select the statement "I do not have a Facebook account" and create a new one of course for free.

5. Now, you have  successfully created your own official facebook page. You can customize your page as long as you want like :

     - Browse and upload an image or take a picture from your computer if you have the camera.

     - Provide your basic information about you and your page.

     - Post status updates for your page.

     - Promote your page on your website.

     - Set up your mobile phone for your page.

     - Connect with your twitter account to send status to your followers.