Minggu, 19 Juni 2016

Cara Membuat Tombol Spoiler Pada Postingan Blog

Salam hangat.kita jumpa lagi masih bersama hansjlkcommunity,pada kesempatan ini saya akan sedikit mengulas tentang Cara Membuat Tombol Spoiler Pada Postingan Blog,tombol spoiler cukup penting di gunakan selain untuk sedikit bergaya juga bisa di gunakan untuk pembuatan artikel panjang karena dengan menggunakan tombol spoiler akan menghemat halaman posting,dalam artian lain spoiler berfungsi untuk menyembunyikan suatu artikel dengan sistem buka tutup,jadi pada intinya dengan kita membuak tombol spoiler maka secara otomatis halaman dari spoiler itu terbuka begitupun sebaliknya gimana sobat mau mencobanya gak....?

Baiklah buat sobat yang ingin mencoba Cara Membuat Tombol Spoiler Pada Postingan Blog bisa kalian gunakan script di bawah ini.


Catatan : Dalam penggunaan tombol spoiler ini kalian copy scriptnya dan pastekan pada HTML bukan Compase ya...awas jangan sampai salah.





<div align="left" style="margin: 5px 10px 10px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input 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'; }" style="color: red; margin: 0px; padding: 5px; text-align: left; width: 100%;" type="button" value="Buka" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: medium none; padding: 10px; text-align: left;">
Silahkan letakan kalimat atau HTML disini
</div>
</div>
</div>



Maka hasilnya akan seperti ini :






Gimana mudah bukan.......?

Itulah sedikit ulasan dari saya seputar Cara Membuat Tombol Spoiler Pada Postingan Blog semoga dapat bermanpaat dan saya ucapkan terima kasih atas kunjungannya.


Tidak ada komentar:

Posting Komentar