BREAKING NEWS :
Loading...

Cara Membuat Spoiler di Blog

Cara Membuat Spoiler di Blog - Siapa yang tidak tahu dengan dengan spoiler? dengan menggunakan spoiler pada postingan maka postingan kita akan tampak lebih simpel dan sederhana. Spoiler biasanya digunakan untuk menyembunyikan gambar, video atau kata-kata yang memang sengaja disembunyikan entah itu karena merupakan keterangan yang panjang, atau rahasia atau sekedar kejutan.







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><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi spoiler
</div></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.

Contoh

Cewek Main Burung


Nah ini dia sob contohnya
Share On:
Langganan Tulisan Blog Ini

Enter your email address:

Delivered by FeedBurner

0 Response to "Cara Membuat Spoiler di Blog"

Post a Comment