Membuat spoiler cantik dan keren untuk blog

Pagi blogger... kali ini, admin akan kembali lagi menshare tutorial keren yang tentunya akan sangat berguna bagi sobat blogger, yatiu tutorial membuat spoiler keren di blog. Namun sebelum masuk lebih lanjut, tentunya sobat tau kan apa itu spoiler??? Seara singkat, spoiler adalah kode yang memungkinkan kita untuk menyembunyikan dan memunculkan teks, video, gambar maupun lainnya.

Untuk contohnya, silahkan lihat dibawah ini:

BAAA!!! Masukkan ISI Spoilernya disini... Mudah-Id.blogspot.com

Jadi, ketika sobat mengklik tombol buka, maka spoilernya akan terbuka, begitu juga sebaliknya. So, jika biasanya spoiler yang dibuat adalah yang biasa2 aja, maka disini akan dishare spoiler keren seperti contoh diatas.

Untuk caranya, yaitu sobat cukup mengcopas kode dibawah ini:

<div><div style="margin: 5px;">
<div class="normalfont" style="margin-bottom: 2px;">
<input 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 = 'close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'open'; }" style="-moz-border-radius: 15px 15px 15px 15px; background: none repeat scroll 0% 0% BLUE; color: white; font-size: 11px; margin: 0px; padding: 5px; width: 30%;" type="button" value="BUKA AJA" /></div>
<div class="alt2">
<div style="display: none;">
<div style="color: white; padding: 10px; text-align: justify;">
<span style="color: black;">BAAA!!!  Masukkan ISI Spoilernya disini... <a href="http://mudah-id.blogspot.com/">Mudah-Id.blogspot.com</a></span></div></div></div></div></div>

Silahkan ganti kalimat/teks yang berwarna merah dengan isi spoiler sobat, baik itu berupa gambar, video, dan lainnya...

Selamat mencoba membuat spoiler cantik dan keren di blog ya,,,,

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul :
Membuat spoiler cantik dan keren untuk blog. "(5.0)"
Jika anda menyukainya, jangan lupa klik like/tweet dan bagikan keteman-temannya ya...
Hormat kami: Admin Mudah-ID

Tweet

Ditulis oleh: Ammar Ihsan - Thursday, 17 October 2013