I checked many blogs for Facebook recommendations widget but many are outdated and the tutorial is for old interface of facebook.
I finally founded a working method for facebook recommendation widget and side popup for blogger
1.Goto Facebook developers page
2.Click on APPS>>CREATE NEW APP
3.Type your site name in Display name and leave the namespace
empty.In category select any one of it(recommended:apps for pages,communication,utilities) like below
4.Click create app
5.Enter the captcha and Click SUBMIT
6.Note the APP ID
7.Now click SETTINGS on the left sidebar
8.In the app domain,enter your site domain without www. like below
eg:computerkirumi.tk
9.In the PAGE TAB option enter your site name as PAGE TAB NAME and enter site address in PAGE TAB URL like below.Leave other fields as it is
10.CLICK SAVE CHANGES
1.Goto Blogger > Template
2.Click EDIT HTML
3.Search for
This code is by MOHAMMED MUSTHAFA AHMED ZAI .I too Use this code for My recommendation widget
I finally founded a working method for facebook recommendation widget and side popup for blogger
HOW TO ADD FACEBOOK RECOMMENDATION WIDGET AND POPUP
STEP 1:CREATING FACEBOOK APP
1.Goto Facebook developers page
2.Click on APPS>>CREATE NEW APP
3.Type your site name in Display name and leave the namespace
empty.In category select any one of it(recommended:apps for pages,communication,utilities) like below
4.Click create app
5.Enter the captcha and Click SUBMIT
6.Note the APP ID
7.Now click SETTINGS on the left sidebar
8.In the app domain,enter your site domain without www. like below
eg:computerkirumi.tk
9.In the PAGE TAB option enter your site name as PAGE TAB NAME and enter site address in PAGE TAB URL like below.Leave other fields as it is
10.CLICK SAVE CHANGES
STEP 2:ADDING THE SIDE POPUP TO YOUR BLOG
1.Goto Blogger > Template
2.Click EDIT HTML
3.Search for
4.Add the following code next to this
xmlns:fb='http://ogp.me/ns/fb#'If you already have a code just click enter and paste next to this
5.Now search for
6.Now paste the following code below the entire body tag.
This code is by MOHAMMED MUSTHAFA AHMED ZAI .I too Use this code for My recommendation widget
- Replace *************** with your App Id
- Replace http://www.computerkirumi.tk with your blog link
STEP 3:ADDING WIDGET
1.Now Goto Blogger > LAYOUT 2.Click ADD Gadget where you want the widget to appear
3.Now click HTML/JAVASCRIPT
4.Now enter the Following Code
- Now replace computerkirumi.tk with your site's address
- Replace 270 and 300 with your desired width and height respectively
5.Now Click Save
ALL DONE....Now its time to test.Goto your blog and navigate to any post.Now check whether the sidebar appears when you scroll through your blog and also the widget
Post a Comment