Cara Membuat Komentar Blog dan Google Plus Berdampingan

Assalamualaikum kawan,hari ini saya akan bebagi kembali tentang komentar pada blog,yaitu Cara Membuat Komentar Blog dan Google Plus Berdampingan,memang saya sudah terlambat membuat postingan seperti ini,akan tetapi kata pepatah,LEBIH BAIK TERLAMBAT,DARIPADA TIDAK SAMA SEKALI.Kata-kata itu yang membuat saya tetap berbagi meskipun terlambat.

Sebelumnya saya sudah pernah memposting tentang Cara memasang komentar google plus saja tanpa komentar blog,dan saya juga sudah pernah memasang komentar ini,akan tetapi saya copot lagi karena menurut saya komentar google plusnya jarang terpakai,tapi buat kawan-kawan yang memang ingin memasangnya,silahkan ikuti cara-caranya di bawah ini:

Komentar Blog dan Google Plus Berdampingan

  • Pertama tentunya login dulu ke akun sobat
  • Selanjutnya Edit template,dan jangan lupa backup dulu supaya aman
  • Kemudian temukan kode di bawah ini,dan blok semuanya
<b:includable id='threaded_comments' var='post'>...</b:includable>

  • Ganti kode di atas 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.


  • Cari 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> 
Jika di template sobat belum ada kode Jquery,silahkan tambahkan dan apabila sudah maka tidak usah di tambahkan


  • Cari kode </head> dan tambahkan kode di bawah ini di atas atau sebelum kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 

  • Simpan dan lihat hasilnya.

UPDATE ..!!!!

Jika di blog anda komentar Google Plus nya Tidak tampil sebelum ada yang komentar terlebih dahulu, maka sekarang ada opsionalnya, yaitu dengan cara

  • Cari kode berikut di blog anda, jika tidak ada sesuaikan saja yang agak mirip

<div class='post-outer'>
  <b:include data='post' name='post'/>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  <b:if cond='data:post.showThreadedComments'>>
   <b:include data='post' name='threaded_comments'/>
    <b:else/>
   <b:include data='post' name='comments'/>
 </b:if>
</b:if>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  <b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='threaded_comments'/>
   <b:else/>
  <b:include data='post' name='comments'/>
 </b:if>
</b:if>
</div>

  • Ganti semua kode tersebut dengan kode berikut:

<div class='post-outer'>
 <b:include data='post' name='post'/>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:include data='post' name='comment_picker'/>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comment_picker'/>
  </b:if>
</div>

  • Simpan, dan lihat hasilnya.
  • Semoga berhasil

Mungkin itu saja dari saya tentang Cara membuat Komentar Blog dan Google Plus Berdampingan,semoga bisa bermanfaat dan apa bila ada yang salah tolong kawan-kawan sudi kiranya untuk memperbaiki,terimakasih dan salam sukses 
Terima Kasih Atas Kunjungan Anda
Judul: Cara Membuat Komentar Blog dan Google Plus Berdampingan
Ditulis Oleh Hary Muhlia
DILARANG KERAS Copy Paste 100% artikel ini!!! Artikel ini dilindungi dengan setifikat DMCA.com Protection Status Protected, silahkan edit minimal 60% adalah hasil narasi anda sendiri dan jangan lupa sertakan link yang menuju ke artikel Cara Membuat Komentar Blog dan Google Plus Berdampingan ini sebagai sumbernya. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya

Bagikan ke

Iklan Anda
Berkomentar dengan
atau
silahkan tentukan pilihan sobat!

66 komentar:

  1. Artikelnya bagus bang, salam kenal
    mampir juga ea ke http://tokoobatsb.blogspot.com

    BalasHapus
  2. siiiplah kang mksh infonya :)

    BalasHapus
  3. kira2 ini bikin loading lambat g masbro? Kalau dimasukin google code kan lumayan sedikit

    BalasHapus
    Balasan
    1. masih standar sob,,tp Bisa juga tuh di ringkas pake google code,,supaya meringkas loading

      Hapus
  4. mantab gan.....salam kenal....ditunggu kunbalnya...

    BalasHapus
  5. Kalau disetting cuma google+ aja bs ngga mas?

    BalasHapus
    Balasan
    1. coba sob kesini
      http://harysukasuka.blogspot.com/2013/04/cara-memasang-komentar-google-plus-pada.html

      Hapus
  6. Terima Kasih Banyak atas Informasinya, sangat bermanfaat sekali..

    BalasHapus
  7. salam sukses untuk Bapak Amin website ini, Terima Kasih.

    BalasHapus
  8. Keren banget informasinya.Banyak sekali informasi yang saya dapat dari sini. Buat saya ini bagus untuk diikuti

    BalasHapus
  9. semoga admin web ini selalu dalam lindungan serta lindungan Alloh swt. Amiin !

    BalasHapus
  10. Nuwon Sewu,. Mohon Izin Gabung Nyimak ya

    BalasHapus
  11. Sangat bagus gan artikelnya, terima kasih.

    BalasHapus
  12. Keren banget informasinya.Banyak sekali informasi yang saya dapat dari sini. Buat saya ini bagus untuk diikuti

    BalasHapus
  13. Cerialah Semuanya Hari ini, suka baca pertanda banyak pengetahuan, jangan lupa nyimak informasi di web ini..

    BalasHapus
  14. salam sukses untuk Bapak Amin website ini, Terima Kasih.

    BalasHapus
  15. Terima Kasih Banyak atas Informasinya, sangat bermanfaat sekali..
    www.bisnispulsa.besaba.com

    BalasHapus
  16. Cerialah Semuanya Hari ini, suka baca pertanda banyak
    pengetahuan, jangan lupa nyimak informasi di web ini..

    BalasHapus
  17. Mas gan kalo berkomentar di google plus dengan anchor link caranya gimana ya?

    BalasHapus
  18. terimakasih informasinya sangat menarik sekali

    BalasHapus
  19. bagus sekali artikelnya semoga bermanfaat yahh :)

    BalasHapus
  20. mau sedikit nambahin sob bagi yg komentar google plusnya gak mau keluar. Masuk ke dasbord > Setelah > lainnya > Umpan situs (izinkan umpan blog pilih Penuh ato singkat) > Simpan setelan. Langkah selanjutnya Masuk ke dasbord > Setelah > pos dan komentar > Lokasi komentar (Pilih tersemat). Ini baru aku coba dan alhamdulillah berhasil. Ternyata simple. hehe...

    BalasHapus
  21. Makasihgan Berhasil juga
    alvin-maulana.blogspot.com

    BalasHapus
  22. thanks infonya
    http://ebookkugratis.blogspot.com

    BalasHapus
  23. terima kasih atas informasinya gan,semoga bermanfaat.

    BalasHapus
  24. http://www.listberbagi.info/2014/10/cara-menghapus-blog-di-blogger.html

    BalasHapus
  25. Lanjuttt Min Salam Sukses

    BalasHapus
  26. Nice info,,terrimaksih banyak telah berbagi infonya..sukses selalu untuk info and websitenya be the best and do the best to the next information..

    BalasHapus
  27. Terimakasih Informasinya. Kami juga memiliki informasi kesehatan dan bisnis yg mungkin berguna bagi Anda di http://www.4lifesukses.com

    BalasHapus
  28. Kuweren...

    Komen balik dunk di artikel aku ini >
    http://fifisurabaya.blogspot.com/2014/12/3-cara-mengembalikan-kesuburan-rambut.html

    BalasHapus
  29. sip dah,, semoga sukses gan

    BalasHapus
  30. Terima kasih untuk berbagi di sini
    saya sangat senang untuk membaca ulasan Anda
    Saya harap Anda memberikan topik yang bermanfaat untuk semua orang.


    Vimax

    Khasiat Vimax

    Ciri Vimax Asli

    Alat Pembesar Penis

    Obat Pembesar Penis

    Cara Memperbesar Penis

    BalasHapus
  31. memang sangat bermanfaat gan.. terima kasih

    BalasHapus

1.Jangan lupa koment yah kawan,untuk mempererat silaturahim.
2.Komentar Tanpa Moderasi. Yang mau pasang Link,gunakan NAME/URL atau Open ID.
3.Silahkan kawan becanda,asal dengan etika.
4.Terimakasih kunjungan dan komentarnya kawan,Mohon maaf jika belum bisa berkunjung balik
5.Tetap tersenyum meskipun sedih.

© 2013 Harysukasuka - All Rights Reserved | Disclaimer | Privacy Policy
Template by IdleCreative
Back to Top