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 + "_backlinks-container"'>
<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.
