Membuat Spoiler di Blogger

Hari ini saya akan menuliskan cara bikin spoiler di blogger, namun sebelum saya tuliskan cara membuat spoiler di blogger saya akan tunjukkan dulu apa sih spoiler itu.
Klik Di Sini untuk melihat demo spoiler di blogger

Masukkan isi SPOILER Di sini, spoiler bisa anda gunakan untuk menyembunyikan sebaigian artikel yang terlalu panjang, link download, dsb.

Nah itulah yang saya maksud dengan spoiler, script spoiler ini berfungsi untuk menyembunyikan sebagian tulisan di postingan  blog kita, baik itu berupa link download, atau hanya sekedar ingin menyembunyikannya saja.

Biasanya spoiler banyak digunakan di forum-forum

Next ...
Cara Membuat Spoiler Di Blogger

1. Login ke blogger
2. klik add new post (buat artikel baru) kemudian isi artikel teman.

Kopi semua kode berikut, kemudian masukkan ke posting atau tempat yang teman inginkan

<div style="margin-top: 5px; text-align: center;">
<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 style="border: 1px inset; margin: 0px; padding: 5px;">
<div style="display: none;">Masukkan isi SPOILER Di sini</div>
</div>

keterangan:

Ganti tulisan dengan tulisan Masukkan isi SPOILER Di sini yang anda inginkan.

sumber: blog.ahmadrifai.net Terima kasih Telah Hadir Di Sini, untuk menggunakan template ini klik di SINI