شرح اضافة تعليقات جوجل + الي مدونه بلوجر

اليوم سوف نتحدث عن اضافة رائعة لمدونتك سوف تضيف مميزات رائعة ورونق لمدونه بلوجر وهي اضافة تعليقات جوجل+ الي مدونه بلوجر لن اطيل عليكم الشرح ونبدء بسم الله 

اولاً : لا تنسي ان تأخذ نسخة احتياطيه من مدونتك قبل اي شئ 

ثانياً: سوف نتوجة الي  Template >> Edit HTML

ثالثاً: سوف نقوم بالضغط علي مفتاحي ctrl+f كي نبحث عن الكود التالي 

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

سوف نستبدل هذا الكود بالكود التالي 

<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/AVvXsEgztGhPHj0UkNdmsQOvyeiaXg1jj3vsO5GXJre_reuY3hjX-pV1FgJ5jAmEdz0YTQbQLVBMAbROfxXgvP9Dt0LorvT6GVbDgLbURwLvACZ2BugdC5d3KUVf0wzlbR-r0BAXH_ocSCi4HKQ2/s50/blogger_on.png' title='view Blogger comments'/><h6>OR</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1nS-zp6gGOroItrKabEB77MmNWfu5ZTa6I20N-pWZdfGdyeSv7l0tB2NYdt2kZQLjBTaOtIKzewqBV2TeVYi1krIogKgR-PLEE3EGY24DDxBBh21rypyzhu_Q2SOOWe2Eafy8ZAyL8s7N/s50/plus_off.png' title='view Google+ comments'/><h6>The Choice is Yours!</h6> 

<div id='copyrigtsmbl'><a href='http://www.mybloggerlab.com/2013/04/ow-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://googledrive.com/host/0B0WJjcJEFNziQU01STJVc3RzeWc'/>

<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>

بعد ذلك سوف نبحث عن الكود التالي 

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

ونستدبلة بالكود التالي 

<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>

الان قم بحفظ التعديلات ومبروك اضافة التعليقات الي مدونتك 

ملحوظة : لن يظهر صندوق التعليقات الا اذا قام شخص ما بالتعليق علي منشورك 

اتمني ان ينال الشرح اعجابكم 

ولا تنسي الرد علي الموضوع 

شرح اضافة تعليقات جوجل + الي مدونه بلوجر