Pages

Minggu, 03 Februari 2013

Cara Membuat Spoiler Buka Tutup Pada Blog

Sebenarnya saya sudah lama mau share tentang cara membuat spoiler buka tutup pada blog,tapi kenapa akhirnya saya kelupaan,nah mumpung sekarang saya sudah ingat lagi,jadi langsung saja saya tulis tutorial ini.

Spoiler ini bisa di gunakan jika artikel sobat cukup panjang dan bermanfaat untuk menyembunyikan gambar,script,tulisan atau lain-lain sehingga membuat halaman blog sobat menjadi sedikit lebih ringan loadingnya,kenapa lebih ringan?karena postingan sobat yang panjang lebar bisa di sembunyikan dan tidak terbuka semua secara langsung,sebagai contoh silahkan sobat klik tulisan ''BUKA'' pada spoiler di bawah ini.

CIIIILLLUUUUKKKK BBBAAAAAAAAAAAAAAAAAAA................. jangan buka2 tau,,,mau ngapain sih kamu buka2 inian,,emang gk ada kerjaan lain apa? eiittss,,,seneng banget sih baca2 tulisan ini?udah jangan baca terus ..ntar ketagihannn...sudah sh jangan di terusin,tutup aja.. nah loo,,,kok masih di baca juga.. oke mendingan damai aja.pliss deh tutup lagi okeee

atau lihat satu lagi


Semoga kebersamaan ini selalu terjaga,demi menyambung silaturahim sesama muslim,semoga bisa lebih kompak dan solid lagi..aamiin

UNTUK CARA PEMASANGANNYA

  • Pertama pilih tempat yang akan di pasang spoiler ini,baik di postingan atau di sidebar.
  • Copy script di bawah ini,
  • Kalau sobat ingin pasang di postingan,maka sobat taruh di bagian HTML bukan COMPOSE

</span></b><br />
<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<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-top: 5px; width: 100px;" type="button" value="Buka" /> </div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI

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

  • Jika sudah lihat hasilnya,maka tombol buka tutup ini siap untuk di gunakan..

Bagaimana sobat semuanya,,apakah tertarik dengan tutorial ini,jika ia silahkan di coba dulu,semoga berhasil,dan..
SEMOGA BERMANFAAT 

0 komentar:

Posting Komentar