Cara Membuat Komentar Blog dan Google Plus Berdampingan

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXHussStgxyAMc1rYx5WHz2rcB87c3wr11Tpv9Hndzd0KWUoLfO3GEklqTrvmbqLChEJ__rTyE_U30b9xuy7qYYZ_9stQLAgTXCFR2LOQTnsSAvXkzpacx-lgPejR91YVDVjWcSxUspsBO/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MDEwW8VhLtXPQLUrdoCfPCGzejT9kNdLRtNYKgSQJE_JVOmyVhjb7FhkgkhFD8cU5ayllcL-S2oGAyMA-ixl6ToI4CpXeerqkJQ7CTVsV5kBt2Gk5mLjC7pnfijtS5EC9E6WY02W_Zit/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/AVvXsEhXHussStgxyAMc1rYx5WHz2rcB87c3wr11Tpv9Hndzd0KWUoLfO3GEklqTrvmbqLChEJ__rTyE_U30b9xuy7qYYZ_9stQLAgTXCFR2LOQTnsSAvXkzpacx-lgPejR91YVDVjWcSxUspsBO/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MDEwW8VhLtXPQLUrdoCfPCGzejT9kNdLRtNYKgSQJE_JVOmyVhjb7FhkgkhFD8cU5ayllcL-S2oGAyMA-ixl6ToI4CpXeerqkJQ7CTVsV5kBt2Gk5mLjC7pnfijtS5EC9E6WY02W_Zit/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/AVvXsEiLKk1BrYXCJ7THaiBCR3QHg6B7P3d0yHsZ0fA9E1EJtfFMdAGtv5AwK_fBaGpp_74fS6PcPC0yj2_9qB362Vd5Gt5HghdcrGRiX-MzyoBwsn1CJYHWLHpHSugDp0ss5GY5vQKoKs-MCfoT/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-E6a2jZPsu_oXSj79rZxcXsmGauUpb8EjC3yQlqkyea1aYz7fKGsIf4Yk7IhyphenhyphenXsk0MgXLjurwGBw8cv3lxB32xfK74Kyq0gHsyZ-fCu7oRJf1DbIJJQJyO86-Hz4sKXiQsWEiGU9-VDk6/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/AVvXsEhXHussStgxyAMc1rYx5WHz2rcB87c3wr11Tpv9Hndzd0KWUoLfO3GEklqTrvmbqLChEJ__rTyE_U30b9xuy7qYYZ_9stQLAgTXCFR2LOQTnsSAvXkzpacx-lgPejR91YVDVjWcSxUspsBO/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKk1BrYXCJ7THaiBCR3QHg6B7P3d0yHsZ0fA9E1EJtfFMdAGtv5AwK_fBaGpp_74fS6PcPC0yj2_9qB362Vd5Gt5HghdcrGRiX-MzyoBwsn1CJYHWLHpHSugDp0ss5GY5vQKoKs-MCfoT/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/AVvXsEj-E6a2jZPsu_oXSj79rZxcXsmGauUpb8EjC3yQlqkyea1aYz7fKGsIf4Yk7IhyphenhyphenXsk0MgXLjurwGBw8cv3lxB32xfK74Kyq0gHsyZ-fCu7oRJf1DbIJJQJyO86-Hz4sKXiQsWEiGU9-VDk6/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4MDEwW8VhLtXPQLUrdoCfPCGzejT9kNdLRtNYKgSQJE_JVOmyVhjb7FhkgkhFD8cU5ayllcL-S2oGAyMA-ixl6ToI4CpXeerqkJQ7CTVsV5kBt2Gk5mLjC7pnfijtS5EC9E6WY02W_Zit/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 

COMMENTS

BLOGGER: 45
Loading...

Ads 970x90

Nama

allianz,1,andro textile,1,android,6,asmara,1,asuransi,1,award,3,berita,45,bisnis,4,cap kaki tiga,1,commonwealth,2,daftar isi,5,decoder,1,download,15,efek blog,5,elektronik,2,entertainment,3,facebook,18,family,3,flora dan fauna,7,gadet,1,galuh,8,google,17,google adsense,2,google plus,24,hiburan,28,HostingPangeran,1,hotel murah,1,ICAN Education,1,iddetik.com,1,iklan,1,jadwal timnas,1,jasa,1,keindahan alam,2,keluarga,1,kesehatan,1,klasemen,6,komputer,2,kontes,22,kuliner,3,lain-lain,52,Margahayuland 42 tahun membangun,1,maruyungsari,9,olahraga,35,otomotif,9,paket wisata,1,pengalaman,2,persib,2,profil,2,puisi,2,religi,25,review produk,2,sambut brazil,2,seluler,2,software,1,superwash,1,tutorial dan trik blog,74,twitter,4,video,3,widget,1,wisata,5,youtube,11,
ltr
item
BLOG MASHARI: Cara Membuat Komentar Blog dan Google Plus Berdampingan
Cara Membuat Komentar Blog dan Google Plus Berdampingan
Cara membuat Komentar Blog dan Google Plus Berdampingan
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh600DpF-m8xYT5HZSOQ6Xy2z9-FAQ9tENrnduc97lfQDiVHdfUfimEP2h5OXuiV5TTCAq3YA3emzgtkBJarQoiuVDDLpobbClgyBaDeIW6fHFgt61QmvM4d4vQC0tcNdkYn_FSkLCdySs/s320/koment+google.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh600DpF-m8xYT5HZSOQ6Xy2z9-FAQ9tENrnduc97lfQDiVHdfUfimEP2h5OXuiV5TTCAq3YA3emzgtkBJarQoiuVDDLpobbClgyBaDeIW6fHFgt61QmvM4d4vQC0tcNdkYn_FSkLCdySs/s72-c/koment+google.png
BLOG MASHARI
https://harysukasuka.blogspot.com/2013/09/cara-membuat-komentar-blog-dan-google.html
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/2013/09/cara-membuat-komentar-blog-dan-google.html
true
1510860441598238899
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy