Memasang Spoiler (tombol show) di Blogger dan Wordpress

Post by Unknown on Sunday, April 24, 2011 | 3:42 AM


Andai saja jika anda punya banyak widget atau pun banner-banner teman blogger lain, pastinya bila pengunjung membuka homepage anda akan sangat terasa berat sekali karena banyaknya widget-widget dan banner tersebut. Oleh sebab itu, anda bisa menggunakan Spoiler yang berfungsi untuk meminimalisasi widget atau banner tersebut dalam sebuah button Show. Jika tombol show anda tekan nanti akan terbuka widget atau banner apa saja yang anda letakkan didalamnya dan cara ini bisa menghemat loading Homepage anda.
  1. Login ke Blogger.
  2. Pilih tab Design  - Page Element.
  3. Pilih Add Widget – HTML/JavaScript.
  4. Lalu masukkan kode berikut ini :

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Nama Spolier</span></i><input 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Code HTML-nya

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

8 Comments:

  • Bagaimana ya caranya agar bisa banyak pengunjung blog saya... mohon pencerahannya...

  • @fery : oke mas, ki sik gung enek waktu soal'e

    @dias : ada koq di artikel saya, liat aja di daftar isi yg category blogger..intinya ya sering posting aja tiap hari 1x, blogwalking, di-ping setiap 2 hari sekali dan masih banyak lagi deh..semangat aja pkonya oke

  • bagus infonya..nanti saya mau coba..
    jadi ngak terlalu menuh menuhin homepage blog:)

  • info yang keren dan menarik,,sangat bermanfaat sekali,,maksih banyak kawan dan sukses slalu,,

  • kunjungan sore nih,,mantap artikelnya,,sangat membantu sekali,,,thanks

  • @audrey : iy sob silakan, bisa hemat tempat nih nantinya, hehehe

    @obat : sukses juga deh buat mas ^^

  • Post a Comment

    Mari kita saling voting dan berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada teman yang lain agar lebih bermanfaat. Terima kasih banyak saya ucapkan, Salam Blogger teman . . .