Welcome to My Blog!

Belajar Graffiti, Photoshop, Coreldraw Share Tutorials, Tips And Tricks
Follow Me

Cara membuat Spoiler di Blogspot dan wordpress



By  Catur Prasetyo     12/27/2011    Labels: 


Fungsi utama dari sebuah spoiler sendiri adalah untuk mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image, tidak akan diload secara langsung sehingga dapat mempercepat waktu loading. Selain fungsi diatas, dengan spoiler kita dapat menghemat space pada posting kita sehingga akan lebih rapi dan nyaman dibaca oleh pengunjung blog anda.

Contoh Spoiler :

Contoh Spoiler Blogspot:

"Inilah Contoh Spoiler di blogspot"
(^_^)



Cara membuat Spoiler di Blogspot seperti diatas sangat mudah, Anda tinggal memasukkan kode HTML berikut ini :

Cara Membuat Spoiler :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

"Masukkan isi spoiler yang anda inginkan disini"


</div>
</div>
</div>
Cukup mudah bukan ? Mungkin ini bisa jadi alternatif bila anda ingin menampilkan gambar dalam ukuran yang besar, sehingga tidak membuat pengunjung anda menunggu terlalu lama.

About Catur Prasetyo

Salam kenal, Saya Catur Prasetyo Utomo, biasa dipanggil "PrasetyoDesign" Penulis dan pengelolah Blog tutorial desain grafis "Belajar Graffiti, Photoshop, Coreldraw". Blog ini menyajikan berbagai tutorial tentang Desain Grafis. Tutorial ini ditulis hanya bertujuan untuk referensi dan latihan yang praktis dengan menggunakan aplikasi Photoshop, CorelDraw dan aplikasi desain lain. Jika anda menganggap tutorial pada Blog ini bermanfaat, bagikan pada teman-teman yang lain, tutorial ini gratis untuk anda semua. Saya ucapkan terima kasih. Salam Desainer! Prasetyo Design

Tidak ada komentar:

Posting Komentar


Site Meter My Ping in TotalPing.com

Follow by Email

Google+ Followers

Please Bantu Saya, Like This !!!

×

Powered By Prasetyo Design, Says and Thanks