» » » Memasang Komentar Blogger dan Google Plus Berdampingan
,

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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEh1j69aOsio-jxvOx8O3EyPnltQ3UEybQFZSVu8ePWZaziHkeGqumrLN5VPk_I6zHYH44T72bzvsacG52ZWNtfyEEgM8gSSDyXwi1IXgrtfepV8rjYRs6L9CQg296L04U96rcpflHIldtxp/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8UAHZed6PapWnI7jfQ2Aw_BOtCU0AuNI5jSwBch4qdd0yz4N57ohzd86LuTqsbhr88KBLay8er2grASLThSYKkyZy4voSVhNylqC0QphKek2FN-vEVuJlapFrwOo2RSWMYjHWOD_JBP6/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1j69aOsio-jxvOx8O3EyPnltQ3UEybQFZSVu8ePWZaziHkeGqumrLN5VPk_I6zHYH44T72bzvsacG52ZWNtfyEEgM8gSSDyXwi1IXgrtfepV8rjYRs6L9CQg296L04U96rcpflHIldtxp/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/AVvXsEgm8UAHZed6PapWnI7jfQ2Aw_BOtCU0AuNI5jSwBch4qdd0yz4N57ohzd86LuTqsbhr88KBLay8er2grASLThSYKkyZy4voSVhNylqC0QphKek2FN-vEVuJlapFrwOo2RSWMYjHWOD_JBP6/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEh1j69aOsio-jxvOx8O3EyPnltQ3UEybQFZSVu8ePWZaziHkeGqumrLN5VPk_I6zHYH44T72bzvsacG52ZWNtfyEEgM8gSSDyXwi1IXgrtfepV8rjYRs6L9CQg296L04U96rcpflHIldtxp/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8UAHZed6PapWnI7jfQ2Aw_BOtCU0AuNI5jSwBch4qdd0yz4N57ohzd86LuTqsbhr88KBLay8er2grASLThSYKkyZy4voSVhNylqC0QphKek2FN-vEVuJlapFrwOo2RSWMYjHWOD_JBP6/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1j69aOsio-jxvOx8O3EyPnltQ3UEybQFZSVu8ePWZaziHkeGqumrLN5VPk_I6zHYH44T72bzvsacG52ZWNtfyEEgM8gSSDyXwi1IXgrtfepV8rjYRs6L9CQg296L04U96rcpflHIldtxp/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/AVvXsEgm8UAHZed6PapWnI7jfQ2Aw_BOtCU0AuNI5jSwBch4qdd0yz4N57ohzd86LuTqsbhr88KBLay8er2grASLThSYKkyZy4voSVhNylqC0QphKek2FN-vEVuJlapFrwOo2RSWMYjHWOD_JBP6/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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/AVvXsEh1j69aOsio-jxvOx8O3EyPnltQ3UEybQFZSVu8ePWZaziHkeGqumrLN5VPk_I6zHYH44T72bzvsacG52ZWNtfyEEgM8gSSDyXwi1IXgrtfepV8rjYRs6L9CQg296L04U96rcpflHIldtxp/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8UAHZed6PapWnI7jfQ2Aw_BOtCU0AuNI5jSwBch4qdd0yz4N57ohzd86LuTqsbhr88KBLay8er2grASLThSYKkyZy4voSVhNylqC0QphKek2FN-vEVuJlapFrwOo2RSWMYjHWOD_JBP6/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/AVvXsEgc4fqlUa-nBKZdhLx6rWpvb2jxIDtmIjzYZOYxm3svCBvnptRm_fBfRiaLXMiEDgTzPW3SbcekecxdKAyHQhjhvv0dZHpdhkfxxDbCIOl8LlltFTrgFlQwqsIXjCyhNU3mT5NqHKOM_6T3/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1j69aOsio-jxvOx8O3EyPnltQ3UEybQFZSVu8ePWZaziHkeGqumrLN5VPk_I6zHYH44T72bzvsacG52ZWNtfyEEgM8gSSDyXwi1IXgrtfepV8rjYRs6L9CQg296L04U96rcpflHIldtxp/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/AVvXsEgm8UAHZed6PapWnI7jfQ2Aw_BOtCU0AuNI5jSwBch4qdd0yz4N57ohzd86LuTqsbhr88KBLay8er2grASLThSYKkyZy4voSVhNylqC0QphKek2FN-vEVuJlapFrwOo2RSWMYjHWOD_JBP6/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsOSjprZowATJNb81qvX4Ucfh2wcePFKu6QuSNvtfvF63205Qpy7laZQTV6RUoiLkXacupVQb6FyURhAt3BRm4fQIriuZ24qkol9eDwfVGQd3bWCseWu-LaVgqJwjMUTBPPhT0hOos3AG/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

7 Responses to "Memasang Komentar Blogger dan Google Plus Berdampingan"

  1. Unknown25/12/13

    wah jadi lebih praktis ya sob, karena komen blogger dan G+ dapat berdampingan, jadi tambah keren tu sob

    ReplyDelete
  2. Dwi26/12/13

    mantaff kang, tapi saya pake komentar blogger aja :) soalnya pengunjung juga lebih suka komentar blogger :)

    ReplyDelete
    Replies
    1. Prisma Try Laksana27/12/13

      Tapi untuk Google+ juga punya kelebihan sendiri :D

      Delete
  3. Unknown28/12/13

    terima kasih sharingnya, bermanfaat sekali kak untuk bloger baru .

    kunjungan perdana izin follow

    ReplyDelete
  4. Anonymous29/12/13

    waw waw makin joss lah kalo pake 2-2 nyaa :D

    ReplyDelete
  5. Wahyu17/1/14

    strees gk bisa di copy,,make auto copy sourch

    ReplyDelete
    Replies
    1. Aditya Putra17/1/14

      kata siapa gak bisa di copy mas? auto copy source hanya sebagai pengingat mau pakai silahkan gak mau juga gak apa-apa

      Delete

PERHATIAN !...
*. Baca dulu artikel dan komentar yang ada sebelum Anda menulis komentar
*. Harap berkomentar dengan bijak dan sopan
*. Jika mengajukan pertanyaan, beri centang pada kotak disamping tulisan "Beri tahu saya" untuk mendapatkan jawaban melalui email
*. Dilarang menyertakan "LINK HIDUP", "IKLAN" "SPAM" dalam komentar karena akan dihapus atau dimasukkan ke dalam Comment Spam

Subscribe to: Post Comments (Atom)