• Home Home
  • Buku Tamu
  • Kontak
  • Fb
  • Download Theme Blogger
  • Versi Mobile

:D

THIS BLOG HAS BEEN HACKED :D


#YOSH24


Thanks for Quest

I WIN


#HackerIndonesia

Cara Membuat show hide versi 2 di Blogspot

"fv aRhy" 7 Mei 2011

gambar, cara membuat tombol hidden show, tampilkan sembunyikan

Mungkin anda ingin menyembunyikan sebagian artikel dengan tombol hide show...? Agar artikel terlihat tidak terlalu banyak anda bisa gunakan script spoiler mau tau caranya mari kita belajar bersama...


<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>

Hasilnnya seperti di bawah ini

Masukkan text-nya disini. Gambar juga bisa.

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

2 comments

11/5/11

hmm, spoiler yah, hehee, saya juga sering pake spoiler, tapi yg stylish tentunya ^^

makasih buat infonya :)

oke saya juga pake dan di sa dilihat di sidebar kiri sob

thanks juga sudah berkunjung di blog saya :)

Posting Komentar

blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar..