Cara Buat Tombol Buka Tutup Di Postingan
Cara membuat tombol buka tutup atau spoiler berikut sangatlah mudah. Fungsinya sendiri mungkin spoiler ini berfungsi untuk meminimalisir loading pada blog/laman, biasanya spoiler ini digunakan untuk menaruh gambar yang tentunya kita ketahui, gambar membuat loading blog kita menjadi lama. Cara kerjanya sendiri spoiler berikut akan bekerja menampilkan sesuatu yang kita sembunyikan seteah kita meng-klik tombol yang ada.
Perahatikan baik-baik script berikut, taruh script dibawah ini di ddalam panel etika membuat postingan biasa, taruh script berikut pada mode post "compose" bukan yang HTML
<div !mulai spoiler><div style="text-align:center;"><input style="width:100px; background-color:#e6e6e6; color:#000; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;" value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="padding:5px; text-align:justify;"><div style="display: none;">TEMPAT AND MENARUH TULISAN, SCRIPT, GAMBAR, DLL</div></div></div !akhir spoiler
Untuk kode yang berwarna biru, bisa anda ubah sendiri sesuai kehenda sobat.
Categories:
Info Terbaru,
Sekedar Info,
Tips Blog
thanks gan,,
ReplyDeleteane berasil