» » » Memasang Komentar Blogger dan Google Plus Berdampingan
, Edit

Memasang Komentar Blogger dan Google Plus Berdampingan

Memasang Komentar Blogger dan Google Plus Berdampingan - Beberapa waktu lalu pernah saya share tutorial tentang Cara Merubah Bahasa Komentar Google Plus yang kode-kode scriptnya Saya ambil dari blog milik salah seorang Blogger yang mempunyai jam terbang tinggi dan namanya juga sudah tidak asing di kalangan para Blogger nusantara yaitu Kang Ismet.
Kali inipun saya share tutorial yang merupakan kelanjutan dari artikel sebelumnya yaitu cara Memasang Komentar Blogger/Dan Google+ Berdampingan yang kode scriptnya juga saya ambil dari Blog Beliau yang menggunakan sistem on dan off, artinya yang satu aktif dan satunya lagi mati.

Memasang Komentar Blogger dan Google Plus Berdampingan

Memasang Komentar Blogger dan Google Plus Berdampingan
1. Biasakan untuk membackup template sebelum melakukan proses editing.
2. Cari kode yang mirip seperti kode dibawah ini :
<b:includable id='threaded_comments' var='post'>Rangkaian Kode</b:includable>
Blok semua kode tersebut selanjutnya ganti dengan kode dibawah ini
<b:includable id='threaded_comments' var='post'>
<div id='com-header'>
<h6>Berkomentar dengan </h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off' title='Tampilkan Komentar Google+'/><h6>silahkan tentukan pilihan sobat!</h6>
</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 type='text/javascript'>
      window.___gcfg = {
        lang: &#39;id-ID&#39;
      };
</script>
<script src='http://apis.google.com/js/plusone.js'/>
<script type='text/javascript'>
//<![CDATA[
gapi.comments.render('gcomments',{href:window.location,width:'640',first_party_property:'BLOGGER',view_type:'FILTERED_POSTMOD'});$('#com-norm').click(function(){$('#gcontainer').css('display','none');$('#comments').css('display','block');$('#com-norm').addClass('comment-on');$('#com-gplus').removeClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off');});$('#com-gplus').click(function(){$('#comments').css('display','none');$('#gcontainer').css('display','block');$('#com-norm').removeClass('comment-on');$('#com-gplus').addClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyRk3S7CNLi-wnqukI19b9PRko7qff9s-m8XnUF5jZKW4M2VOLiOdEx2iX-h87zvA_GnHzKi08eTkeEeizf2KWxU219KFi6fCndwJFwYPoDqNQ_N-retwFo-aqdkdZUYJSS6vb71BqoWI/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRRXit6R6fiJ2_ZEvwUb6fTfaPTknsfF5K77p8qFHeIg6ZNFF0fC5yPVUmBw7D8u1niYB1O7VXy7he-RhLbk6T9paWg0DIENwvXFa6OhOpPsqsoiwHNXUvic3MIn6gkQGiPDBCTu40d7fB/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyRk3S7CNLi-wnqukI19b9PRko7qff9s-m8XnUF5jZKW4M2VOLiOdEx2iX-h87zvA_GnHzKi08eTkeEeizf2KWxU219KFi6fCndwJFwYPoDqNQ_N-retwFo-aqdkdZUYJSS6vb71BqoWI/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRRXit6R6fiJ2_ZEvwUb6fTfaPTknsfF5K77p8qFHeIg6ZNFF0fC5yPVUmBw7D8u1niYB1O7VXy7he-RhLbk6T9paWg0DIENwvXFa6OhOpPsqsoiwHNXUvic3MIn6gkQGiPDBCTu40d7fB/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off');}});
//]]>
</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: 615px;
margin: 5px;
background: #f5f5f5;
  }
#com-header h6{
font-size: 15px;
text-transform: none;
font-weight: bold;
text-align: center;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
</style>
</div>
</b:includable>
Sesuaikan ukuran tombol komentar sesuai ukuran Blog Anda dengan mengganti angka 615px. dan 640.

3. Cari lagi kode berikut ini
 <b:includable id='comment_picker' var='post'>...</b:includable>
ganti dengan kode di bawah ini :
<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>
 <div style='clear:both;'/>
</b:includable>
4. Simpan template dan lihat hasilnya

Jika tombol pada komentar tersebut tidak berfungsi dengan baik biasanya pada template Anda belum terpasang kode JQuery, tapi jika kode JQuery sudah terpasang pada template Anda namun tombol tetap tidak berfungsi penyebabnya kemungkinan besar  Anda masih menggunakan Model komentar lama maupun komentar hasil modifikasi (Hack)

Untuk mengatasi hal diatas silahkan simak caranya berikut ini
Cari kode yang mirip seperti dibawah ini
<b:includable id='comments' var='post'>...</b:includable>
Jika sudah ketemu hapus kode diatas dan ganti dengan kode dibawah ini
<b:includable id='comments' var='post'>
<div id='com-header'>
<h6>Berkomentar dengan </h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off' title='Tampilkan Komentar Google+'/><h6>silahkan tentukan pilihan sobat!</h6>
</div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
      </dl>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </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>
  <div id='gcontainer'><div id='gcomments'/></div>
<script type='text/javascript'>
      window.___gcfg = {
        lang: &#39;id-ID&#39;
      };
</script>
<script src='http://apis.google.com/js/plusone.js'/>
<script type='text/javascript'>
//<![CDATA[
gapi.comments.render('gcomments',{href:window.location,width:'640',first_party_property:'BLOGGER',view_type:'FILTERED_POSTMOD'});$('#com-norm').click(function(){$('#gcontainer').css('display','none');$('#comments').css('display','block');$('#com-norm').addClass('comment-on');$('#com-gplus').removeClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off');});$('#com-gplus').click(function(){$('#comments').css('display','none');$('#gcontainer').css('display','block');$('#com-norm').removeClass('comment-on');$('#com-gplus').addClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyRk3S7CNLi-wnqukI19b9PRko7qff9s-m8XnUF5jZKW4M2VOLiOdEx2iX-h87zvA_GnHzKi08eTkeEeizf2KWxU219KFi6fCndwJFwYPoDqNQ_N-retwFo-aqdkdZUYJSS6vb71BqoWI/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRRXit6R6fiJ2_ZEvwUb6fTfaPTknsfF5K77p8qFHeIg6ZNFF0fC5yPVUmBw7D8u1niYB1O7VXy7he-RhLbk6T9paWg0DIENwvXFa6OhOpPsqsoiwHNXUvic3MIn6gkQGiPDBCTu40d7fB/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyRk3S7CNLi-wnqukI19b9PRko7qff9s-m8XnUF5jZKW4M2VOLiOdEx2iX-h87zvA_GnHzKi08eTkeEeizf2KWxU219KFi6fCndwJFwYPoDqNQ_N-retwFo-aqdkdZUYJSS6vb71BqoWI/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRRXit6R6fiJ2_ZEvwUb6fTfaPTknsfF5K77p8qFHeIg6ZNFF0fC5yPVUmBw7D8u1niYB1O7VXy7he-RhLbk6T9paWg0DIENwvXFa6OhOpPsqsoiwHNXUvic3MIn6gkQGiPDBCTu40d7fB/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off');}});
//]]>
</script>
<style>
#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left;
  }

#com-header {
border: 1px solid #ccc;
padding: 10px;
float: left;
width: 615px;
margin: 5px 5px 15px 2px;
background: #f5f5f5;
text-align: center;
  }
#com-header h6{
font-size: 14px;
font-weight: bold;
text-align: center;
float:left;
text-transform:uppercase;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
</style>
</b:includable>
Selesai simpan perubahan template dan lihat hasilnya

Memasang Komentar Blogger dan Google Plus Berdampingan pada Threaded Comments Hack
1.Tambahkan kode berikut setelah kode <b:includable id='comments' var='post'>:
<div id='com-header'>
<h6>Berkomentar dengan </h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off' title='Tampilkan Komentar Google+'/><h6>silahkan tentukan pilihan sobat!</h6>
</div>
<div id='comment-zone'>
2. Tambahkan kode dibawah ini sebelum penutupnya atau </b:includable> :
</div>
<div id='gcontainer'><div id='gcomments'/></div>
<script type='text/javascript'>
      window.___gcfg = {
        lang: &#39;id-ID&#39;
      };
</script>
<script src='http://apis.google.com/js/plusone.js'/>
<script type='text/javascript'>
//<![CDATA[
gapi.comments.render('gcomments',{href:window.location,width:'640',first_party_property:'BLOGGER',view_type:'FILTERED_POSTMOD'});$('#com-norm').click(function(){$('#gcontainer').css('display','none');$('#comments').css('display','block');$('#com-norm').addClass('comment-on');$('#com-gplus').removeClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off');});$('#com-gplus').click(function(){$('#comments').css('display','none');$('#gcontainer').css('display','block');$('#com-norm').removeClass('comment-on');$('#com-gplus').addClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyRk3S7CNLi-wnqukI19b9PRko7qff9s-m8XnUF5jZKW4M2VOLiOdEx2iX-h87zvA_GnHzKi08eTkeEeizf2KWxU219KFi6fCndwJFwYPoDqNQ_N-retwFo-aqdkdZUYJSS6vb71BqoWI/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRRXit6R6fiJ2_ZEvwUb6fTfaPTknsfF5K77p8qFHeIg6ZNFF0fC5yPVUmBw7D8u1niYB1O7VXy7he-RhLbk6T9paWg0DIENwvXFa6OhOpPsqsoiwHNXUvic3MIn6gkQGiPDBCTu40d7fB/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxmjVtM1hQtdD3a6pyXATHjLcNqq0NfXMq3gYfP7dWp3VqZt9C7As_twixTe8WP1G2NAZMm2q3u6wkwvDdeq15oqOzrQ-PwZK6oq_IpVVkBh0e6XUyLyIQoijiNtnyCxUBW7CTT9A1xqE/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgyRk3S7CNLi-wnqukI19b9PRko7qff9s-m8XnUF5jZKW4M2VOLiOdEx2iX-h87zvA_GnHzKi08eTkeEeizf2KWxU219KFi6fCndwJFwYPoDqNQ_N-retwFo-aqdkdZUYJSS6vb71BqoWI/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRRXit6R6fiJ2_ZEvwUb6fTfaPTknsfF5K77p8qFHeIg6ZNFF0fC5yPVUmBw7D8u1niYB1O7VXy7he-RhLbk6T9paWg0DIENwvXFa6OhOpPsqsoiwHNXUvic3MIn6gkQGiPDBCTu40d7fB/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidE-pq_RlHGhXRn2YCX0zTH1U5pdOoashBiac2xmx-7OtV3549eUfyh9wHSsai1QIxlwrR0Swld22x7M1tkRFViy1eHA3x-TBw5qQter8HkQrFYT5xge2BVGrP0ZPKUC9sM1accqJ3jlYs/s1600/Google-plus-comments-off');}});
//]]>
</script>
<style>
#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left;
  }

#com-header {
border: 1px solid #ccc;
padding: 10px;
float: left;
width: 615px;
margin: 5px 5px 15px 2px;
background: #f5f5f5;
text-align: center;
  }
#com-header h6{
font-size: 14px;
font-weight: bold;
text-align: center;
float:left;
text-transform:uppercase;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
</style>
Selesai dan jangan lupa simpan template.
Selamat mencoba

Jika kurang jelas dengan penjelasan diatas silahkan kunjungi Blog Kang Ismet

0 Response to "Memasang Komentar Blogger dan Google Plus Berdampingan"

Post a Comment

Subscribe to: Post Comments (Atom)