Show Hide Komentar With Javatoggle (Javascript),Masih seputar tips mempercantik Blog Sobat, berikut ini adalah triks membuat form komentar show-hide dengan menggunakan javascript (toggle), Semua komentar yang masuk akan tampil bila tombol komentarnya kita klik.
Langsung aja Sobat berikut Langkah-langkahnya :
1. Masuk Rancangan pilih Edit HTML, klik Expand Template Widget
2. Copy paste javascript berikut dan letakkan diatas kode </head> atau dibawah kode <head>.
4. Yang terakhir cari kode HTML berikut <div class='comments' id='comments'> kira-kira ada dua.
5. Copy dan pastekan kode berikut tepat diatasnya
Sekian dulu sobat semoga berhasil, maaf atas segala kekurangannya..!!!
Langsung aja Sobat berikut Langkah-langkahnya :
1. Masuk Rancangan pilih Edit HTML, klik Expand Template Widget
2. Copy paste javascript berikut dan letakkan diatas kode </head> atau dibawah kode <head>.
<script>
function toggle() {var ele = document.getElementById("comments");
var text = document.getElementById("tombol");
if(ele.style.display == "block") {ele.style.display = "none";}else {ele.style.display = "block";}}
</script>
3. Tambahkan kode CSS seperti di bawah inifunction toggle() {var ele = document.getElementById("comments");
var text = document.getElementById("tombol");
if(ele.style.display == "block") {ele.style.display = "none";}else {ele.style.display = "block";}}
</script>
#comments{display:none;}
4. Yang terakhir cari kode HTML berikut <div class='comments' id='comments'> kira-kira ada dua.
5. Copy dan pastekan kode berikut tepat diatasnya
<a href='javascript:toggle()' id='tombol'>➦ Poskan Komentar</a>
6. Klik simpan template dan lihat hasilnya...!!!Sekian dulu sobat semoga berhasil, maaf atas segala kekurangannya..!!!
Posted On : 11 Februari 2012 Time : 19.27
