ब्लॉगर और गूगल + टिप्पणी प्रणाली का उपयोग एक साथ करें

नोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार। आज की पोस्ट में आपको जानकारी दूंगा कि ब्लॉगर और गूगल + टिप्पणी प्रणाली का उपयोग एक साथ कैसे करें आप इस का उपयोग बेहद आसानी से कर सकते हैं,अक्सर देखा गया है कि अगर आप ब्लॉगर टिप्पणी प्रणाली का उपयोग करते हैं तब गूगल + की टिप्पणी आपके ब्लॉग पर प्रदर्शित नहीं होती है,जब आप गूगल +टिप्पणी प्रणाली का उपयोग करते हैं तब उसमे ब्लॉगर टिप्पणी कर्ता को दिक्कत होती है। ऐसे में अगर दोनों का प्रयोग किया जाए तो कितना अच्छा हो आप नीचे दिए आसान चरणों का प्रयोग कर इस प्रणाली को अपने ब्लॉग पर स्थापित कर सकते हैं,नीचे मैं स्क्रीनशाट के माध्यम से आपको इसका बेहद सरल उपाय बताने की कोशिश करता हूँ आशा करता हूँ इससे आप अवश्य लाभान्वित होंगे।आप इसका लाइव डेमो मेरे इस ब्लॉग पर देख सकते हैं।



Step#1:  आप सबसे पहले अपने ब्लॉग template.का बैकअप ले लें अपने ब्लॉगर एकाउंट में लांग इन हो डेश बोर्ड से Template >> Edit HTML. Now enable the HTML Editor’s built-in search box एंव नीचे दिया कोड खोजें.  (Quick Tip: Click anywhere on the HTML editor and Press CTRL+F to enable the search box).

1-देखे यह स्क्रीनशाट 2-देखे यह स्क्रीनशाट 3-देखे यह स्क्रीनशाट


<b:includable id='threaded_comments' var='post'>
.
.
.      to
.
</b:includable>

Step#2: अब इस पूरे कोड को नीचे दिए कोड से बदलें . (Remember: Make sure that the tags are properly closed otherwise you would face errors).


<b:includable id='threaded_comments' var='post'>
  <div id='com-header'>
<h6>Comment With:</h6> <img class='com-on' id='com-norm' src='https://lh3.googleusercontent.com/-nfrkoUYsV-E/UXVi6W7CI8I/AAAAAAAAILo/uCS3thePKXU/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='http://lh6.googleusercontent.com/-wnTb7SHAGEE/UXVi6xoHXAI/AAAAAAAAILY/6vx5Em5w8MI/s50/plus_off.png' title='view Google+ comments'/><h6>The Choice is Yours!</h6>
<div id='copyrigtsmbl'><a href='http://manojjaiswalpbt.blogspot.com/2013/06/how-to-use-blogger-and-google-comments-together.html' id="mblrights">Get This Widget</a></div>
</div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script src='https://dl.dropboxusercontent.com/u/37128917/html/pbt_comment_g_plus.txt'></script>
<style>
#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left
  }
#com-header {
border: 1px solid #d2d2d2;
padding: 10px;
float: left;
width: 580px;
margin-bottom: 20px;
background: #f5f5f5;
  }
#com-header h6{
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
#copyrigtsmbl {
float: right;
margin-top: 20px;
border-top: 1px solid #d2d2d2;
margin-right: -10px;
padding-right: 10px;
padding-top: 5px;
padding-left: 10px;
border-left: 1px solid #d2d2d2;
padding-bottom: 5px;
margin-bottom: -10px;
font-size:11px;
background: #fff;
  }
#copyrigtsmbl a {
text-decoration:none;
color:111!important;
  }
</style>
</div>
</b:includable>

Step#3: अब इस कोड को खोजें 1- देखे यह स्क्रीनशाट   2-देखे यह स्क्रीनशाट
<b:includable id='comment_picker' var='post'>
.
.  
.     to
.
</b:includable>
Step#4: अब इस पूरे कोड को नीचे दिए कोड से बदलें 
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='threaded_comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>

Step#5: अब अपने टेम्पलेट को सेव कर दें, ब्लॉगर और गूगल + टिप्पणी प्रणाली आपके ब्लॉग पर स्थापित हो गई है 

महत्वपूर्ण: गूगल प्लस और ब्लॉगर टिप्पणी यह एक के बाद कम से कम 1 टिप्पणी होनी आवश्यक है याद रखें: (अपनी सेटिंग से गूगल + टिप्पणियां सक्षम करने की कोई जरूरत नहीं है अगर आपने इसे  आप पहले से ही सक्षम कर चुके हैं तो आप उसे आप इस ट्यूटोरियल लागू करने से पहले इसे फिर उसे निष्क्रिय कर दें.).
अगर यह काम नहीं करता है तो आप के टेम्पलेट में JQuery libraries installed नहीं है,आप नीचे दी हुई स्क्रिप्ट्स
के ठीक ऊपर कापी कर पेस्ट कर दें.

<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'></script>


क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

53 कमेंट्स “ब्लॉगर और गूगल + टिप्पणी प्रणाली का उपयोग एक साथ करें”पर

  1. बहुत बढिया मनोज जी

    ReplyDelete
    Replies
    1. Sonu Pandit जी,टिप्पणी के लिए आभार।

      Delete
  2. सुन्दर व् उपयोगी जानकारी मनोज सर अभी लगाता हूँ

    ReplyDelete
    Replies
    1. Sanil Sexena जी,टिप्पणी के लिए आभार।

      Delete
  3. बहुत ही बेहतरीन जानकारी देने के लिए बहुत बहुत आपका आभार।

    ReplyDelete
    Replies
    1. राजेंद्र जी,टिप्पणी के लिए आभार।

      Delete
  4. अच्छी जानकारी !!
    मनोज जी आपनें डेमो के लिए जिस ब्लॉग का लिंक दिया है उसमें वायरस दिखा रहा है जिसके कारण खुल नहीं रहा है !!

    ReplyDelete
    Replies
    1. पूरण खण्डेलवाल जी,आपने वायरस का जिक्र किया है। मैने आपको मेल भी किया था ? शायद आपको मिला नहीं,दरअसल गूगल क्रोम में किसी ऐसे लिंक का अलर्ट मैसेज आता है जो या तो बंद हो चुके होते हैं या गूगल की सर्विस से हट कर किसी अन्य सर्विस जुड़ जाते हैं। तब इस प्रकार का मैसेज आता है। 'सावधान इस साईट में वायरस है' असल में ब्लॉगर एक बेहद ताकत वर मंच है जो किसी भी वायरस को आने ही नहीं देता पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  5. Replies
    1. sanny chauhan जी,टिप्पणी के लिए आभार।

      Delete
  6. लाजबाब विजेट मनोज जी,थैंक्स.

    ReplyDelete
    Replies
    1. Baby Pande जी,टिप्पणी के लिए आभार।

      Delete
  7. बहुत अच्छी जानकारी दी मनोज जी,इस विजेट को अभी इस्तेमाल करते है

    ReplyDelete
    Replies
    1. Dinesh shukla जी,आपका स्वागत है।

      Delete
  8. बहुत बढिया मनोज जी

    ReplyDelete
    Replies
    1. mohit जी,टिप्पणी के लिए आभार।

      Delete
  9. बहुत ही अच्छी जानकारी देने के लिए बहुत आपका आभार।

    ReplyDelete
    Replies
    1. Prem Prkash जी,टिप्पणी के लिए आभार।

      Delete
  10. लाजबाब विजेट आभार.

    ReplyDelete
    Replies
    1. Amit Jain जी,टिप्पणी के लिए आभार।

      Delete
  11. बेहद उत्तम टिप्पणी प्रणाली आपका धन्यवाद

    ReplyDelete
    Replies
    1. Chintu Rajजी,टिप्पणी के लिए आभार।

      Delete
  12. सुन्दर व् उपयोगी जानकारी मनोज सर थैंक्स.

    ReplyDelete
    Replies
    1. देवेन्द्र सिंह जी,टिप्पणी के लिए आभार।

      Delete
  13. बहुत ज्ञानवर्धक पोस्ट है मनोज जी ! आभार आपका ! मैंने इसे लागू करने का प्रयत्न किया तो ब्लॉगर और गूगल + के आइकन तो बन गये लेकिन गूगल + का आइकन हाईलाईट नहीं हो रहा था ! ना ही गूगल + का कमेन्ट बॉक्स खुल रहा था ! ऐसा क्यों हो रहा था मेरा मार्गदर्शन करिये ! मेरे कम्प्यूटर पर विन्डोज़ एक्स पी डाउनलोड है ! साभार !

    ReplyDelete
    Replies
    1. आदरणीया साधना जी,आपके टेम्पलेट में JQuery libraries installed नहीं है। क्या आपने इसे नहीं लगाया था.इसे नहीं लगाने की वजह से विजेट सिर्फ आइकान ही दिखाएगा,आप हेड क्लोजिंग टैग से ठीक पहले इसे लगाएं विजेट बिलकुल सही काम करेगा। आपने लेख को शायद पूरा देखा नहीं,लेख के आखिर में देखिये। कुछ ब्लॉगर साथियों ने इसे लगाया है,उन्होंने अपनी पोस्ट के लिंक भी दिए है आप उन्हें भी देखें।

      Delete
  14. आपकी इस रचना के लिंक की प्रविष्टी सोमवार (01.07.2013) को ब्लॉग प्रसारण पर की जाएगी. कृपया पधारें .

    ReplyDelete
    Replies
    1. Neeraj Kumar जी, आभार।

      Delete
  15. उपयोगी जानकारी

    ReplyDelete
    Replies
    1. pinky joshi जी,टिप्पणी के लिए आभार।

      Delete
  16. लाजबाब विजेट मनोज जी,थैंक्स.

    ReplyDelete
    Replies
    1. zahir khan जी,टिप्पणी के लिए आभार।

      Delete
  17. इस बार भी बढिया जानकारी मनोज जी.

    ReplyDelete
    Replies
    1. Babu Ram जी,टिप्पणी के लिए आभार।

      Delete
  18. मनोज सर आपका धन्यवाद मेरे दोनों ब्लॉग पर यह टिप्पणी प्रणाली स्थापित हो गयी है.
    मानसिक रोगी बनाता इन्टरनेट
    हमारी दुनिया में ईश्वर

    ReplyDelete
    Replies
    1. मैने देखा है सनिल जी, एंव आपके ब्लॉग पर टिप्पणी भी की है।

      Delete
  19. आपका आभार विजेट सफलता पूर्वक लगा लिया है.

    सृष्टि अस्थाना जिसने गूगल में रचा इतिहास

    ReplyDelete
    Replies
    1. मैने देखा है Baby Pande जी, एंव आपके ब्लॉग पर टिप्पणी भी की है।

      Delete
  20. Replies
    1. अरुण सक्सेना जी,टिप्पणी के लिए आभार।

      Delete
  21. लाजबाब विजेट मनोज जी,थैंक्स.

    ReplyDelete
  22. Anonymous18:01

    nice post! @all blog user are request plz send me some great and good look blog template at my email : lalit.chahar@live.com

    ya muja koi website bata do jaya sa achi achi blog template ho........

    ReplyDelete
  23. बेहद उपयोगी जानकारी ...... सर

    ReplyDelete
    Replies
    1. के. सी. मईड़ा जी,टिप्पणी के लिए आभार।

      Delete
  24. बेहद उपयोगी जानकारी सर...

    ReplyDelete
  25. बेहद उपयोगी जानकारी सर...

    ReplyDelete
    Replies
    1. K. C. MAIDA जी,टिप्पणी के लिए आभार।

      Delete
  26. उत्तम टिप्पणी प्रणाली आपका धन्यवाद

    ReplyDelete
    Replies
    1. Ashok sexena जी,टिप्पणी के लिए आभार।

      Delete
  27. अच्छा टिप्पणी विजेट मनोज जी थैंक्स.

    ReplyDelete
    Replies
    1. Rahul Rajaani जी,टिप्पणी के लिए आभार।

      Delete
  28. ब्लॉग में कमेन्ट बॉक्स सही काम नहीं कर रहा है क्या करें बताइए ना प्लीज

    ReplyDelete
    Replies
    1. आपका कमेंट बॉक्स सही काम कर रहा है, देर से जबाब देने के लिए माफ़ी चाहता हूँ किसी अन्य जानकारी के लिए आपका स्वागत है, Nandlal Sharma जी,टिप्पणी के लिए आभार।

      Delete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
  • रफ़्तार
  • Online Marketing
    Praca poznań w Zarabiaj.pl
    Technology-Internet blog
     

    Blog Directories

    क्लिक >>

    About The Author

    Manoj jaiswal

    Man

    Behind

    This Blog

    Manoj jaiswal

    is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

    Read More.

    ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |