» » » Membuat Spoiler HIDE & SHOW

APA ITU SPOILER HIDE & SHOW 
Supaya mudah dimengerti, berikut saya beri contoh spoilernya

Contoh sebelum di HIDE and SHOW


Setelah di HIDE AND SHOW (klik Show)

CARA MEMBUAT SPOILER TOMBOL HIDE SHOW DI ARTIKEL BLOG
Cara ini dapat dipakai untuk blog Blogger atau Wordpress. Caranya mudah, ikuti panduan berikut:

1. Buka halaman untuk menulis artikel -> pastikan dalam mode Edit HTML (untuk Blogger) atau HTML (untuk Wordpress)

2. Copy dan paste kode di bawah ke halaman posting.

<div id="spoiler">
<div style="margin: 5px 20px 20px;">
<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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Show" /></div>
<div class="alt2" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(225, 228, 242) none repeat scroll 0% 0%; border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<center>
MASUKKAN KODE DISINI
</center>
</div>
</div>
</div>


3. Taruh tulisan yang akan di HIDE AND SHOW di Tulisan artikel disini!
mungkin hanya ini yang bisa saya share mudah-mudahan bisa bermanfaat bagi kalian semua



About Rizal Aziz Ibnu Shidiq

Hai! Saya Rizal Aziz Ibnu Shidiq dan disini saya hanya ingin berbagi sedikit ilmu yang saya ketahui baik itu di bidang agama, desain grafis, IT, dll. Mohon maaf jika postingan yang saya buat masih kurang baik.
«
Next
Newer Post
»
Previous
Older Post

No comments:

Tinggalkan balasan