Cara Membuat Spoiler di Blogger

Berjumpa lagi dengan blog-triks, kali ini saya akan memberitai eh memberitahu bagaimana cara membuat spoiler di blogger,saya tulis ini karena banyak pertanyaan lewat pesan facebook Setelah postingan saya Cara Membuat Stripe Bar Blogger saya kasih spoiler pada bagian akhirnya. Semua pasti sudah tahu apa itu spoiler kan? Spoiler itu kaya gini contohnya

Spoiler Contoh:

Ini adalah contoh spoiler

Diatas tadi adalah contoh spoiler, fungsi utama spoiler adalah mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image tidak akan diload secara langsung yang dapat mempercepat waktu loading. Fungsi lainnya tentu dengan spoiler kita dapat menghemat space dan posting terlihat lebih rapi. Sekian dulu basa-basinya, langsung saja kita lihat bagaimana cara membuat spoiler dibawah ini:
caranya mudah sekali, tinggal masukin saja kode html berikut ini

Cara Membuat Spoiler :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

</div>
</div>
</div>

Mudah sekali bukan?
Semoga bermanfaat ya :)

Mungkin Artikel Ini Yang Anda Cari :

Modifikasi

• Cara Mudah Mengganti Favicon Blogger Tanpa Mengedit HTML
• Cara Pasang Tombol Share ke Social Bookmarking
• Pasang Emoticon KASKUS di Kotak Komentar
• Cara Membuat Spoiler di Blogger
• Cara Membuat Stripe Bar Blogger
• Cara Membuat Login Form Blogger
• Membuat Roaming effect Blogger

tips-trik

• Cara Mudah Mengganti Favicon Blogger Tanpa Mengedit HTML
• Trik Tingkatkan Penghasilan Google Adsense
• Trik/Cara Cepat Daftar Google Adsense
• Cara Pasang Tombol Share ke Social Bookmarking
• Cara Membuat Spoiler di Blogger
• Cara Merubah Domain Blogspot menjadi .CO.CC
• Cara Membuat Stripe Bar Blogger
• Cara Pasang Snap Shots di Blogger
• Cara Pasang Read More Animasi
• Cara Membuat Shout Box
• Cara Membuat Search Engine
• Cara Menampilkan Status YM (Yahoo Messenger)
• Cara Menuliskan Kode HTML di Dalam Postingan
• Cara Membuat Form Email Subscriber
• Membuat Marque Effect
• Cara Menambahkan Emoticon di shoutbox
• Cara Setting Free Domain .co.cc
• Cara Membuat Teks Area
• Dasar-Dasar HTML(Hyper Text Mark up Language)
• Cara Membuat Menu Tab View
• Cara Membuat Read More(Baca Selanjutnya..)
• Cara Mengganti Icon Pada Address Bar
• Generator Kode Warna HTML