Cara Membuat Spoiler pada Posting Blog

Jumat, 27 September 20130 komentar


Biasanya Spoiler digunakan agar laman dapat dibuka lebih cepat, karena ada bagian halaman yang disembunyikan, dan bisa dibuka jika diperlukan.
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 berikut ini untuk membuat spoiler:
<div style="margin: 5px 20px 20px;">
<div 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 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 jika sudah selesai.
Source : http://kurniasepta.blogspot.com/2012/02/cara-membuat-spoiler-di-blog.html
Share this article :

Posting Komentar

Komen Anda disini

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Isnpirations - All Rights Reserved
Template Created by Creating Website Published by Mas Template | More Trick | IVY Themes
Proudly powered by Blogger