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 :D tapi cukup tak reti nak letak Show Comment tuh tang mana :D 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:D 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]https://www.youtube.com/watch?v=guz5uoNRELg[/video]
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.