DEYAWANNY Deyawanny.: Tutorial Button Show Hide Spoiler

Thursday, 8 December 2011

Tutorial Button Show Hide Spoiler

yuhaaaa!!Wanny buat tutorial lagi..yang direquest oleh seseorang.Tau apa tu Buttons Show Hide spoiler?
Alaa bila tekan dia akn keluar something.benda ni sesuai untuk nak pendekkan item di blog..taklah berat ssangat

Meh nak tunjuk contoh:

yang tu sebelum tekan TENTANG SAYA

selepas tekan dia akn jadi camtu..Faham kan?

Ni bagus sebenarnya dapat singkatkan loading blog yang berat.

Nak tutorial ni?Klik sini DUlu

ni tutorial button Show Hide Spoiler.

1.Design--->Page Element--->Add A gadget--->Html Javascript

paste kod di bawah dalam kotak html tu

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Pamirkan" 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'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Pamirkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">
Masukkan Code JavaScript/Gambar/Text Di sini

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


Text Merah-perkataan sebelum tekan
Text Hijau- perkataan selepas tekan
Text Biru-Apa2 je..code ke text ke..apa jelah


Dah?Save jelah..huahua..siap sudah!
Kalau nak ambik tuto ni credit to me yaw~klik SIni

Kalau Anda Suka Entry Ini Like dan Comment

1 00 orang setuju:

 
Copyright © . All Right Reserved by Nur Sharwani