Cyber facebook
Group blog
Cyber twitter

Senin, 06 Mei 2013

2 Cara Membuat Komen Show/Hide pada Blogger

Aiiiyyaaa.......... Udah lama gak posting 
Semoga pada gak bosen ya mampir kesini 


Oke, seperti biasa. Langsung to the point aja, biar cepet .

Kali ini kita bakal bahas show/hide pada blogger, yg gua kira itu susah. Gak taunya gampang 
Tapii... ya balik lagi ke diri lu masing2 deh 



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
  $(&#39;#toggler&#39;).click(function() {
    $(this).toggleClass(&#39;active&#39;);
    $(&#39;#comments&#39;).slideToggle(&#39;slow&#39;);
    return false;
  });
});
</script>


Silahkan anda cari code </head> dan letakkan code di atas tepat di atas code tadi.
Setelah itu silahkan lagi cari code ]]></b:skin>. Setelah itu tambahkan css ini di atasnya.
#comments {
display:none;
}
#toggler {
.....
}
#toggle-cm {
.....
}

Nah setelah itu kita tinggal menambah code atau tombol buat munculin dan
sembunyikan komennya itu,contohnya seperti di bawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'> <a class='toggle-cm' href='#' id='toggler'> Komentarnya ! </a> </b:if>

untuk code CSSnya anda bisa atur sendiri,atau sesuaikan sendiri !

Okayy,... Mungkin itu aja yg di Gua share kali ini :D

Semoga bermanfaattttttttttttttttt.................... 
 
----------------------------------

-----------------------------------
Chat