Cara membuat klik show di postingan

Hiasi postingan anda dengan tampilan klik show agar lebih kreatif

Cafeinfo.net- Salam blogger, berawal iseng ingin membuat postingan dan berfikir untuk membuat sedikit tutorial blog untuk mengisi tugas harian mengisi artikel di blog ini.Mungkin anda ingin menghiasi postingan anda dengan sedikit script yang bisa digunakan untuk memisahkan kalimat atau paragraf penting seperti klik show hidden yang biasa anda temui pada blog-blog yang pernah anda kunjungi.

Wow..memang terlihat kreatif yah, dengan petunjuk klik show maka paragraf penting itu muncul seketika yang sebelumnya tersembunyi.

Ok silahkan anda copy script dibawah ini dengan mengikuti petunjuknya : 

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

</div></div></div>

Petunjuk : silahkan anda pastekan script diatas di postingan anda, pilih menu Html dan bukan Compose, hal ini agar script dapat berfungsi.

Setelah itu silahkan ganti kalimat masukan tulisanmu disini dengan kalimat atau paragraf yang ingin anda sembunyikan lalu tampil jika pembaca mengeklik tombol show. Untuk kalimat klik show untuk melihatnya anda pun bisa ubah dengan kalimat sesuka anda misalkan klik disini atau apalah sesuka anda.

Nah bagaimana saudara blogger sekalian, mudah bukan cara membuatnya. Silahkan berkunjung kembali di blog ini dengan postingan pilihan yang menarik untuk anda sekalian.

Demikian info blogger mengenai Cara membuat klik show di postingan, Semoga dapat bermanfaat untuk anda sekalian.

Sumber : ( berbagai sumber )