Selasa, 23 Juli 2013

Widget Spoiler Blog

Yaaa, setelah 2 hari tidak post dikarenakan disini bad signal, :D dan sekarang ini saya akan membahas Widget Spoiler Blog, sebagian orang mungkin sudah tahu dengan widget ini, tetapi masih banyak orang juga/orang awam yang belum tahu tentang Widget ini, Spoiler ini sangatlah berguna, kenapa berguna?, karena Spoiler ini dapat meringkas suatu teks, kode, dll, jadi loading blog tidak terlalu berat dan membuat visitor melihat blog kita dengan nyaman dan tidak acak-acakan, caranya mudah tinggal copy kode dibawah di sidebar :

<div style="margin-bottom: 2px;">Judul Spoiler <div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; width: 60px; font-size: 10px;" 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'; }" type="button"> </div> 
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> Masukkan kode widget lain, gambar, teks, dll disini </div></div></div>
Keterangan :
Warna Biru Untuk Judul Spoiler Anda
Warna Merah Untuk Kode Widget, Gambar, Teks, dll 

Contohnya :
Judul Spoiler
Masukkan kode widget lain, gambar, teks, dll disini

Tidak ada komentar:
Write komentar

Orang baik adlah orang yang suka meninggalkan komentar seperti :
1. Komentar yang berkualitas,
2. Komentar dengan bahasa yg mudah dimengerti,
3. Komentar yang tidak menggunakan kata-kata tidak senonoh,
Jika blognya ingin terkenal, taruh saja link anda di komentar :).
Contoh yang salah : http://www*bloganda*com/, http://bloganda*blogspot*com/
Contoh yang benar : bloganda.com, bloganda.blogspot.com