Monday, February 14, 2011

Tips Trik Blog: Cara Buat Spoiler Ala Kaskus Di BLog

Jika agan-agan tau Kaskus, pastinya agan sering dong lihat bentuk kotak berikut?
Click Here [BB++] :
[Hayoo.. Mau Liat Apa?]

Yup, bentuk diatas namanya Spoiler.
Apa sih gunanya Spoiler itu sendiri?
Spoiler biasa dipakai atau digunakan untuk menyembunyikan suatu tulisan yang sangat panjang ataupun gambar.

Terus bagaimana cara membuat spoiler ini di BLOG?
cara membuat Spoiler Ala Kaskus Di BLog adalah sebagai berikut.

masuk ke akun Blogger agan-agan semua.
pilih Menu Postingan untuk membuat Postingan baru.
nah pilih edit Html, trus masukin kode html berikut:

Judul Spoiler [Judul yang miring] :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Gampang kan?
selamat bereksperimen..
jangan lupa kasi cendolnya yah gan..

0 comments:

Post a Comment

Mohon maaf untuk komentar yang masuk harus terlebih dahulu melalui moderasi untuk menghindari adanya hal-hal yang tidak diinginkan dan juga SPAM..