How to Implement Facebook Plugins on your Blog




You may be seeing lots of website which has Facebook Comments , like , log-in and other elements and you also want to implement it into your blog/website. So you visited our Site for help !
It's not difficult to implement Facebook Plugins , like etc. onto your page
All you need is a verified Facebook Account (you can verify your facebook account with a mobile phone)
, some knowledge of HTML and your own website/blog where you can edit HTML.

Now let's start


Get the Plugins 
First step is to visit this site : FACEBOOK DEVELOPERS

Now when you are on the site , you can see many plugin like : Like Button , Send Button, Activity Feed, Comments etc.

You can select any of the plugin , which you like to implement into your site/blog.

I am choosing COMMENTS for an example:

When you are on DevelopersPlugins' site , click on comment :


Preview




When you are in , scroll down and you will see this :




URL to comment on : Your blog/website URL where you want to implement this Comment Plugin.

Number of Post
 : The number of posts to display by 
default.

Width : The width of the plugin,in pixels

Color Scheme
: The color scheme of the Plugin ( Comment Box)

Fill all boxes  


After you are done with your choice just click on GET CODE to get the code to implement it into your website/blog
This will appear on your screen


You have three type of code here HTML5 , XFBML , IFRAME If you are using a regular website/blog , you may select HTML5 , it's easy than others


These process will be slightly different if you have any app on Facebook
It will look like this ( i have hidden the APP ID for security reasons)



You can also make APPs on Facebook  , it's free of cost : Make APP on FACEBOOK
When you are on the site , click on CREATE NEW APP and get started  



Now how to implement it in your website/blog


Open Blogger, log-in (if necessary) Now select the blog you want to implement the plugin
To add it as a Sidebar Gadget do this :

OLD INTERFACE : When you are on your blogger's DASHBOARD , click on DESIGN > PAGE ELEMENTS > ADD GADGET
 
Here's a picture demo ( Old Interface of blogger)


Now when you are there, you will see many boxes , click on ADD GADGET
And gadget selector will pop-up , now select HTML/JAVASCRIPT gadget



After you click on that, you will see other box , in Tittle put whatever you like it to show on your sidebar
And in content paste the HTML5 code given to you by FACEBOOK


And save ! 


NEW INTERFACE
 : Open your blogger dashboard and you will see your site lists ,  and next to them you will see this:
In the Dropdown Menu , select Layout


Now when you are there, you will see many boxes , click on ADD GADGET
And gadget selector will pop-up , now select HTML/JAVASCRIPT gadget


After you click on that, you will see other box , in Tittle put whatever you like it to show on your sidebar
And in content paste the HTML5 code given to you by FACEBOOK


And Save !


You can do the same of Like Boxes, Like Buttons , Send Button , Facepile etc. Plugins PLUGINS SITE



CHEERS!! WE DID IT ! Congrats for your new plugin !



Comment about your new comment box or just post link to your blog down here:









For help mail us at : stramaxon@gmail.com