Tunjuk/Sembunyi Gabungan Komen Blogger dan Google+
Demo di sini
PENERANGAN:
Kod ini akan menggabungkan sistem komen blogger dan google+ beserta dengan sistem toggle show/hide
Langkah 1: 'Log in' ke dalam 'Blogger dashboard' anda --> pergi ke 'Template' --> 'Edit HTML', dan gunakan Ctrl+F untuk mencari kod <b:include data='post' name='post'/>
Langkah 2:Di bawah/selepas kod <b:include data='post' name='post'/> yang telah ditemui tersebut,'copy'
dan 'paste'
kod dibawah ini
Klik save template
*Korang kena pastikan korang ada guna jQuery.Jika tiada,cari kod </head> dan pastekan kod ini diatas/sebelumnya
PENERANGAN:
Kod ini akan menggabungkan sistem komen blogger dan google+ beserta dengan sistem toggle show/hide
Langkah 1: 'Log in' ke dalam 'Blogger dashboard' anda --> pergi ke 'Template' --> 'Edit HTML', dan gunakan Ctrl+F untuk mencari kod <b:include data='post' name='post'/>
Langkah 2:Di bawah/selepas kod <b:include data='post' name='post'/> yang telah ditemui tersebut,'copy'
dan 'paste'
kod dibawah ini<b:if cond='data:blog.pageType == "item"'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRC5XU5dAorSr0RRR0iNOKkT7AO2Ee7qNffr50V9uTXA1cvA42GHLhMABpz1d703dzUN63-aAK6LnfLjhHX-F5L2skGDfR77h58buBEOVv8GwOezufci_JSWXTe8sPudjg94VclSVIoa0/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: "Arial Narrow",Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$("#gplus-comments-visibility").slideToggle();$("#comments").hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJinWNp-TVqp6ORzu7ZtZCQKsR-JgVBZETRBuuhrtoGTd8iGdQM1oyiUNjchYShIOoEI79KZhnASnaVKjmp73AGBO7qTUK3SdFt6hpciV9VyZkpG2fea_CnFyGMZsw0zhubI_-_pvcsrQ/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$("#comments").slideToggle();$("#gplus-comments-visibility").hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4HDRtWcWzLs2MvVifsVGvR9demnTtNoJRZ9B2rk-lyl_zBYj1FWAPpLi7Z11PurBMvFbeGgk-w_3hwDx6rhZMsWdniuwe9oMeRm8t3vMjatmHKNuxrnOYUMBqgHbacNlgzg-bGNHq2MP/s1600/blogger-logo.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>
</b:if>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRC5XU5dAorSr0RRR0iNOKkT7AO2Ee7qNffr50V9uTXA1cvA42GHLhMABpz1d703dzUN63-aAK6LnfLjhHX-F5L2skGDfR77h58buBEOVv8GwOezufci_JSWXTe8sPudjg94VclSVIoa0/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: "Arial Narrow",Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$("#gplus-comments-visibility").slideToggle();$("#comments").hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJinWNp-TVqp6ORzu7ZtZCQKsR-JgVBZETRBuuhrtoGTd8iGdQM1oyiUNjchYShIOoEI79KZhnASnaVKjmp73AGBO7qTUK3SdFt6hpciV9VyZkpG2fea_CnFyGMZsw0zhubI_-_pvcsrQ/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$("#comments").slideToggle();$("#gplus-comments-visibility").hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4HDRtWcWzLs2MvVifsVGvR9demnTtNoJRZ9B2rk-lyl_zBYj1FWAPpLi7Z11PurBMvFbeGgk-w_3hwDx6rhZMsWdniuwe9oMeRm8t3vMjatmHKNuxrnOYUMBqgHbacNlgzg-bGNHq2MP/s1600/blogger-logo.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>
</b:if>
Klik save template
*Korang kena pastikan korang ada guna jQuery.Jika tiada,cari kod </head> dan pastekan kod ini diatas/sebelumnya
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
4 ulasan
Misaki pernah buat yg ni dulu
tapi cukup tak reti nak letak Show Comment tuh tang mana 
ahahaha.. sekarang bila dah pakai disqus.. mmg tak buat dah lah blogger dgn google+ comment XD
ReplyOh,ya ke haha^^.Kat blog ni pun ada tempat untuk komen disquss,cuba Misaki klik kat disqus tu,blehla komen pakai disqus pula
Reply
hehe dah komen pakai disqus ^__^ rasa best pakai comment platform jenis tu :3
Replyhehehe..
Best sbb snng nk letak gmbr pkai blgger kena pakai kod tp komen blgr ni bleh ltk video,tp kena pkai kod gak tu yg leceh skit tu haha.P/S:Saya cuba tgok anime kuruko no basuke tu,tgok animasi dia camna
Reply[video][/video]
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.