How to Use Blogger and Google Plus Comments System Together with Toggle - Pada artikel terdahulu saya sudah menjelaskan cara memasang atau mengaktifkan komentar Google Plus di Blogger. Sekarang saya akan menjelaskan bagaimana cara menampilkan Komentar Blogger dengan Google+ secara bersamaan dengan sistem toggle (memasang dua sistem, dengan menggunakan sistem on dan off).komentar blogger dan google plus

komentar blogger dan google plus

Cara Memasang Komentar Blogger dan Google+ Bersamaan


Langkah 1 : Backup Template
Inilah yang terpenting, sebelum melakukan editing apapun biasakan untuk membackup template untuk antisipasi error dalam proses editing.

Langkah 2 : Temukan kode dibawah ini :

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

kemudian blok seluruhnya.

Langkah 3 : Ganti kode di atas (pada langkah 2) dengan kode di bawah ini :

<b:includable id='threaded_comments' var='post'>
<div id='com-header'>
<h6>Berkomentar dengan </h6> <img class='com-on' id='com-norm' src='http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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','http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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','http://2.bp.blogspot.com/-PUcaKpf8kqE/UZS_L1YSvUI/AAAAAAAAAoI/CEN3biyDU8s/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','http://3.bp.blogspot.com/-6jz-WdsUxKc/UZS_L4mu01I/AAAAAAAAAoM/xZ6JzyHHaX8/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','http://2.bp.blogspot.com/-PUcaKpf8kqE/UZS_L1YSvUI/AAAAAAAAAoI/CEN3biyDU8s/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','http://3.bp.blogspot.com/-6jz-WdsUxKc/UZS_L4mu01I/AAAAAAAAAoM/xZ6JzyHHaX8/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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 toggle, ganti angka 615px sesuai ukuran blog sobat. Kemudian ganti juga angka 640 sesuaikan dengan ukuran blog sobat.

Langkah 4 : Temukan kode di bawah 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>

Simpan template.

Silahkan lihat hasilnya, sekarang blog sobat sudah terpasang 2 sistem komentar, yaitu Blogger dan Google Plus. Apabila langkah di atas sudah dilakukan, tetapi komentar google plus belum muncul atau ada masalah lain, silahkan simak penjelasan dan solusi permaslahannya dibawah.

Beberapa Permasalahan Yang Muncul


1. Saya sudah melakukan langkah di atas, toggle sudah muncul tapi tidak bisa diklik.
Apabila toggle sudah muncul dan tidak aktif (tombol blogger atau google+ tidak bisa diklik), maka dipastikan template sobat belum terpasang jQuery. Untuk pemasangannya kunjungi Cara Menambahkan jQuery pada Template Blogger.

2. Saya sudah melakukan langkah di atas, dan template sudah terpasang jQuery tapi tidak muncul apapun.
Apabila sobat sudah melakukan langkah2 di atas, bahkan template sudah terpasang jQuery, dipastikan bahwa sobat menggunakan sistem komentar lama atau sistem komentar hack. Karena tutorial di atas untuk thread comment bawaan blogger.

Memasang Komentar Blogger dan Google+ pada Sistem Komentar Lama


Ada perbedaan kode untuk sistem threaded comment dan sistem komentar lama pada blogger. Apabila menggunakan sistem komentar lama, silahkan cari kode :

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

dan ganti kode dengan yang ini :

<b:includable id='comments' var='post'>
<div id='com-header'>
<h6>Berkomentar dengan </h6> <img class='com-on' id='com-norm' src='http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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','http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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','http://2.bp.blogspot.com/-PUcaKpf8kqE/UZS_L1YSvUI/AAAAAAAAAoI/CEN3biyDU8s/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','http://3.bp.blogspot.com/-6jz-WdsUxKc/UZS_L4mu01I/AAAAAAAAAoM/xZ6JzyHHaX8/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','http://2.bp.blogspot.com/-PUcaKpf8kqE/UZS_L1YSvUI/AAAAAAAAAoI/CEN3biyDU8s/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','http://3.bp.blogspot.com/-6jz-WdsUxKc/UZS_L4mu01I/AAAAAAAAAoM/xZ6JzyHHaX8/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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>

Simpan template, dan lihat hasilnya.

Memasang Komentar Blogger dan Google+ pada Threaded Comments Hack


Threaded Comments Hack, sebenarnya adalah sistem komentar lama yang dimodifikasi dengan JavaScript sehingga menjadi komentar bertingkat seperti yang saya gunakan. Untuk mengaktifkan Komentar Blogger dan Google Plus secara bersamaan, pada komentar ini harus lebih teliti.

Sebenarnya hampir mirip dengan komentar lama caranya, tapi tidak bisa copy paste kode diatas, karena pada threded comments hack ini ada struktur yang berbeda.

Langkah 1 : Tambahkan kode di bawah ini setelah <b:includable id='comments' var='post'> :

<div id='com-header'>
<h6>Berkomentar dengan </h6> <img class='com-on' id='com-norm' src='http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/s1600/Google-plus-comments-off' title='Tampilkan Komentar Google+'/><h6>silahkan tentukan pilihan sobat!</h6>
</div>
<div id='comment-zone'>

Langkah 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','http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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','http://2.bp.blogspot.com/-PUcaKpf8kqE/UZS_L1YSvUI/AAAAAAAAAoI/CEN3biyDU8s/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','http://3.bp.blogspot.com/-6jz-WdsUxKc/UZS_L4mu01I/AAAAAAAAAoM/xZ6JzyHHaX8/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','http://4.bp.blogspot.com/-ua1TkB1Pxa4/UZS9jhLOYUI/AAAAAAAAAn0/f9INrzhd_4c/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','http://2.bp.blogspot.com/-PUcaKpf8kqE/UZS_L1YSvUI/AAAAAAAAAoI/CEN3biyDU8s/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','http://3.bp.blogspot.com/-6jz-WdsUxKc/UZS_L4mu01I/AAAAAAAAAoM/xZ6JzyHHaX8/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','http://3.bp.blogspot.com/-kb21OtHlckI/UZS-PUjOczI/AAAAAAAAAn8/4qeUEjarA_Q/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>

Simpan template dan lihat hasilnya.

Semoga bermanfaat.....

135 komentar

keren kang yang ini pernah saya pasang ,tapi karena kebanyakan komentar yang masuk lewat blogger jadi saya lepas lagi... :)

hatur nuhun kang...

Balas

Saya pernah coba juga, tapi kurang efektif...

Balas

saya juga masih dalam tahap ujicoba.... menunggu reaksi bebrapa lama dulu, harus dipertahankan atau dilepas :)

Balas

Hehe saya malah gak pakai komentar G+ Kang ... Komentar Bloggernya juga tak nonaktivin ... lagi coba-coba pakai komentar FB ... :D

Balas

Emang kang Ismet pakai komentar G+?

Balas

Aku mau coba malah males ... buka G+nya aja lama ....

Balas

tergantung kebutuhan sih sob.. untuk blog tutorial seperti saya, menggunakan komentar FB itu kurang efektif, malah pada males komen. Biasanya yang menggunakan komen FB, blog berita.. itupun adminnya jarang bales. kala nazardark sih percaya :)

Balas

hehehe.. ga keliatan ya.. geser ke atas, diatas komentar Mas Aulia MP liat coba :)

Balas

waow, baru mau request udah di posting :)
tapi simpen dulu kang, lagi nggak mau utak-atik template dulu, hehe :)

Balas

silahkan disimpen dulu... nanti udah lebaran dibuka ya... :)
btw, terimakasih appresiasinya, sampai disimpan di menu

[img]http://2.bp.blogspot.com/-w_7-H3IQqYs/Uf_bFf9Z0mI/AAAAAAAAE-I/c_F0DObI6RU/s1600/rag-blog.jpg[/img]

Balas

Scripnya panjang bgt kang,,,loadingnya berat ngak,,??
haturnhuhun tos di share!

Balas

wahaha blum pake kacamata mas nazar nya.

Balas

iya nih sy merasa berat kalo pasang koment g+

Balas

ini yang saya tunggu tunggu

Balas

ga terlalu panjang juga, cuma penambahan sedikit aja.. :)

Balas

Alah tinggalen, Kang loadingnya berat gk ?. Buat jadi pertimbangan untuk memasang komentar G+, soalnya blog saya loadingnya cukup lama. :(.hehehe

Balas

kang maaf oot, gimana cara buat autoreamore kyk punya akang maksudnya ringkasan teksnya benar-benar terpotong. Masalahnya autoreadmore punya saya masih terbaca oleh HTML (saya liat di page source).:)

Balas

Ouh ya kang saya juga dulu pernah nyoba pas di terapin waduh looding nya tuh ...muter muter terus ..oh ya kang sekalian pung hampir hari raya Minal Aidzin Walfaidzin mohon maaf jika ada salah kata ..

Balas

Keren nie kalau di pake di blog, tapi cukup ribet membuatnya... gimana yaa

Balas

telat hadir kang .. biasa lagi ngueh hehe

Balas

Fans berat ya kang hehe
hebat lah

Balas

Semakin complete saja tutorial tiap harinya yang diberikan Kang Ismet :)

Balas

oh jadi begitu caranya,...saya nyari cara ini tapi nggak ketemu. saya pikir-pikir dulu untuk memasangnya kamg. hatur nuhun infona.

Balas

pantas untuk di coba neh,, btw gimana dengan loudingnya kang.. pengaruh besar ngk ya,,,??

Balas

iya kang habis lebaran saya bongkar, hehe
hehe, itu tidak seberapa kang dibandingkan dgn ilmu yg saya dapat dr sini :)
terimakasih kembali kang :)

Balas

hohoho.. lengkap sangat kang ismet, trims ya :)

Balas

sya ga pake JS sob, pakenya <data:post.snippet/>

Balas

sama2 sob... maafin juga takut ada salah2 kata :)

Balas

cuma 2 langkah ko.. ga ribet :)

Balas

kintun ateuh kuehna kadieu :)

Balas

Tutornya yang dari DTE kang ? :)

Balas

berusaha lebih komplit aja sob, udah banyak yang share tapi banyak keluhan

Balas

bukan, dari blog vietnam blog.duypham.info :
http://blog.duypham.info/2013/04/auto-readmore-for-blogger-2013.html

Balas

iya bener kang.. mungkin hasil copas jadinya gitu..

Balas

cukup ribet kang, yang jelas pasti digunakan ^_^

Balas

lumayan lieur macana, ngan ngartos coding na hungkul. hahah :D

Balas

kwkwk, kaya saya waktu dulu share tutor, tapi gk bisa jawab pertanyaan dari pengunjung. hahaha :)

Balas

Wah artikel yang komplit, walau sdikit panjang tapi sangat
bermanfaat Kang buat saya, dan sobat semua..hatur Nuhun Kang
Minal Aidhin wal faidzin yah Kang..?
S Karrysta - http://karristaent.blogspot.com

Balas

sudah saya terapkan.. pertama cukup membingungkan, tapi akhirnya bisa dan sukses
hatur nuhun kang !

oia, mohon maaf lahir dan bathin kanggo kulawargi sadaya nya kang :)

Balas

MINAL AIDIN WALFAIDZIN MOHON MAAF LAHIR DAN BATIN
SELAMAT HARI RAYA IDUL FITRI

Balas

Makasih kang :D ingin coba nih :v

www.kevin-432.blogspot.com

Balas

masih nyaman pake komentar blogger kang :)

Balas

bener kang , di coba dulu dah .. kalo rian sendiri , lebih seneng di popup kang :) , karena di toggle terlalu mainstream :D hehe

Balas

Saya sudah coba tapi ternyata loading blog saya jadi lebih berat kang.. kenapa ya? Apa mungkin karena koneksinya memang lagi lambat?

Balas

setiap penambahan CSS atau JS pasti ada pengaruhnya.. tapi menurut saya, hal ini sangat kecil sekali mas.. karena yang di load pertama adalah komentar blogger

Balas

mas gi mana mahu ubah bahasa komentar G plus ke English

Balas

Kang ismet. Aku punya kasus soal thread comments.
Kok thread comments blog saya nggak mau nongol ya, tapi Form nya nongol.
Udah aku oprek2 script nya tetep nggak mau muncul.

Mungkin kang Ismet ada vaksin solusi buat nyembuhin thread comment blog saya yang mendadak hilang dari pandangan mata. ?

Mungkin kang Ismet bisa bantu cek ?
http://nemukabar.blogspot.com/2013/07/blog-terselubung-almarhum-lagi.html

Balas

hapus kode ini
<script type='text/javascript'>
window.___gcfg = {
lang: &#39;id-ID&#39;
};
</script>

Balas

siip gan
mangkaning.blogspot.com

Balas

waduh... harus masuk ke dalem sob... atau mungkin kirim file XMLnya ke kangismet@gmail.com

Balas

Oke kang Ismet. Udah saya kirim ya kang ke email sampean.

Mohon pencerahannya kang :D

Balas

Kang ismet, template nya bagus
begitu di scroll kebawah yang sidebar nya pas mentok ga ikut scroll
mau dooong :)

Balas

Thanks banget kang ismet atas bantuannya. Akhirnya Thread Comments blog saya udah tayang lagi seperti semula.

Salam Ta'dzim saya buat Akang. :)
http://nemukabar.blogspot.com/2013/08/surat-terbuka-untuk-kang-ismet.html

Balas

sama2 sob... waduh.. sampe di bikin postingan :)

Balas

semua template juga bisa di gituin ko.. coba kesini http://blog.kangismet.net/2012/10/membuat-sticky-widget-sidebar-di.html

Balas

Hahaha... Hanya mengungkapkan rasa terima kasih ke Kang Ismet buat bantuannya tadi. Mantab dah.

Mari Go Blog terus kang..
Eh, kenapa blog kang Ismet nggak dipasang Iklan Adsense kang, lumayan lho dengan trafik pengunjung kang Ismet yang notabanenya orang2 yg ngeburu trik tips blogger.

Buat tambah2 uang jajan aja sih kang Hahaha :D

Balas

Pilih salah satu aja bro kalo ribet. Hehehe.

Balas

Kang ismet,, saya sudah mencoba langkah-langkah di atas tapi hasilnya tombol google+ tetap tidak bisa diklik.
mohon bantuanya kang...

Balas

hemmmms lumayan pusing juga kang liat cara diatas, barusan saya coba dan alhamdulillah ternyata bisa juga ^o^
makasih banyak kang ismet ditunggu kunjungan baliknya ya http://goo.gl/xFsziB

Balas

Kang, saya coba pakai di template super SEO kok munculnya kalau sudah ada yang komentar dulu ya?

Balas

Sudah berhasil, tapi dg kombinasi cara 1 ('threaded_comments') dan cara 3 ('comments' var='post'). Boros ngga sih kalo gitu, kang?

Balas

gpp sob... hanya sedikit penambahan aja

Balas

You shoud guide add comment facebook and blogger comment

Balas

just googling it.. you'll find many tutorials

Balas

sukses kang, makasih banyak telah berbagi ilmu

Balas

saya pernah coba nih tutor dari mbl, work si eh baru sebentar langsung ngeredirect ke blog empunya. Mau coba yang ini deh nanti abis pulang sekolah. Btw seger ey ngeliat kode kode apalagi berwarna jadi tambah ngiler

Balas

Kang bisa enggak kalau url komentator blogger otomatis berubah menjadi url profil G+ komentator karena kalau saya lihat, biarpun komen memakai akun Google pada komen blogger tapi url komentator tetap berupa akun blogger. sementara ini kan hanya redirect ke url profil G+ komentator jika url-nya diklik... biar bisa pasang popup profil G+ gitu kang hehehe...soalnya ada yang nanyain kalau popup profil G+ bisa ga dipasang pada url komentator blogger...sudah saya coba tapi blm berhasil...

Balas

belum nemu kodenya kang, tapi kalau manual/sebagian sih bisa aja :)
but it was a good idea :-bd nanti coba cari ah.. tapi ga janji

Balas

Hehehehe kalau manual kan udah ada di kang Ismet juga... dicoba nya kang...kayaknya keren tuh...

Balas

Nah kalau saya lain lagi kang pertanyaannya .. bisa gak kang bikin tooltip pada blokquote .. biar kayak tooltip pada syntax milik akang ... saya pernah nyoba tapi ada beberapa element jadi eror . ( inget y kang dari sekian lama jadi komentator baru sekarang lo aku request hehe )

Balas

mangga nyanggakeun CSSna :)
[pre]blockquote::before {
content:" Klik ganda untuk seleksi";
width:113px;
font-size:11px;
font-family:Tahoma,arial,sans-serif;
text-shadow:none;
letter-spacing:0.03em;
font-weight:normal;
padding:3px 9px;
position:absolute;
top:-36px;
right:-4px;
transition:.3s ease-out;
background:#222;
color:#fff;
border-radius:5px;
opacity:0;
visibility:hidden;
}
blockquote::after {
content:" ";
width:0;
height:0;
opacity:0;
visibility:hidden;
position:absolute !important;
right:13px;
top:-10px;
transition:.3s ease-out;
border-color:#222 transparent transparent;
border-style:solid;
border-width:6px 6px 0;
}
blockquote:hover::before, blockquote:hover::after {
opacity:.5;
visibility:visible;
}[/pre]

Balas

leupas kang.. kedah dikurungan atuh :)
pada [code].post blockquote[/code] tambah [code]position:relative[/code] hapus [code]overflow:hidden[/code] ngarah teu nyumput tooltipna

Balas

astagfirulloh ..buset ..paingan atuh eta si hidden na .. haha teu nyadar kang !!
Haturnuhun kang ah ....

Balas

script apa yang kang ismet gunakan untuk menyisipkan gambar di komentar?

Balas

scriptnya masih dalam pembenahan, masih banyak error

Balas

Kang.. Mo Ngerepotin nich... Ya... soal artikel di atas. Dari beberapa tips diatas udah dicoba semua, tapi blum juga berhasil. Emang sich, tombol G+ sama bloggernya udah nongol-ngol tapi belum berfungsi.. Lier kang...

Balas

Mas... please mas.. Malah kotak komentarnya hilang pada artikel yang belum punya komentar..... http://redaksiexpo2012.blogspot.com/

Balas

selamat pagi kang ,akhirnya berhasil juga :) kang kok blognya kemarin-kemarin tuh gak bisa di akses. Kenapa ya??? salam blogger !!

Balas

berhasil kang tapi kenapa kok formnya jd double ya punya saya.., sekalian tanya kang, bikin pop up overlay contact form kayak tempat akang bagaimana ya?

mohon dijawab ya kang..

Balas
Komentar ini telah dihapus oleh pengarang.

double gimana ya? saya liat diblognya normal aja... untuk popup itu menggunakan lightbox evolution, coba cari aja di gugel ada ko tutornya :)

Balas

Hei , ini bukannya cara milik mybloggerlab ? :(

Balas

kata siapa milik saya? :) bukan milik mybloggerlab juga, coba aja sourcenya beda.

Balas

Hmm ,gitu ya, kalau gak salah ada Facebook Comment Tab
MyBloggerTricks merilis Comment tab, yang 1 buat komentar blogger, yang satu buat facebook yaitu di : http://www.mybloggertricks.com/2012/03/show-facebook-comments-inside-tabs-in.html
Lalu cara untuk menggabungkan 3 komentar sekaligus, yaitu blogger, facebook dan discuss yaitu di : http://www.tipsviablogging.com/blogger-tricks/facebook-disqus-tab-in-blogger.html

Ajarin cara memasangnya di threaded comment hack dong

Lalu tambah ya ( di posting berikutnya ), selain blogger dan google+, nanti juga facebook dan discuss ya please kk ?
Respect : TrikBlogger.net

Balas

Mungkin karena blog ini bukan saatnya untuk diuangkan :)

Balas

wah.. kalau yang MBT itu tutorial udah lama.. udah pada tau dan ga aneh lagi, kalau TVB memang tergolong baru. Itu kan udah ada untuk membuat facebook+discus diatas tutorialnya.

Thread Comment Hack V1 http://blog.kangismet.net/2012/02/membuat-komentar-bertingkat-seperti.html V.2 http://blog.kangismet.net/2012/12/komentar-bertingkat-seperti-wordpress-v2.html V.3 http://blog.kangismet.net/2013/09/blogger-threaded-comments-hack-v3.html

Jujur kalau mau tau, saya ga respect sama MBL (mybloggerlab) ada tutorial saya di blog lain di copas tanpa sumber. pas saya komplen, malah komen saya ga ditampilin :P

Balas

Jadi cara TVB bisa dipakai di threaded comment hack ?
lalu sebenarnya yang merilis pertama kali bukan MBL, tetapi suatu blog pribadi, lalu kode itu diedit oleh MBL . CMIMW ya

Balas

sistemnya tinggal pake toggle atau onclickevent

Balas

tapi kalau membuat komentar lwat google plus . . cepat loading lho . . .salut

Balas

salam blogger m'sia kang ismet..artkel2 kang semua mantap!Blog jg superr!..keep it up!banyak yg sy pelajari perlahan demi perlahan disini.mohon izin pinjam ilmunya ya kang..boleh tanya, kalau toggle tu responsive atau tdak?

Balas

yang mengatur responsiv itu media queris, kalau toggle itu menyembunyikan yang ada dan memunculkan yang ga ada.. fungsinya kaya saklar listrik kira2 begitu

Balas

Salam..terima kasih atas balasannya kang ismet..sy sudah follow langkah2 di atas, hasilnya ok. cuma pemasangannya muncul juga di bahagian page yang di hide komennya. masalahnya dimana tu? Mohon bantuan k.ismet...

Balas

siip gan, ane coba yah....

Balas

mantab kak saya sudah bisa :D
makasih :*
broooooooakakaka :v

Balas

nah gini kang ane udah pasang ntu kode dan berhasil tapi belum bisa dibilang sukses karena komentar google plusnya kadang muncul kadang tidak. :)

Balas

bberarti ga konsisten komentarnya.. atau lagi pengen ngumpet kali :D

Balas

Pagi kang, lam knal nch,
Klo mmunculkan kolom komen yg hilang gmna?
Mkasih sbelum'y...

Balas

Semua hlang Kang
http://trikseoblogpemula.blogspot

Balas

nanti saya coba cari solusinya sob... harus liat2 blognya dulu dan memahami kodenya :D

Balas

Oke Kang, d tnggu... skalian saran buat blog saya yea, hehehe... thanks...

Balas

Udh d coba Kang, tapi komen klo komen di blogger koq masuk ke Google ya

Balas

ALPHA SHOP.TOKO ONLINE TERPERCAYA.Kami hadir utk menjawab kebutuhan anda,terhadap produk elektronik,dgn harga terjangkau..Kami menawarkan berbagai jenis type hp,laptop,camera,dll,Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0857-3112-5055 ATAU KLIK WEBSITE RESMI KAMI http://www.alpha-shopelektronik.blogspot.com/
BlackBerry>Samsung>Nokia>smartfrend>Apple>Acer>Dell>Nikon>canon>DLL

Dijual

Ready Stock !
BlackBerry 9380 Orlando - Black
Rp.900.000,-

Ready Stock !
BlackBerry Curve 8520 Gemini
Rp.500.000,-

Ready Stock !
BlackBerry Bold 9780 Onyx 2
Rp.800.000,-

Ready Stock !
Blackberry Curve 9320
Rp.700.000,-

Ready Stock !
Samsung Galaxy Tab 2 (7.0)
Rp. 1.000.000

Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si
Rp.1.500.000,-

Ready Stock !
Samsung Galaxy Note N7000 - Pink
Rp.1.700.000

Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White
Rp.500.000,-

Ready Stock !
Nokia Lumia 800 - Matt Black
Rp.1.700.000,-

Ready Stock !
Nokia Lumia-710-white
Rp. 900.000,-

Ready Stock !
Nokia C2-06 Touch & Type - Dual GSM
Rp.450.000,-

Ready Stock !
Nokia Lumia 710 - Black
Rp. 900.000,-

Smartfren Andromax Z
Rp.1,700.000

Smartfren Andromax U Limited Edition
Rp.1.000.000

Tablet Asus Eee Pad Slider SL 1O1
Rp.2.500.000

Tablet Asus Memo Pad ME172 V
RP.800.000

Lenovo ldea Pad B490
Rp.2.500.000

Lenovo think Pad edge A86
RP.1.700.000

Ready Stock !
Apple iPhone 4S 16GB (dari XL) - Black
Rp.1.200.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari Telkomsel)
Rp.1.200.000,-

Ready Stock !
Apple iPod Touch 4 Gen 8GB
Rp.700.000

Ready Stock !
APPLE iPod Nano 8GB - Pink
Rp.500.000,-

Ready Stock !
Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
Rp 1.300.000

Ready Stock !
Acer Aspire S3-951-2364G34iss
Rp. 1.200.000,-

Ready Stock !
Acer Aspire 5951G Core i7 2630 Win 7
Rp. 2.500.000,-

Ready Stock !
Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
Rp. 2.500.000,-

Ready Stock !
Nikon D7000 kit 18-105mm
Rp.1.700.000

Ready Stock !
Nikon D90 Kit 18-105mm Vr
Rp 1.300.000

Ready Stock !
Nikon Coolpix L 120 Red
Rp. 900.000

Ready Stock !
Nikon Coolpix P 500 Black
Rp 1.000.000
ALPHA SHOP
alpha-shopelektronik.blogspot.com

Balas

komentar orang di blog saya kok gk muncul yah mas,nih blognya http://cerita-seks-tante.blogspot.com/

Balas

Ada contoh / blog demonya nggak gan?

Balas

kang....mohon petunjuk, sejak ganti template, komentar diblog saya tidak muncul....bagaimana caranya kang

Balas

sekedar info html templet saya tertulis nama author mirip nama kang ismet....
Author : Kang Ismet

Balas

oke gan makasih...
kunjungi juga http://primacheat311.blogspot.com
trims

Balas

ikut nyimak gan, silahkan berkunjung balik

Balas

kunjungi balik ya, ilmunews.blogspot.com

Balas

terima kasih banyaaaaaaaaaak kangismet, blog anda sangat berguna bagi saya :)

Balas

nyerah dulu deh, kang.... belum mampu untuk menerapkan kolom komentar seperti ini, sepertinya diluar skill saya :(

Balas

berhasil kang... thanks
onnetz.blogspot.com

Balas

mau tanya kang, kalo mau bkin tab komentar facebook, twitter, blogger dan google plus secara berdampingan caranya gimana ya?
terima kasih.

Balas

Kang kalo, mau ngembalikin lagi seperti semula gimana kang...?


#pemula

Balas

saya binggung, dicoba terus tidak ada yang mau, mohon penjelasnya. terimaksih
http://dewit-barces.blogspot.com/

Balas

makin keren aja neh blog kang ismet
sayangnya kang
menurut saya ne kang agak nge-load tampilannya
atau mungkin koneksi net saya yang jelek kali
yang pasti makin asik aja ne blognya kang

Balas

wow lengkap banget gan :D thnks!

Balas

gan liat blog gue dan bagaimana caranya pasang komentar soalnya ngga paham
fauzan652bahri.blogspot.com

Balas

Poskan Komentar


×
Chat