Cara Membuat Komentar Blog dan Google Plus Berdampingan

- September 25, 2013
advertise here
advertise here
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 
Advertisement advertise here

47 komentar

avatar

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

avatar

siiiplah kang mksh infonya :)

avatar

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

avatar

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

avatar

sama2 ,,makasih dh mo mampir

avatar

mantab gan.....salam kenal....ditunggu kunbalnya...

avatar

Kalau disetting cuma google+ aja bs ngga mas?

avatar

Terima Kasih Banyak atas Informasinya, sangat bermanfaat sekali..

avatar

salam sukses untuk Bapak Amin website ini, Terima Kasih.

avatar

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

avatar

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

avatar

Nuwon Sewu,. Mohon Izin Gabung Nyimak ya

avatar

Sangat bagus gan artikelnya, terima kasih.

avatar

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

avatar

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

avatar

salam sukses untuk Bapak Amin website ini, Terima Kasih.

avatar

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

avatar

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

avatar

Mantap nih mas infonya

avatar

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

avatar

terimakasih banyak atas informasinya

avatar

terimakasih informasinya sangat menarik sekali

avatar

terimakasih atas informasinya.,,,.,

avatar

bagus sekali artikelnya semoga bermanfaat yahh :)

avatar

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

avatar

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...

avatar

oke sob,,,semoga bermanfaat.. :)

avatar

Makasihgan Berhasil juga
alvin-maulana.blogspot.com

avatar

thanks infonya
http://ebookkugratis.blogspot.com

avatar

Demo nya ada ga Gan. ???

avatar

terima kasih atas informasinya gan,semoga bermanfaat.

avatar

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

avatar

Lanjuttt Min Salam Sukses

avatar

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

avatar

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

avatar

Kuweren...

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


EmoticonEmoticon

 

Start typing and press Enter to search