Membuat Spoiler Buka Tutup Pada Postingan Blog

Hai…para blogger sekalian….!!!

Pada kesempatan ini, saya ingin berbagi tentang cara membuat Spoiler BUKA TUTUP pada postingan. Ini pun saya dapatkan setelah mondar-mandir di google. Dan hasilnya seperti dibawah ini. O iya, tidak lupa, link sumbernya juga saya lampirkan di akhir postingan ini. 

Klik "Buka" untuk lihat...

SPOILER BUKA TUTUP

Caranya tidaklah susah, hanya dengan menggunakan kode script berikut :

<div style="margin-bottom: 2px;"> <div style="margin-top: 5px; text-align: center;"> <input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> MASUKAN DEKRIPSI ANDA DISINI </div> </div> </div> <br> <br> <br>

 Caranya :

1. Login ke blog anda lalu buat postingan baru / entri baru.
2. Copy dan Paste kan kode script diatas
3. Ganti tulisan yang berwana hijau MASUKAN DEKRIPSI ANDA DISINI dengan tulisan atau artikel anda.
4. Simpan / publikasikan dan lihat hasilnya.

Demikian cara membuat Spoiler BUKA TUTUP pada postingan blog. semoga bermanfaat....

Sumber : http://kurniawan877.blogspot.com/2014/04/membuat-perintah-buka-tutup-spoiler.html

Written by Unknown

General Contractor, Leveransir dan Instalatir. Alamat: Jl. C. Heatubun, Lorong Teratai, RT.003/-, Timika - Papua (99910)