Spoiler Hidden merupakan kode HTML yang berguna untuk menutup atau membuka isi dalam spoiler itu, Hal ini berfungsi untuk mengurangi space tempalate. Atau mungkin banyak kegunaannya, yang jelas, spoiler itu seperti ini:
Adapun cara membuat button spoiler hidden yaitu dengan membuat kode seperti dibawah:
<div id="spoiler">Catatan
<div>
<div color="transparent" id="show" style="border-style: solid; border-width: 1px; display: none; margin: 0px; padding: 4px; width: 98%;">
</div>
<div id="spoiler">
<div>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show']
.style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')['show']
.style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide']
.style.display = 'none';
this.innerText = '';
this.value = 'Hide Spoiler!';
} else {
this.parentNode.parentNode.getElementsByTagName('div')['show']
.style.display = 'none';
this.parentNode.parentNode.getElementsByTagName('div')['hide']
.style.display = '';
this.innerText = '';
this.value = 'Show Spoiler!'; }" style="font-size: 12; margin: 10px; padding: 0px; width: 200px;" type="button" value="Ini Spoiler silakan klik!" />
<div id="show" style="border-style: solid; border-width: 0px; color: black; display: none; margin: 0px; padding: 4px; width: 98%;">
Ini spoiler</div>
</div>
</div>
</div>
</div>
- Untuk yang berwarna merah, merupakan tulisan pada button, silakan sobat atur sesuai keinginan.
- Jika kita melihat kodenya, ada dua pengaturan. Yaitu untuk pengaturan button (yang bawah) dan box spoiler (yang atas)
- Di bawah ini saya sediakan kode spoiler dengan tampilan berbeda, silakan Anda coba ulik.
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Fotonya</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi spoiler
</div></div></div></div>
nice info sob....thanks for shere
BalasHapusyozgat
BalasHapusadana
adıyaman
afyon
aksaray
CN103
Eskişehir
BalasHapusDenizli
Malatya
Diyarbakır
Kocaeli
YODA86
https://titandijital.com.tr/
BalasHapusbalıkesir parça eşya taşıma
eskişehir parça eşya taşıma
ardahan parça eşya taşıma
muş parça eşya taşıma
F2JJKN
5B793
BalasHapusBalıkesir Lojistik
Giresun Şehir İçi Nakliyat
Batman Evden Eve Nakliyat
Antep Evden Eve Nakliyat
Van Şehir İçi Nakliyat
Binance Referans Kodu
Bitmex Güvenilir mi
Tekirdağ Boya Ustası
Kaspa Coin Hangi Borsada
39A33
BalasHapusWabi Coin Hangi Borsada
Keep Coin Hangi Borsada
Aydın Lojistik
Ankara Evden Eve Nakliyat
Bybit Güvenilir mi
Erzurum Parça Eşya Taşıma
Kütahya Şehirler Arası Nakliyat
Urfa Lojistik
Keçiören Parke Ustası
8FC62
BalasHapusPursaklar Fayans Ustası
Van Şehirler Arası Nakliyat
Erzurum Evden Eve Nakliyat
Iğdır Parça Eşya Taşıma
Ankara Lojistik
Balıkesir Parça Eşya Taşıma
Satoshi Coin Hangi Borsada
Kırşehir Şehir İçi Nakliyat
Nevşehir Evden Eve Nakliyat
25DA5
BalasHapus%20 binance komisyon indirimi
FBEB1
BalasHapusyozgat random görüntülü sohbet
mardin görüntülü canlı sohbet
balıkesir mobil sohbet
amasya telefonda rastgele sohbet
canlı sohbet siteleri
bayburt canlı sohbet ücretsiz
aydın sohbet
en iyi görüntülü sohbet uygulamaları
istanbul parasız sohbet siteleri
CD510
BalasHapustunceli sohbet chat
maraş sohbet
mobil sohbet et
parasız sohbet
kastamonu ücretsiz sohbet odaları
kızlarla canlı sohbet
aydın yabancı görüntülü sohbet uygulamaları
bilecik rastgele görüntülü sohbet ücretsiz
kilis rastgele görüntülü sohbet uygulaması
B9037
BalasHapussakarya görüntülü sohbet siteleri
Tunceli Canlı Sohbet Ücretsiz
giresun mobil sohbet odaları
manisa canlı sohbet
Erzurum Canlı Sohbet Uygulamaları
mersin canli sohbet chat
canlı sohbet siteleri
Adıyaman Canli Sohbet
sakarya canlı ücretsiz sohbet
ACCA6
BalasHapusFlare Coin Hangi Borsada
Binance Referans Kodu
Clubhouse Takipçi Hilesi
Nonolive Takipçi Hilesi
Kripto Para Nedir
Kaspa Coin Hangi Borsada
Bitcoin Nasıl Alınır
Bitcoin Nasıl Para Kazanılır
Telegram Görüntüleme Hilesi
13265
BalasHapusLoop Network Coin Hangi Borsada
Telegram Abone Satın Al
Binance Referans Kodu
Instagram Beğeni Satın Al
Bitcoin Nasıl Oynanır
Bitcoin Madenciliği Nedir
Binance Hesap Açma
Fuckelon Coin Hangi Borsada
Onlyfans Beğeni Satın Al