Mempercepat Blog dengan Spoiler

Posted by admin on 10 Jul, 2011 in Blog, Optimasi Blog, Tips dan Trik, Wordpress | 6 comments| Dibaca : 3859 Kali

Spoiler adalah istilah untuk menyembunyikan Teks, gambar, Html atau kode yang lain. Spoiler ini bisa kita manfaatkan untuk mempercepat loading Blog ketika memanggil Image atau gambar atau apapun yang jika diload memberatkan Blog. Karena fungsinya untuk menyembunyikan maka gambar atau apapun yang ada dalam spoiler  tidak akan diload sebelum kita membuka spoiler, sehingga secara otomatis Blog akan berjalan lebih cepat.

Anda bisa mencoba membandingkan gambar yang diload secara langsung dengan gambar yang dimasukkan kedalam spoiler, kecepatan loading akan lebih cepat yang memakai spoiler.

Untuk cara memasangnya perhatikan kode berikut ini :

<div> <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;">
<input style="margin: 5px; padding: 0px; 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 Spoiler'; } else { this.parentNode.parentNode.getElementsByTagName
('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = '';
this.value = 'Contoh Spoiler'; }"type="button" value="Contoh Spoiler" /></div>
<div class="alt2" style="border: 1px inset; border-radius: 8px; -moz-border-radius: 8px; 
-webkit-border-radius: 8px; padding: 6px;"> <div style="display: none;"> Tempatkan Text atau gambar disini 
</div> </div> </div> </div>

Hasil dari Script diatas adalah seperti ini :

Keterangan :

• Untuk kode yang berwarna merah isi dengan judul untuk membuka Spoiler ( misalnya Buka,Open dll )
• Untuk kode yang berwarna ungu isi dengan judul untuk menutup Spoiler ( misalnya close,tutup dll )
• Untuk kode yang berwarna biru isi dengan text atau gambar yang akan dimasukkan kedalam spoiler, untuk gambar gunakan kode img

Selamat mencoba semoga bermanfaat