AABI‍TALITA BLOG
5.21.2013

Cara Menampilkan Komentar Blogger dan Google Plus Diblog


comment

Pada artikel kali ini saya coba share Cara Menampilkan Komentar Blogger dan Google Plus Diblog dengan sistem toggle.Menampilkan komentar blogger dan komentar google plus bertujuan untuk memberikan pilihan sekaligus kemudahan  kepada  pengunjung untuk berkomentar.secara default komentar yang terbuka pada halaman blog adalah komentar blogger namun jika pengunjung lebih menyukai berkomentar dengan menggunakan komentar gogle plus maka bisa langsung beralih dengan mengklik icon google plus yang disediakan.

Untuk menampilkan komentar blogger dan google plus diblog sobat bisa ikuti langkahnya berikut ini :

1. Seperti biasa sobat masuk pada dashboard kemudian pilih template dan klik Edit HTML.ada baiknya sobat membackup dulu template sobat untuk menghindari terjadinya kesalahan.

2. Gunakan Ctrl+F untuk memudahkan pencarian kode seperti dibawah ini

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

3. Setelah ketemu danti kode diatas dengan kode berikut ini :

<b:includable id='threaded_comments' var='post'>
  <div id='com-header'>
<h6>Poskan komentar dengan </h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsa6IJLcAVM9hz5XR1Ki6py963F-R2igCZVqg7SMcqMA6c1bdokM-2x0bhEE7Z8w3a_WvkWnnR0HudwP8aKf4IUKPN_pkFimg9gZH-ZEvq9coUOc_352d5LPBpP3F4ILdLMge4tD7gFmM_/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>Poskan komentar dengan </h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg14eTJYOoNOoRpmSYfDHSHDLab3EyecuUNvhv-o7g_FC6yI9rdnVor368w79BhgiBt3Q1S7X9PtpPQQ4HFmIwIw8cfYSwElT4aOkTtvvlbeVUdo2n2A0DquBZP7AuUVXt-h5uqzvD0HDwM/s1600/Google-plus-comments-off.png' title='Tampilkan Komentar Google+'/><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 src='http://apis.google.com/js/plusone.js'/>
<script type='text/javascript' src='https://abitalita.googlecode.com/files/googleplus.js'/>
<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: 600px;
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>

4. Kemudian cari lagi kode seperti berikut :

<b:includable id='comment_picker' var='post'>
--
--
--
</b:includable>

Dan jika sudah ketemu ganti dengan kode berikut :

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

5. Terakhir sobat tinggal save template dan jika tidak ada kesalahan maka komentar Blogger dan komentar Google Plus sudah muncul diblog sobat.

Catatan : Sobat harus beralih dulu dari profile blogger ke profile google plus agar fitur komentar google plus ini bisa berjalan

Demikian tips Cara Menampilkan Komentar Blogger dan Google Plus Diblog semoga bermanfaat.

101 komentar

kayaknya lebih enak komen pake blogger mas, mskpun ini bs naikkan pengunjung jg sih..

betul mbak,biasanya komen blogger memang lebih diutamakan terutama untuk mendapatkan backlink :)

wah mas panjz lg plu ya,awas nanti virusnya sampe sini :))

apa karena saya masih setia ama blooger comment ya masih belum kepikiran untuk ganti ke google + Comments tapi thanks untuk share nya siapa tahu lain kali butuh aku tinggal kemari aja 8-)

sip mas mahfid,dibungkus aja dulu :D

Mas Panjz ehem sama mbak Uswah atau mas Aulia? wkwkwwkwkwk

ya benar sekali, umumnya pengunjung senang dengan form komentar blogger untuk mendapat backlink

trmksih mas infonya sangat bermanfaat sekali mas

saya juga masih suka sama comment blogger sob!! :>)

Kaanggo pisan tutorialna, hatur nuhun kang :-d

Kenapa di blog saya ga' muncul ya... yg "poskan dengan Blog poskan komentar dengan G+

sami sami kang ega :D

coba dicek sob apakah fitur kmentar G+ nya sudah diaktifkan atau blm kalau belum bisa lihat disini http://abitalita.blogspot.com/2013/01/cara-menampilkan-komentar-google-plus.html

Coba ganti kode <div class='comments' id='comments'>

dengan kode yang ini

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype=' data:post.viewType'/>

Malah error sob.. ada kesalahan..
Cara jadiin Kotak komentar kembali default gmana sob..??

Sekarang udah beres sob.. udah work.
Thanks tutornya.. :D

Saya pernah melihat model ini di kang abil, ternyata kodenya seperti. terimakasih. maaf gan, mau nanya cara membuat slide random post seprti agan gimana ya ?

terimakasih atas sharingnya.

udah saya coba tapi ga muncul :(

saya belum mencobanya kang, masih pake komen blog dulu hehe..trims buat scriptnya, bisa dicoba nanti...

ia sama sama kang muroi :)

Aku mau balas komentar di g+ gak bisa

untuk sementara blog ini memang tidak menggunakan komentar Google plus

Komentar ini telah dihapus oleh administrator blog.

Hmmm,, ternyata bisa juga ya digabungin...
tapi saya masih suka komen blogger daripada G+ sih..
kadang G+ kalao koneksi lelet suka gak muncul kotak komennya

boleh juga infonya..

ia mas wahyu,mungkin itu salah satu alasan kenapa masih jarang yang menggunakan fitur ini

hehe ia kang, hatur nuhun dah mampir :D

ini maksudnya gimana mas, gambarannya gitu, g+ di campur blogger gitu?

ia ada dua opsi mas agus mau komentar lewat g+ atau komentar lewat blogger..

caur :-b

jadi bikin susah bwt orang untuk comen ;((

ga susah ko,tinggal pilih aja mau comen pake yg mana :D

waduh ada 2 pilihan ya mas, tapi mamang belum berani utak atik daleman blog mas... apalagi tampilan yang sekarang, masih bingung... mamang simpan dulu deh ..

tapi blog ini belum pake juga ya?

ia mang diamankuen dulu aja, dulu pernah pake mang tapi udh dicopot duei :D

Nampaknya menarik pak apabila komentar blog dikombinasikan antara komentar blogger dengan Google plus. Selain dapat menjadi pilihan para komentator blog, juga dapat mempercantik tampilan sebuah blog.

Terlepas dari itu semua, kenapa anda sendiri belum memasang widget kedua komentar tersebut di blog anda? saya sebenarnya ingin memasang widget tersebut di blog saya, tapi takutnya nanti malah gagal hehehe :)

pernah saya pasang diblog ini mbak,tp untuk smntara saya nonaktifkan dulu,jgn takut gagal sebelum mencoba hehehe :D

aku masih suka komen yang lama
pake gplus kayaknya pemaksaan banget
ga bisa setiap orang komen tanpa bikin akun

wadoow capcaynya ilangin dong, om
ribet nih salah mulu

perasaan udah ga pake capcay mas,oh msh ada ya,sekarang dah ga ada ni mas :D

bener. banyak yg minta sy balik ke kotak komentar blogger jadul, eh tapi tetep aja gak bisa, jadi sekarang pake kotak komentar g+. udah final sy utak atik blog. sekarang tinggal meningkatkan kualitas konten aja

tilla shop ini nyepam terus. emang harus dihapus. blog shop pembohong. udah diulas ama blogger lain

kalo awalnya sobat backup dulu templatenya kan bisa di restore sob,tp ya bener juga yang penting kan kualitas kontennya sob... :)

ia sob lagian linknya juga udah dialihkan..

hihi keren sih, tapi kalo utak atik HTML, trauma,, hehe pake komen blogger aja deh, tak simpen aja ilmunya

mau curhat bang, minta dibantu.. hehe
tdinya tu udah ada komentar blogger d bwah postingan, tapi kan ada capthcha yang bikin ribet tuh.. saya berniat menghilangkan capthcha itu, tapi gak mau ilang.. soalnya di setting post and comment blog saya,
yg bagian comment cuma ada pilihan location aja.. gak ada pilihan lainnya yg buat ngilangin caphtcha itu...kenapa gitu ya?
yaudah saya pasang comment google+
tapi comment blogger saya jadi gak ada sekarang.. mau balikin lagi susah.. nah tolong diajarkan bagaimana caranya.. makasih sebelumnya :)

kalau sempat boleh kasih tau caranya di www.sumaakita.blogspot.com

thanks infonya sob, kalau gitu saya coba

ilmunya tapi keren bangg,,mantab

silahkan mas, thx dah mampir :)

Kaka gini nih aku mau nanya tentang Komentar blog
saat ada yang mengomentar kan ada
Komentar Anda Sudah MUncul Saat di lihat tidak ada
Solusinya apaan tuh ??

Jawab ke Gmailku
Hanzzkeren@gmail.com << Gmail Google !!!

Thank's For share gans..
Good luck : http://ditentukan.blogspot.com/
Please, Visit Back

trims atas apresiasi dan kunjungannya gan...langsung merapat ke tkp :)

Mohon pencerahan nih..gan di blog aku mah yang tampil hanya kotak komentar g+ komentar bloggernya gak ada. Gimana nih gan? Trims!.

kemungkinan template sobat masih menggunakan sistem komentar lama. sedangkan tutorial ini untuk template yang sudah menggunakan thread comment bawaan blogger.

pengen banget bisa memasang widget blogger comment dan google plus comment secara berdampingan. tapi udah sering coba-coba, malah template nya eror hehehehe :D Ya udah pakai blogger comment saja hix hix :)

mau nanya nih gan, kenapa kometarnya gak muncul diblog saat ada orang yg komen

kemungkinan template agan tidak mendukung untuk komentar G+,coba cari kode ini
<div class='comments' id='comments'>

dan tambahkan kode ini dibawahnya
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

Luar Biasa Gan Bisa... Settingan di Google Plus Use Google+ Comments on this blog di UNCEK.
Kemudian Sttingannya di buat EMBLEDED
Mau Lihat Hasilnya Ke : http://www.masterunique.com atau : MASTER UNIQUE

Thanks infonya ya :)
sya coba dulu di blog sy

assalamualaikum mas. Gmana nih cara menampilkan komen pengunjung blog saya. kok ga tampil sih....padahal kotak komentarnya ada

terima kasih mas, atas petunjuk nya, khusus untuk orang Indo ya Indo punya mas....

siiippp infox maz ;)
http://moeclazh.blogspot.com/

mintak sarannya, blog saya tidak menampilkan comentar
http://metode-mudah.blogspot.com/2013/10/cara-membuat-fanspage-facebook-di.html

kunungi blog aku juga ya,,,http://id-blabla.blogspot.com/

http://id-blabla.blogspot.com/

kalau tab coment yg tidak keliatan itu gmn om ? ane di fahryadam.blogspot.com, tab komennya gak muncul tuh :/ tapi di post lama yg sudah ada komentar, ada tabnya

thanks infonya

oplosandunia.blogspot.com/

oia aku mau tanya, kok expand widget gak bisa tampil di versi blog yang baru ya...
terima kasih atas infonya ya
http://mctn-mc.blogspot.com

oia aku mau tanya, kok expand widget gak bisa tampil di versi blog yang baru ya...
terima kasih atas infonya ya
http://mctn-mc.blogspot.com

artikel yang bermanfaat, visit + follow blog ane ya gan http://young-ware.blogspot.com

100% ane follback

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

Artikel nya sangat bermanfaat gan
kunjungi juga
http://dwirandyherdinanto.blogspot.com

susah bossssssssssssss

informasi bagus...ada yg tau tentang iso 9001 2015 ga nich?draft gpp

bang m punya ane nggak bisa liat komen

dy copy (y)
thank you :)

Keren banget euy
:)
Salam kenal ya
http://rasakanbedanya.blogspot.com/2014/02/hotel-murah-di-jakarta.html

Thanks gan infonya, nice post..

mampir juga ke blog ane..

http://sl-computer.blogspot.com/

Join back ya
http://oppungnya.blogspot.com

mau nanya dong bro...blog gw udh gw koneksiin ke G+ nah masalahnya pgn gw balikin lg malah ga bs, tampilan terbaru sdh otomatis terintegrasi ke komen di G+ ga bs di centangin...cara balikin nya gmn sob ? kirim ke email gw aja ya: backpankers@gmail.com (buat yg punya jawabannya)

msih kurang ngerti, tapi coba dehhh... thanks

puyeng bos . haahhhha

backlink gw yah . hehhhehe

Terima kasih atas info dan kebersamaannya dalam mengembangkan blog .ini sangat bermanfaat bagi kami sebagai pemula (y)
http://www.tryfreesoft.com/
http://www.driversloader.com/

Request mas, kenapa ya setiap saya komentar di blog sendiri, pas di publish cmn ada bacaan 1 Komentar, tapi tulisan komentar dari pengunjung itu gak ada mohon pencerahan kirim ke sini bro

www.facebook.com/TamaOfficialJr

Salam : te-putranto.blogspot.com

ikut nyimak bos,,,

Komentar ini telah dihapus oleh pengarang.

Emang keren nih blog saya udah baca di tempat lain cuma mentok disini, keren

Saya mau nanya cara menampilkan Komentar orang lain gimn ya

Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.