Saturday, January 26, 2013

Cara Membuat Spoiler

Kodenya
<div style="font-family: verdana; 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 Kembali'; }" style="font-size: 12px; margin: 0px; padding: 3px 5px;" type="button" value="Buka" /></div>
<div style="margin: 0px; padding: 1px;">
<div style="display: none;">
http://ikingasaaf.blogspot.com
</div>
</div>

Keterangan :
  • Verdana = Jenis Huruf tulisan pada tombol Spoiler. Ganti dengan Trebuchet ms, georgia, arial, atau jenis huruf lain yang anda inginkan
  • 5 = Jarak tombol dari objek di atasnya. Ganti dengan angka yang lebih besar untuk membuatnya lebih jauh dari objek yang ada di atasnya atau sebaliknya
  • center = Posisi / Letak tombol spoiler. Center berarti posisi tombol berada di tengah. Jika ingin membuat tombolnya berada di sebelah kiri, ganti center dengan Left, untuk sebelah kanan, ganti dengan right.
  • Tutup = Tulisan pada tombol spoiler saat spoiler menampilkan widget atau tulisan yang di sembunyikan.
  • Buka Kembali = Tulisan pada tombol spoiler saat widget atau tulisan tersembunyi tapi sebelumnya sudah pernah di buka / di tampilkan spoiler
  • Buka = Tulisan pada tombol spoiler saat tulisan atau widget masih di sembunyikan oleh spoiler
  • http://ikingasaaf.blogspot.com adalah tulisan yang di sembunyikan oleh spoiler. Ganti dengan tulisan yang ingin anda sembunyikan dengan spoiler atau ganti dengan kode widget jika anda ingin menyembunyikan widget dengan spoiler
Untuk memasang Spoiler pada postingan atau artikel blog, anda harus memasang kode spoiler pada mode HTML ( Kecuali anda menggunakan "Tafsirkan HTML yang di ketik" pada menu pilihan yang ada di post editor blogspot ).

Sampai baris ini, tutorial cara membuat spoiler selesai. Sampai jumpa di artikel tips dan trik berikutnya. Salam Blogger......
Sekian Dan Terimah Kasih