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

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



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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4zSGoWun4HFTl69Cz1R5E2aONSB0KIu_Tor6gsY_B9Rxhraj_koJ-LY_T5r0xziotBBijvNRhUVCzfUkpc7uWy8eB1YVL3-I_0sVZanc8OFkl7sJ07TmZG0oUulOELlR1a3ObrKALTnwj/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhesjqYKy9YziXTubQVw5eg_eAFk1pAOZg1vtYq-4g3JY6iCUmPTrDd3ivji1JP4APnYoAuhvteuVAqqQ6bIYcMY0IwpNGJxlTeoFjEPGfDMitgviciwVyOe1JRRX4b7IP4ZiBIjDgmdOe7/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>

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!