Cara Membuat Spoiler Di Blog
Tuesday, July 30, 2013
0
komentar
Pada Hakikatnya, Spoiler merupakan suatu tombol/button dimana difungsikan dalam menghemat ruang/tempat dengan metode menyembunyikan suatu konten (Teks, Gambar, Video) yang sobat inginkan. Di samping itu, Spoiler umumnya diterapkan pada suatu laman berupa Forum-Forum, bahkan pada Posting Blog.
Umumnya, agar pengguna dapat melihat konten dalam Suatu Spoiler, Pengguna hanya tinggal mengklik button tersebut. Untuk itu, Pada Kesempatan Kali ini, saya akan berbagi trik dalam menerapkan/mengaplikasikan Button Spoiler pada Posting Blog. Berikut caranya:
1. Login ke Blogger Anda
2. Pilih New Post atau Entri Baru seperti halnya dalam membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Masukkan kode script berikut ini, guna dalam pembuatan spoiler:
<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;">
</div>
</div>
</div>
<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>
5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri. Voila
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Spoiler Di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://faqih2blogs.blogspot.com/2013/07/cara-membuat-spoiler-di-blog.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
.gif.png){kind=link}
0 komentar:
Post a Comment
Dalam berkomentar, harap gunakan bahasa yang santun & tidak menyudutkan. Komentar yang berbau SARA tidak akan dimunculkan. Saya selaku pengurus blog sederhana ini, hakikatnya juga tiada luput dari segala kekurangan dan keterbatasan. Untuk itu saya mohon maaf apabila terdapat kesalahan di dalam saya berbagi di blog sederhana ini. Terimakasih atas kunjungan dan partisipasi Anda