cara pasang butang show and hide - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul cara pasang butang show and hide, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel tutorial blog, Artikel widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : cara pasang butang show and hide
link : cara pasang butang show and hide

cara pasang butang show and hide

Mungkin anda ingin menyembunyikan widget atau kod /teks pada blog.Fungsi ini macam read  more yang ada pada posting,hanya menunjukan separuh sahaja teks pada posting dan bila diklik pada read more akan menunjukkan sebahagian lagi teks.Kod ini akan memaparkan butang yang mana bila diklik boleh memaparkan bahagian yang tersembunyi

klik butang dibawah untuk melihat contohnya

Teks tersembunyi disini

Gantikan teks letakkan kandungan yang hendak disembunyikan disini dengan kandungan yang dingini:

<div id="spoiler" style="display:none">
letakkan kandungan yang hendak disembunyikan disini
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

Teks show/hide pada butang boleh ditukar mengikut kesukaan anda.Boleh diletakkan pada sidebar atau posting.

Demikianlah Artikel cara pasang butang show and hide

Sekianlah artikel cara pasang butang show and hide kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel cara pasang butang show and hide dengan alamat link http://carasignup.blogspot.com/2010/08/cara-pasang-butang-show-and-hide.html

Tweet