facebook-like-box

Blogger me facebook like box kaise lagaye?

यह पोस्ट हाल ही में अपडेट की गयी है : June 10th, 2020

Humare blog ko promote karne me social media jaise facebook, twitter, google plus, pinterest etc bahut hi aham bhumika nibhate hai. is post me hum janenge ki Blogger me facebook like box kaise lagaye?

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.

4 Comments

  1. ismail July 18, 2016
  2. Abid Khan July 18, 2016
  3. Hindiblogstar November 17, 2016
  4. Tarikul Molla April 3, 2020

अपनी प्रतिक्रिया दें!

Do NOT follow this link or you will be banned from the site!