Senin, 08 April 2013

How To Embed Facebook Button On Blogger

These are really easy steps to do  to add or embed a facebook plug in to your blogger's blog.

1. Go to https://developers.facebook.com/docs/reference/plugins/ . (In my case I wanted to get like box code, so I selected option like box. Some options displayed on the left sidebar of the mentioned page.

2. You need to log in to your own facebook account (personal or fan page). It is to let facebook to authorize the user.

3. Once you have logged in, you will see something like the below screenshot.
Then you can customize the look of the plug in. You are free to set width, height, style, border, etc at this step.

4. Click Get Code when you are done with customization. You will get 2 codes. (Below are sample of the codes my own fan page).

5. Now, log in to your blogger. Go Template, Edit HTML, Expand ...

6. Copy and paste the no. 1 codes after the tag  <body> . See the following screenshot as guidance.

7. Click Save template.

8. Next step, go to Layout of your blogger account. Add Gadget, select Insert HTML /JavaScript, then paste the code no. 2 (your own facebook code). See the following screenshot as guidance.

9. Click save. Now you have got facebook like box alive on your blog.

0 komentar:

Posting Komentar