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

Menu Utama pada Matrix ProLink HD Ethernet V4

Sekarang saya akan membahas tentang Tampilan menu yang ada di Receiver Satellite ny milik Matrix yang bernama  Matrix Pro Link HD + Ethernet v4 Untuk masuk ke tampilan menu , kita bisa klik tombol Menu/Back pada remote control. Gambar Tombol Menu/Back Setelah itu muncul tampilan Menu yang ada di  Matrix Pro Link HD + Ethernet v4 . Terdapat 8 menu utama yang bisa digunakan antara lain : Ubah Siaran Gambar Menu Ubah Siaran Instalasi Gambar Menu Instalasi Alat Gambar Menu Alat Permainan Gambar Menu Permainan Pengaturan Sistem Gambar Menu Pengaturan Sistem Akses Tertentu Gambar Menu Akses Tertentu Media Player Gambar Menu Media Player Pengaturan Jaringan Gambar Menu Pengaturan Jaringan Semoga artikel ini dapat membantu untuk memberikan gambaran , bagaimana isi dari   Matrix Pro Link HD + Ethernet v4 ini. Kalau ada saran/kririk , silahkan di komentar.
Posting Komentar
Baca selengkapnya