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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(http://2.bp.blogspot.com/--CsmnKc1FSA/VI8FyLYdw7I/AAAAAAAAAwE/erSHV85Pg_Q/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,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='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='http://1.bp.blogspot.com/-i1zpfechOuY/VI763hqxlHI/AAAAAAAAAvs/dz4sWUQW-xU/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='http://3.bp.blogspot.com/-4N-YlJvoxdA/VI763udxlHI/AAAAAAAAAvw/0dY2Ys0zz2k/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'/>

Ulasan

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

    BalasPadam
    Balasan
    1. Oh,ya ke haha^^.Kat blog ni pun ada tempat untuk komen disquss,cuba Misaki klik kat disqus tu,blehla komen pakai disqus pula :)

      Padam
    2. :D hehe dah komen pakai disqus ^__^ rasa best pakai comment platform jenis tu :3

      hehehe..

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

      [video]https://www.youtube.com/watch?v=guz5uoNRELg[/video]

      Padam

Catat Ulasan

Catatan popular daripada blog ini

KOLONEL SANDERS-PENGASAS KFC

Blog Tutorial:Aneka Gambar Untuk Header Bertukar-Tukar