Langsung ke konten utama

Membuat Spoiler di Blogger

Sekarang saya akan mencoba untuk membuat spoiler di blogger.

Ada baiknya kita tahu arti dari SPOILER adalah sebuah cara yang dipakai untuk menyembunyikan suatu element, link atau kumpulan link, kumpulan teks, gambar, seluruh atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kombinasi kode html dan javascript, dan ketika dibutuhkan dengan mengklik tombol spoiler tersebut maka suatu element yang disembunyikan tadi bisa ditampilkan (buka tutup/show hide).

Tujuan dari spoiler agar tidak memakan banyak space dalam postingan yang kita buat. Serta kalau gambar/video bisa mengurangi proses loading dengan menyembunyikannya didalam spoiler tersebut. Kita tinggal buka tutup / show hide kalau ingin melihat gambar atau menjalankan video di postingan tersebut.

Cara Membuat Spoiler

Berikut adalah kode untuk membuat spoiler yang memiliki background berwarna biru setelah kita klik spoiler tersebut.

 
<div id="spoiler"><div><input name="button" 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 = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 2px;" type="button" value="KLIK SPOILER DISINI" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><div style="background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; color: black; margin: 0px; padding: 7px;"><div style="text-align: justify;"><b><span style="color: red; font-size: large;">Mencoba memembuat spoiler background</span></b></div></div><div id="hide"></div></div></div>

Hasil dari spoiler tersebut adalah


Semoga artikel ini dapat membantu Anda dalam membuat spoiler di postingan blogger. Sehingga nantinya , postingan kita tidak terlalu makan banyak space untuk tulisan, link, gambar maupun video didalamnya.


Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Matrix Pro Link HD + Ethernet v4

Selamat Pagi semua rekan-rekan sekalian. Mungkin kali ini saya akan membahas mengenai Receiver dengan Merk Matrix tipe ProLink HD + Ethernet.   Ok berawal dari parabola yang ditinggal oleh penghuni kosan yang lama. Maka saya berniat untuk menggunakan parabola tersebut. Tapi saya tidak tahu, harus diapain tuh parabola agar bisa untuk nonton tipi . Setelah dibrowsing, ternyata saya hanya perlu Receiver. Saya putuskan untuk mencari Receiver tersebut . Browsing sana sini dan ternyata pilihan saya jatuh pada Satellite Receiver bernama Matrix Prolink HD + Ethernet New. Gambar Kardus Matrix ProLink HD Ethernet v4 Gambar Tampak depan MHDE New Gambar Tampak atas MHDE New Gambar Fungsi di MHDE New Gambar Port USB di MHDE New Adapun fasilitas yang ditawarkan oleh produk ini adalah : Bisa membuka siaran acak menggunakan Key seperti Biss (Umum digunakan serta banyak didukung oleh forum-forum satelite), Seca, Viaccess, Irdeto, Cryptoworks, N...
4 komentar
Baca selengkapnya

Nomor Nomor Penting di Axis

Pada artikel sebelumnya sudah membahas mengenai Axis Data Setting  . Selanjutnya pada kesempatan ini, saya coba membahas tentang Nomor Nomor Penting di Axis . 1. Layanan Pelanggan ( Customer Service ) Gunakan  838 pada Handphone Anda, untuk menghubungi Customer Service yang siap membantu Anda jika dalam penggunaan nomor Axis memiliki kendala seperti lupa pin, minta PUK, saran/kritik dan lain-lain. 2. Cek Status dan Pengisian Pulsa ( Status Check and Reload ) Gunakan  888  pada Handphone Anda, untuk informasi status penggunaan kartu Axis dan bisa juga digunakan untuk melakukan pengisian pulsa dengan voucher. 3. Layanan Ring Back Tone (RBT) Gunakan  333  pada Handphone Anda, jika anda ingin nada tunggu nya itu adalah musik kesayangan Anda. Coba lah untuk menggunakan layanan ini. 4. Cek Voice Mail Gunakan  *800#  pada Handphone Anda, anda tidak ada waktu atau lupa untuk mengangkat panggilan masuk. Biasanya layanan voice ma...
Posting Komentar
Baca selengkapnya

Fitur dan Layanan Telkomsel

Pada artikel sebelumnya , saya berikan informasi mengenai Nomor Nomor Penting di Telkomsel . Untuk kesempatan ini, saya coba untuk memberikan informasi mengenai Fitur dan Layanan Telkomsel . 1. Akses Lengkap Untuk mendapatkan layanan terbaik dari simPATI di *999# atau melalui TELKOMSEL Mobi dengan klik www.telkomsel.com/mobi 2. Cek Pulsa, Bonus dan Cek Nomor Anda *888# mengetahui sisa pulsa dan tanggal aktif kartu. *887# mengetahui pemakaian terakhir. *889# mengetahui sisa bonus simPATI anda. *808# mengetahui nomor simPATI anda. 3. SMS Gunakan profile service center SMS TELKOMSEL di ponsel Anda: +6281100000 4. Internet dan MMS Bisa langsung digunakan dan pastikan Anda sudah menerima konfigurasi untuk internet dan MMS di Ponsel Anda. 5. Dunia 3G Telkomsel Aktivasi fitur layanan 3G dengan cara: ketik 3G kirim ke 3636 atau hubungi *360# 6. Roaming Internasional Untuk informasi paket dan aktivasi GPRS Roaming Internasional hubungi *266# 7. SLI (Sambun...
Posting Komentar
Baca selengkapnya