Translate

Home » » Cara Mudah Membuat Tombol Spoiler di Blog

Cara Mudah Membuat Tombol Spoiler di Blog

Kali ini indobonar nge-share bagaimana cara mudah membuat tombol spoiler di blog. Spoiler memiliki fungsi untuk menyembunyikan dan menampilkan teks atau gambar, dan sangat berguna ketika mencoba untuk mengurangi ruang di entri atau hanya jika kita ingin teks atau gambar hanya ditampilkan dengan klik. Lebih ringkasnya spoiler dapat ngirit ruang dalam posting blog.

berikut kode HTML nya :

<div><input value="Tampilkan" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Sembunyikan';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Tampilkan';}" type="button" /><div style="display: none;">Taruh Kode HTML anda</div></div>
keterangan : ganti tulisan yang berwarna merah sesuai keinginan anda.

untuk cara masang nya sama kayak masang widget lainnya.

ini contohnya


Share this article :

0 komentar:

Post a Comment

 
Support : Creating Website | Indo Bonar | Kreasi Anak Jombang | Naga Bonar | Siibonbon
Copyright © 2013. INDOBONAR - All Rights Reserved
Template Modify by Creating Website Inspired Jombang Club
Proudly powered by Blogger