Rabu, 18 Desember 2013

Cara Membuat Spoiler di Blogspot

Spoiler adalah tombol yang digunakan  untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Sehingga area postingan tidak terlalu panjang sehingga menghemat tempat (hihihi.. kayak di lapak pasar aja..), langsung aja lihat dari demo berikut ini ...

Cara Membuat Spoiler di Blogspot:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = Tutup; } else { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = none; this.innerText = ; this.value = Buka; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
<br>
</div>
</div>
</div>

Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script diatas yang ada dalam spoiler
5. Kita dpt mengganti Judul Spoiler sesuai kehendak kita, juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.

Diposting oleh di
Label: , , , ,

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)