Blogger Facebook Tricks

Blogger Blog में Facebook Comment Plug-In कैसे लगायें ?

How To Add Facebook Comment Plug-In In Your Blogger(BlogSpot) Blog In Hindi

2016 Me Apne Blogger(BlogSpot) Blog Me Facebook Comment Box Kaise Lagayen Hindi Me
Hi Friends, क्या आप भी “HindiTechTricks.Com(HTT)” की तरह अपने Blogger(BlogSpot) Blog में Facebook Comment Box लगाना चाहते हैं. अगर हाँ, तो मैं ये पोस्ट बिलकुल आपके लिए है.

How-To-Add-Facebook-Comment-Box-In-Blogger(BlogSpot)-Blog-In-Hindi-2016

हम सभी जानते हैं की Blogger(BlogSpot) Blog का Comment Box पाठकों पर ज्यादा Impression नहीं डाल पाता है ऐसे में जरुरी है कि हमारे Blogger(BlogSpot) Blog में एक अच्छा Commenting System हो जिसमे Facebook Comment Plug-In एक अच्छा आप्शन है जिससे आपके ब्लॉग पर Comment करना पाठकों के लिए काफी आसान होता है.
अपने Blogger(BlogSpot) Blog में Facebook Comment Box लगाने से आपने Blogger(BlogSpot) Blog पर आने वाले Comments को बेहतर तरीके से Monitor कर पाएंगे. साथ ही Facebook Comment Box आपके पाठकों को Comment करने के साथ साथ इसे अपने Timeline पर शेयर करने का भी आप्शन देता है जिससे आपके ब्लॉग की Traffic बढाने में मदद मिलती है.
तो आइये Step By Step जानते हैं कि अपने Blogger(BlogSpot) Blog में Facebook Comment Box कैसे लगा सकते हैं >>

How To Add Facebook Comment Box In Your Blogger(BlogSpot) Blog In Hindi

2016 Me Apne Blogger(BlogSpot) Blog Me Facebook Comment Plug-In Kaise Lagayen Hindi Me
STEP 1. > सबसे पहले अपने Blogger(BlogSpot) Blog में Sign In करें. अब Dashboard में Template पर क्लिक करें तथा अपने Blogger Template का Back Up ले लें ताकि कोई गलती होने पर इसे दुबारा अपने Blogger Blog में Upload कर सकें. (Blogger Template को कैसे खोजें तथा इसे Upload करें ?)
STEP 2. > अब ‘Edit HTML‘ पर क्लिक करें ताकि आप अपने Template के Coding में कुछ बदलाब कर सकें.

How-To-Add-Facebook-Comment-Box-In-Blogger(BlogSpot)-Blog-In-Hindi-2016

STEP 3. > अब ” Ctrl+F ” दवाएं तथा ” <html ” Code के लिए Search करें तथा ठीक इसके सामने निचे दिए गए Code को Copy करके Paste कर दें.

xmlns:fb=’http://www.facebook.com/2008/fbml’

STEP 4. > ध्यान रहे आपने इस Code के आगे तथा पीछे Space डाला है. इसे बेहतर से समझने के लिए निचे के Code को देखें और देखें कि आपका Code भी बिल्कुल ऐसा ही दिख रहा है.

xmlns:fb=’http://www.facebook.com/2008/fbml’ b:version=’2′ class=’v2′ expr:dir=’data:blog.languageDirection’ xmlns=’http://www.w3.org/1999/xhtml’ xmlns:b=’http://www.google.com/2005/gml/b’ xmlns:data=’http://www.google.com/2005/gml/data’ xmlns:expr=’http://www.google.com/2005/gml/expr’

STEP 5. > ऐसा करने के बाद फिर से ” Ctrl+F ” दवाएं तथा ” <body> ” के लिए Search करें. अब निचे दिए Code को Copy कर के ” <body> ” के निचे Paste कर दें.

<div id=’fb-root’/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.4&amp;appId=Facebook_App_ID&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

STEP 7. > यहाँ पर Facebook_App_ID के जगह अपने Facebook App ID को लिख दें जिसे आपने हमारे पिछले पोस्ट “2016 में Facebook App ID कैसे बनायें ?” के द्वारा बनाया था.
STEP 8. > अब Dashboard से ‘Layout’ Tab पर क्लिक करें.
STEP 9. > अब आप जहाँ पर Facebook Comment Box रखना चाहते हैं वहां पर एक HTML/JavaScript Gadget Add करें. इसके लिए बेहतर जगह Blog Posts से निचे है इस लिए मैंने निचे के Figure में इसे Blog Posts के निचे Add किया है.

How-To-Add-Facebook-Comment-Box-In-Blogger(BlogSpot)-Blog-In-Hindi-2016
How-To-Add-Facebook-Comment-Box-In-Blogger(BlogSpot)-Blog-In-Hindi-2016

STEP 10. > अब निचे दिए गए Java Code को Copy करके उस HTML/JavaScript Gadget में Paste कर दें.

<div class=”fb-comments” width=”720px” height=”300px”data-numposts=”10″></div>

 

How-To-Add-Facebook-Comment-Box-In-Blogger(BlogSpot)-Blog-In-Hindi-2016

STEP 11. > अब आप उपर के Code में Height और Width को अपने इच्छानुसार बढ़ा या घटा सकते हैं ताकि Facebook Comment Box आपके Blogger Blog में बिल्कुल Fit बैठे.
तो दोस्तों ये थी अपने Blogger(BlogSpot) Blog में Facebook Comment Plug-In Add करने का आसान Hindi Tricks. 

2016 में Facebook App ID कैसे बनायें ?

आशा है आपको ये शानदार पोस्ट पसंद आई होगी. 
 
इसे अपने दोस्तों के साथ शेयर करना न भूलें, Sharing Button पोस्ट के निचे है.
 
Keep Sharing, Because Sharing is Caring 🙂

About the author

Prakash Kumar Nirala

Prakash Kumar Nirala is a Techy who loves to spread his technical knowledge with all.

14 Comments

Leave a Comment