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

Posted by Hindi Tech Tricks

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
How-To-Add-Facebook-Comment-Box-In-Blogger(BlogSpot)-Blog-In-Hindi-2016
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, &#39;script&#39;, &#39;facebook-jssdk&#39;));</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 :)

~ ~ Read All Posts of HTT ~ ~


इसके अलावे अगर बिच में कोई समस्या आती है तो Comment Box में पूछने में जरा सा भी संकोच न करें. अगर आप चाहें तो अपना सवाल हमारे ईमेल [email protected] पर भी भेज सकते हैं. हमें आपकी सहायता करके ख़ुशी होगी :)

इससे सम्बंधित और ढेर सारे पोस्ट मैं आगे लिखता रहूँगा इसलिए हमारे ब्लॉग "HindiTechTricks.COM" को अपने मोबाइल या कंप्यूटर में Bookmark (Ctrl + D) करना न भूलें तथा सभी पोस्ट अपने Email में पाने के लिए हमें अभी Subscribe करें.

अगर ये पोस्ट आपको अच्छी लगी तो इसे अपने दोस्तों के साथ शेयर करना न भूलें. आप इसे Facebook या Twitter जैसे सोशल नेट्वर्किंग साइट्स पर शेयर करके इसे और लोगों तक पहुचाने में हमारी मदद करें. धन्यवाद !

14 comments:

  1. Hello Prakash Ji,

    main iske baare me bahut dino se search kar rahi thi. parantu koi aisa sahi post nahi mila jisse main apne blogger blog me facebook comment box add kar sakun. par aapke is post ne mera kaam aasan kar diya aur ab main bhi facebook comment ka upyog kar rahi hun.

    dhnybad. kripya ise check karen > www.hindimeloot.com

    ReplyDelete
  2. Replies
    1. नमस्ते धीरेन्द्र,

      जानकर काफी अच्छा लगा कि आपको ये पोस्ट पसंद आया.

      बहुत बहुत धन्यबाद :)

      Keep Visiting HTT :)

      ~प्रकाश कुमार निराला
      @NiralaaPrakash

      Delete
  3. Replies
    1. नमस्ते रोहित,

      जानकर काफी अच्छा लगा कि आपको ये पोस्ट पसंद आया.

      बहुत बहुत धन्यबाद :)

      Keep Visiting HTT :)

      ~प्रकाश कुमार निराला
      @NiralaaPrakash

      Delete
  4. bahot badiya jankari sir aap thema con si use karte ho

    ReplyDelete
    Replies
    1. नमस्ते दीपेश,

      मैं ATB Blogger Template का उपयोग करता हूँ जिसे आप Google पर सर्च करके फ्री में डाउनलोड कर सकते हैं. यह इमरान उद्दीन के द्वारा बनाया गया एक बेहतरीन टेम्पलेट है :)

      Keep Visiting HTT :)

      ~प्रकाश कुमार निराला
      @NiralaaPrakash

      Delete
  5. bahot badiya jankari sir aap thema con si use karte ho

    ReplyDelete
  6. SIR BAHUT HI USFULL JAANKARI HAI....LEKIN MY MY QUS. THIS....
    KI KAISE AAP KISI KISI TOPIC KO EK BOX ME ME DIKHATE HAI AUR AGAR YE EK EK CODING HAI TO PLESE HAME.BHI BATAE

    ReplyDelete
    Replies
    1. नमस्ते,

      आपको ये पोस्ट अच्छा लगा जानकर काफी ख़ुशी हुई.

      आप किसी भी चीज को बॉक्स में लाने के लिए Codes की आवश्यकता पड़ती है परन्तु हमारे टेम्पलेट में सुविधा होने के कारन मैं इसे सिर्फ "Quote" आप्शन चुनकर ही ऐसा कर पता हूँ.

      तो बेहतर है की इसके उपयोग के लिए आप अपना टेम्पलेट बदल लें या फिर गूगल पर code के लिए सर्च करें.

      Keep Visiting HTT :)

      ~प्रकाश कुमार निराला
      @NiralaaPrakash

      Delete
  7. Ye to mere site me show hi nhi ho rha hai

    ReplyDelete
  8. Thanks for very impressive information about Facebook.

    ReplyDelete

आपकी राय हमें अच्छे पोस्ट लिखने के लिए प्रेरित करेगी :)

Sponsored Video