Membuat Spoiler


By on 12/27/2011

Blogger pengunjung setia Point Blue Blog, Apa Kabar ??? semoga baik-baik saja ...

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 ->
-> Edit Tata Letak ->
->Tambah Gadget->
->HTML/JavaScript<-

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://www.pointblue.co.cc/" target="_blank">PointBlue</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

About Eko Septiawan

EKKO adalah seorang pemuda yang dikaruniai seni Blogging. Ia suka Blogging setiap hari. Ia adalah seorang Desainer Situs Web dan Desainer Grafis Bersertifikat.

0 comments:

Posting Komentar