Blogger me facebook like box kaise lagaye?

SHARE:

facebook like box

Humare blog ko promote karne me social media jaise facebook, twitter, google plus, pinterest etc bahut hi aham bhumika nibhate hai. Jab bhi hum koi blog ya website start karte hai to isko represent karne ke liye sabhi social network pe apni website ke liye profile pages jarur banate hai jisse hamare blog reader aur website visitor like or follow karke humesha ke liye connect ho sakte hai.


Jab jab hum new post publish karte hai to unko hum apne

social media profile pe jarur share karte hai jisse hamare visitors ko asani se new post updates mil jaye aur hume dher sara traffic, jo humare blogging business ke liye bahut jaruri hai.

To dosto aaj hum bat karenge facebook like box ke bare me, hum apne facebook fan page ko apni website me add kar sakte hai jisse visitor humare website ko leave kare bina hi humare facebook fan page ko like kar sakte hai.

Facebook like box humare website visitors ko like karne ke liye attract karta hai aur reader is embeded like box me scroll karke sabhi facebook posts bhi dekh sakte hai.

Website me yeh like box lagane ke liye hume facebook developer page se like box ke liye kuch html/javascript code lene honge. Kuch mushkil kaam nahi hai easily bas aap ye simple tutorial follow kare.

Note:Agar aapne apni website ke liye  facebook page nahi banaya hai to sabse pahle facebook fan page banale.

Also read: Blogger me Disqus commenting system kaise lagaye?


Website me facebook like box kaise add kare?

Step 1. Sabse pahle developers.facebook.com/docs/plugins pe jaye, Apke samne facebook developer page khulega. Agar aapka facebook account login nahi hai to login kare aur easy instruction follow kare.

facebook like box
  1. page plugin pe click karenge to new page khulega jisme detail bhare.
  2. Apne facebook page ka URL address dale.
  3. tabs me timeline hi rahne de.
  4. Apni website ke anusar facebook page plugin ki width dale.
  5. Same width ki tarah hi jitni hight chahiye, yahan dale.
  6. Agar plugin ka header small chahiye to ispe tick kare.
  7. Adapt to plugin container width me tick mark hi rahne de.
  8. Page plugin me cover photo nahi chaiye to Hide cover photo pe tick mark karde
  9. Agar plugin me friends show karne hai to tick mark hi rahne de nahi to aap tick mark hatade.
  10. Pura process complete karne ke bad code lene ke liye Get code ke button pe click kare.
Is process ko complete karne ke bad jab aap get code pe click karenge to popup window khulegi jisme aapko 2 html code milenge jise hume apne blog me jodna hai, 

facebook like box html


Step 2. Ab humare pas facebook page plugin ke code hai jisko website me add karne ke bad facebok like box appear ho jayega, to chaliye der kis bat ki code jodte hai. 


add facebook like box html
  1. code no.1 ko copy kare aur page ko khula hi rahne de.
  2. Apne blogger dashboard me template>>html pe click kare
  3. Html code ke bich cursor hit kar aur aur Ctrl+F ki button ek sath press kare apke samne ek search bar khulegi.
  4. Ab search bar me <Body> type kare aur Enter ki button Dabaye.
  5. Enter ki button dabane ke bad ke apke samne ye <body> code highlight hoga thik iske niche pahle se copy kiya hua code paste karde.
  6. Save template ki button dabake save kare.
Step 3. Humne pahla code to apni website me add kar diya ab dusra code jodna hai, bahut simple hai bas instruction follow kare.
facebook like box
  1. Code no. 2 copy kare aur apne blogger account pe jaye.
  2. Blogger dashboard me layout pe click kare.
  3. jahan aap ye plugin lagana chahte hai wahan Add a gadget pe click kare, apke samne ek pop up window khulegi jahan html/java script pe click kare
  4. Title me Like us ya jo apko pasand hai dale aur content area me pahle se copy kiya hua code paste karde.

Ab preview button pe click karke dekhe ki facebook like box show ho rha hai ki nahi. aise hi aap facebook like button ka gadget bhi apne blog me laga sakte hai. Bas niche diya hua code copy kare aur blogger dashboard me layout>>add a gadget>> html/java script pe click karke ye code paste karde aur save karde. 

<div class="fb-like" data-href="https://www.facebook.com/techaruby" data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>
Note : https://www.facebook.com/techaruby ki jagah apna facebook page url dale.


Facebook Plugin Codes:

Dosto mene upar code no. 1 template me jodna bataya tha, ye code apne blogger template me jodne ke bad hum facebook ke sabhi plugins use kar sakte hai bas in plugins ke code hume html/java script gadget me paste karke save karna hai. Me apko kuch khas facebook plugins ke code bata raha hu jinhe aap apne blog me use kar sakte hai, in codes me apne facebook page ka URL add karna na bhule.

Facebook comments plugin
<div class="fb-comments" data-href="http://www.facebook.com/techaruby" data-numposts="5"></div>

Facebook follow button
<div class="fb-follow" data-href="https://www.facebook.com/techaruby" data-layout="standard" data-show-faces="true"></div>

Facebook save button
<div class="fb-save" data-uri="https://www.instagram.com/facebook/" data-size="large"></div>

 Facebook send button
 <div class="fb-send" data-href="https://www.facebook.com/techaruby"></div>

 Facebook share button
<div class="fb-share-button" data-href="https://www.facebook.com/techaruby" data-layout="button_count" data-mobile-iframe="true"></div>

Ye bhi bahut kam ki post hai:

Conclusion:

To dosto aapne ye facebook page plugin easily apne blog me embed kar diya.

Agar ye plugin add karne me kahin koi preshani ho rahi hai to to jarur aap comments se puche, mujhe aap ki problem ko solve karne me bahut khushi hogi.

Thank for reading! 


COMMENTS

BLOGGER: 3
Loading...
Name

All GK Banking GK Blogging Computer GK Economics GK GK Competition Health History GK How to India GK Motivational Political GK World & Internet World GK
false
ltr
item
Techaruby - Learning Source: Blogger me facebook like box kaise lagaye?
Blogger me facebook like box kaise lagaye?
Learn blogger me facebook like box kaise lagaye jisse blog reader website ko leave kare bina facebook fan page ko like kar sakte hai aur facebook posts read kar sakte hai.
https://2.bp.blogspot.com/-2tgS-qY_YX8/Vx7_xKESgnI/AAAAAAAAJlE/XrGxjnowPOMnsoTg0hhl-QmRduJyN3_2QCLcB/s1600/facebook%2Blike%2Bbox.png
https://2.bp.blogspot.com/-2tgS-qY_YX8/Vx7_xKESgnI/AAAAAAAAJlE/XrGxjnowPOMnsoTg0hhl-QmRduJyN3_2QCLcB/s72-c/facebook%2Blike%2Bbox.png
Techaruby - Learning Source
http://www.techaruby.com/2016/04/blogger-me-facebook-like-box-kaise-lagaye.html
http://www.techaruby.com/
http://www.techaruby.com/
http://www.techaruby.com/2016/04/blogger-me-facebook-like-box-kaise-lagaye.html
true
8446310358202439947
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy