Agustus 11, 2010

menyenmbunyikan widget di sidebar atau posting


lama juga ga ngeblog nih abis lagi sibuk sama PTC em kali ini saya mau Up date nih
nulis apaan ya....????
oh iya kemaren saya sempet kebingungan soal nyembunyiin sidebar bagaimana cara nyembunyiin widget di sidebar namanya Spoiler hehehehe.....malum Newbie jadi ga tau gimana caranya ok lah langsung aja ya
Spoiler itu adalah sebuah cara yang dipakai untuk menyembunyikan suatu link atau kumpulan link, kumpulan teks, gambar, seluruh atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kombinasi kode html dan javascript. Tujuannya adalah untuk menghemat space atau ruang dalam suatu postingan atau sidebar. Keuntungan lain menggunakan Spoiler adalah bisa mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Spoiler juga bisa digunakan untuk menyembunyikan video agar loadingnya tidak berat.
Cara Memasangnya mudah ko
Sobat login ke blogger duluDisini
Pilih Rancangan ===> add widget ===> html java scrip
copi dan paste scrip di bawah ini


<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="blogroll" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;">
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 137px; height: 270px; text-align: left;">
<li><a href="http://www.mirat.co.cc">mirat</a></li>
<li><a href="http://cibaringkeng.blogspot.com">Dowload free</a></li>
<li><a href="http://www.sdn3-leuwimunding.sch.id">Situs SDN Leuwimunding 3</a></li>
<li><a href="http://asbabulismu.blogspot.com">Pernik-Pernik Pendidikan</a></li>
<li><a href="http://www.haroen-spt.co.cc/">The History Indonesian</a></li>
<li><a href="http://www.jempolsoft.co.cc/">Free Softwre</a></li>
</div>
</p></div><div id="hide"></div></div>

maka hasilnya akan seperti ini



Catatan :
Untuk Kode yang berbeground Hijau silahkan ganti dengan java scrip yang akan di sembunyikan di sidebar dan pada tulisan yang di cetak tebal dan garis bawah silahkan ganti menurut selera anda
terus Simpan silahkan lihat hasilnya

udah ah hehehe.......
smpai ketemu di tutorial cara membuat beground di halaman posting
Selamat mencoba.....


Tidak ada komentar:

Posting Komentar

silahkan isi komentar disini
KOmentar sobat semua sangat berarti buatku.........