Home » » Membuat Tombol Hide & Show (spoiler)

Membuat Tombol Hide & Show (spoiler)

Mungkin anda ingin menyembunyikan sebagian artikel atau gambar dengan menggunakan tombol hide / show...? Agar artikel terlihat tidak terlalu banyak/panjang anda bisa gunakan script spoiler. Mau tau caranya......?

# Copy Script dibawah ini dipostingan anda.


<div>

<input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
Masukkan text-nya disini. Gambar juga bisa.
</div>
</div>
</div>


# Ganti tulisan "masukkan teksnya disini, Gambar juga bisa" dengan teks atau gambar yang mau disembunyikan.


Hasilnya seperti di bawah ini










Semoga bermanfaat. Ingat ya, perhatikan yang berwarna merah dan biru kalau ingin mengedit-nya sekali lagi semoga bermanfaat.





Ingin tahu lebih cepat Tentang Artikel atau Info Terbaru yang di Publikasikan Oleh echa bintang timur ? Daftarkan e-mail anda di sini dengan secara otomatis anda dapat kiriman artikel terbaru dari echa bintang timur , Silahkan daftarkan email anda di sini ( Free )

Masukan email anda disini




Artikel Menarik Lainnya


8 komentar:

The international times mengatakan...

thx infonya...salam sukses selalu

Blog Saya mengatakan...

makasih infonya gan.....mohon pencerahan lbih lanjut y

Ades mengatakan...

mantap cha ...terutama fotonya...

ita gazali mengatakan...

thanks infonya

muhaziz97 mengatakan...

wah bagus infonya...
N fotonya... Hehehe

CARI TEMEN KENCAN mengatakan...

Nice post. I was checking continuously this weblog and I'm inspired! Very helpful information specially the ultimate section I deal with such info a lot. I used to be looking for this particular information for a very long time. Thank you and good luck.

CARI KENCAN mengatakan...

Some genuinely great posts on this site, thankyou for contribution.

Wooclip mengatakan...

Thanks kak aku jadi lebih tau sekarang, makasih ilmu nya ^^

Nonton film semi Korea
Nonton film Korea

Komentar anda tentang Artikel ini

Blog ini menggunakan Sistem DoFollow, jadi manfaatkan kesempatan ini untuk menempatkan link blog atau website anda agar di follow oleh bot mesin pencari. Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna setiap kata yang anda berikan , sangatlah berharga untuk ku! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous atau Name/URL

 

random post

My Link Banner

Pasang Iklan