27 April 2010

Cara Membuat Spoiler

Nah inilah salah satu lagi trik blogspot yang unik,,,yaitu Cara Membuat Spoiler alias tutup buka ( tapi apa yang akan kita tutup dan buka ya,,,,,, !!!! ) he2x. atau kata lainnya sie Manual Hide Text maybe ya,,,

TULISAN/GAMBAR YANG AKAN DISEMBUNYIKAN
Kalau yang ini sie spoiler kit mobil Bro !!!!

1. Masuk Ke Halaman Dashboard > Tata Letak > Elemen Laman

2. Add Gadget > HTML / JavaScript

3. Copy Code Dibawah Ini :



<div !mulai spoiler><div style="text-align:center;"><input style="width:100px; background-color:#e6e6e6; color:#000; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;" value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"></div>
<div style="padding:5px; text-align:justify;"><div style="display: none;">TULISAN/GAMBAR YANG AKAN DISEMBUNYIKAN</div></div></div !akhir spoiler>






Keterangan :
|| Ganti Kode berwarna merah dengan konten / JavaScript / Objek Gambar yang Anda Inginkan.
|| Ganti Kode yang berkedip dengan ukuran lebar yang Anda Inginkan untuk menyesuaikan text judul spoiler.

Selamat Mencoba ya,,,


Cara Membuat Spoiler Rating: 4.5 Diposkan Oleh: Sarifa Marwa

5 komentar:

  1. mantap kawan , saya mau mencoba, untuk nanti gambar gambar skema electronic yang sedang saya siapkan kawan , tapi rasanya blokKu blum siap akan tampilannya mohon bantuan dan kritikannya. trima kasih.

    ReplyDelete
  2. mantabb emang spoiler sobat..
    bisa menghemat halaman posting..jadi rapi gitu..
    keep posting sobat..
    happy blogging..

    ReplyDelete

Komentar Spam, Link Aktif, dan URL Blog Takkan Muncul. Tidak semua pertanyaan sempat/bisa dijawab.