Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » » Cara buat spoiler buka/tutup show/hidden dalam postingan blog

Cara buat spoiler buka/tutup show/hidden dalam postingan blog

Bagi para aktifis forum jual beli seperti kaskuser, fotografer[dot]net, dan forum - forum lainnya mungkin sudah tidak asing lagi dengan istilah Spoiler : Hidden / Show, Spoiler merupakan suatu jendela yang bisa dibuka dan ditutup dengan menggunakan button/ tombol yang bisa di atur sesuai dengan kehendak kita, bagi yang masing dengan istilah ini maka perhatikan contoh berikut, silahkan klik tombol buka / tutupnya









JUAL 1 SET REBANA QOSIDAH
Adapun fungsi spoiller adalah untuk mengefektifkan browser dalam loading halaman, karena pada saat spoiler belum diklik(show/buka) maka browse belum membuka  isi dari spoiler tersebut.

Pada postingan kali ini saya akan berbagi tips cara untuk membuat spoiler buka tutup pada postingan blog, jika Anda tertarik untuk menerapkannya pada blog Anda, maka silahkan lanjutkan membaca postingan ini:

Untuk membuat Spoiler buka/tutup atau show/hidden, sangatlah mudah, kita hanya menuliskan kode berikut ini pada postingan, tapi Jangan lupa harus menuliskan kode ini pada mode post editor "HTML"  jangan pada mode "Compose" berikut kodenya:
<div !mulai spoiler><div style="text-align:center;"><input style="width:100px; background-color:#e6e6e6; color:#000; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;" value="Show" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="padding:5px; text-align:justify;"><div style="display: none;">Tulisan, Gambar Atau Video yang akan dimasukkan dalan Spoiler ( yang bisa ditampilkan atau disembunyikan ) </div></div></div !akhir spoiler>
Khusus untuk kode tersebut di atas  yang berwarna merah dapat anda sesuaikan dengan selera dan kebutuhan Anda. Disamping dalam postingan, kode tersebut dapat diaplikasikan ke halaman statis ( laman), Gadget di sidebar maupun di footer.

Demikian postingan mengenai Cara membuat spoiler buka/tutup, show/hidden dalam postingan blog, semoga bermanfaat.

       Tutorial Blogspot

      Share this article :

      5 komentar:

      Effendi Dalimunthe mengatakan...

      good information....tak pake yo bro

      Putra Pendawa mengatakan...

      silahkan mas bro,....
      terima kasih atas kunjungannya...

      bocah dewi mengatakan...

      Nice inpo'a gan......

      Sejahtera Cellular mengatakan...

      Trims yah...

      Salini sharma mengatakan...

      Your blog is very good and informative. The quality of your blog is very nice.
      Thanks for sharing it with us.
      Packers And Movers in Bangalore

      TOKO PUTRA PENDAWA

      Contact Person : Ahmad Royani, ST


      • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)


      • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
      • Klik PETA LOKASI PUTRAPENDAWA
    • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
      Terima Jasa Servis / Perbaikan
    •  
      Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
      Template Created by Mas Template Supported by jual kostum marawis & alat drum band
      Proudly powered by Blogger |