Senin, 23 Maret 2015

Cara Membuat Spoiler Buka Tutup di Blog

Cara Membuat Spoiler Buka Tutup di Blog
SimBale
Bertemu lagi dengan saya admin aditya, dikarenakan laptop admin penyu mati gara-gara chargernya ketinggalan di ruang band padahal charger saya disitu ngga ketinggalan (dia emang pelupa kelas kakap mungkin tengiri), jadi saya yang posting terus nih -_- Oke ini memang resiko jadi admin, sekarang saya mau posting artikel Cara Membuat Spoiler Buka Tutup di Blog. Mungkin sobat bertanya apa sih spoiler itu, anak gamers pasti bilang spoiler itu yang ada di belakang mobil kaya ekor mobil, beener juga sih tapi bukan yang itu. Spoiler yang saya maksud seperti yang dikaskus itu lho. Halah kelamaan langsung aja dilihat hasilnya

Preview :

SimBale:
Letakkan teks atau kode script (gambar atau video) di sini

Cara Pemasangan :

  • Login terlebih dahulu ke akun blogger sobat
  • Masuk ke dasbor blogger
  • Pilih blog yang akan dipasang spoiler
  • Taruh kode ini bisa di bagian template, html widget, ataupun diartikel
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>SimBale</b>: <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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini</div>

</div>
  • Lalu klik "Simpan"
  • Selesai.
Semoga bermanfaat
Best Regards
Admin - Aditya

Tidak ada komentar:

Posting Komentar