Jumat, 27 Mei 2011

Membuat Spoiler

0 komentar

Sekian lama saya sudah tidak update entry lagi karena tidak dapat ide, akhirnya sekarang saya dapat ide untuk memasang entry tentang spoiler seperti berikut :

Anda mau tau cara dan proses pembuatannya ??? 
Langsung saja ya daripada ngomong panjang lebar gak jelas gak ada manfaat sama sekali dan bikin anda penasaran ! CEKIDOT ! ! !

*Langkah - Langkah : 

1. Login ke akun blogger anda
2. Klik -> Rancangan ->
3. Letakkan kode berikut di kotak bagian bawah :

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background:#eae6e6; color:#000000; border:1px dashes grey;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;CLOSE&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:Bisque;background-color:NONE; text-align: justify; padding:10px; ">


< - JavaScript Di sini - >


<span style="font-size: 95%">Widget By <a href="http://el-fathoni.blogspot.com/2011/04/membuat-spoiler.html" target="_blank">El-Fathoni</a></span>


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


*Catatan :
- Warna BIRU adalah tulisan ketika keadaan awal spoiler
- Warna JINGGA adalah tulisan ketika kita buka spoilernya
- Warna MERAH adalah tulisan ketika kita tutup spoilernya
- Warna BIRU MUDA ganti dengan javascript yg anda mau

4. Simpan Gadget

Selamat mencoba, semoga bermanfaat.
Jangan lupa tinggalkan komentar ya !!! :D

0 komentar:

Posting Komentar