GuidePedia

0
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
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD


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
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD

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
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD


4.Click create app

5.Enter the captcha and Click SUBMIT 

6.Note the APP ID
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD


7.Now click SETTINGS on the left sidebar

Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD

8.In the app domain,enter your site domain without www. like below
eg:computerkirumi.tk 
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD


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

Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD

10.CLICK SAVE CHANGES
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD


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
 9.Click Save Template
Now your side popup is ready and whenever a visitor scrolls 40% of your site , the popup rises


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
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD

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
Add Facebook Recommendation Widget and Side popup in Blogger-WORKING METHOD

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

 
Top
"Insert your advertisement network ad-code here"