Membuat Spoiler Pada Blog

Assalamualaikum
Alhamdulillah Qiqi masih bisa menyapa sobat blogger semua. Kali ini Qiqi akan berbagi ilmu kepada sobat blogger yang masih newbie. Pastinya tutorial ini sudah tidak asing lagi buat sobat blogger yang sudah lama menggeluti dunia blogging. Kali ini Qiqi akan memberitahukan ilmu membuat spoiler pada posting/artikel blog. Gak perlu banyak ngemeng lagi, silahkan di ikuti langkah-langkahnya di bawah ini :

• masuk akun blogger sobat
• lalu buat sebuah artikel yang berisikan link download, gambar screenshoot atau yang lain, pastinya jangan code script
• lalu pilih menu HTML dan paste code berikut

<div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Konten </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 = 'Close'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

• Ganti tulisan yang berwarna merah sesuai dengan keinginan sobat blogger. Jika sudah selesai pembuatan artikelnya, publish artikel dan lihat hasilnya.

Semoga tutorial ini berguna bagi kita semua, dan jangan lupa gabung di blog Qiqi. Komentar, kritik, dan saran anda Qiqi butuhkan untuk memajukan isi dari blog Qiqi.

Berikut hasil dari tutorial diatas :

Konten

isi spoiler...

Sumber http://forantum.blogspot.com/

Artikel Terkait :

Posted in: Blogger