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

Paket Internet Axis

Daripada iseng malam2 gini , mending coba share Paket Internet yang di keluarkan oleh Axis. Untuk bisa berlangganan Paket Internet Axis, kita harus melakukan akses dengan call ke  *123#  kemudian OK/Call. Setelah itu nanti ada menu yang tampil pada layar. Berikut saya akan menjelaskan untuk Menu Pilihan 2 yaitu Paket Internet . Pilih 2 Paket Internet 1. Axis PRO 24,900 (FUP 750 MB) / 7 hari 49,000 (FUP 1.5 GB) / 30 hari 79,000 (FUP 3 GB) / 30 hari 149,000 (FUP 6 GB) / 30 hari 2. Internet Gaul 9,900 (FUP 200 MB) / 7 hari 29,900 (FUP 800 MB) / 30 hari 3. Speed Booster 15rb (150 MB) / 7 hari 49rb (500 MB) / 30 hari 79rb (1 GB) / 30 hari 4. Internet 1,000 (15 MB) Paket Internet Kuota Harian 15 MB / 1 hari 5. Internet & SMS 1,500 Internet 15 MB, SMS SEPUASNYA ke Axis, 50 SMS ke operator lain Berlaku sampai jam 12 malam 6. Begadang Komplit 1,000 Internet, nelepon, SMS SEPUASNYA ke Axis dan 10 SMS ke operator lain Ber...
2 komentar
Baca selengkapnya