6teen

21 January 201215:50

Sekarang nak buat tutorial . Uwww nak buat tutorial Show / Hide text . Sebagai contoh . Hangpa semua cer tengok gambo kat bawah ni kalau tak faham hehe :p

BEFORE.

AFTER.

Darshboard > Design > Page Element .
Add A Gadjet > HTML Javascript .
Copy code bawah ni and paste kan kat HTML Javascript .

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "HERE";
}
else {
ele.style.display = "block";
text.innerHTML = "HERE";
}
}
</script>

CLICK <a id="displayText" href="javascript:toggle();">HERE</a> TO READ SOMETHING SPECIAL.
<div id="toggleText" style="display: none">
Isi lah apa-apa kat sini.
</div>

Click tu ayat depan and To read something special tu ayat belakang .
Pastikan semua ayat yang di BOLD kan tu semua sama .
Isi apa apa kat sini tu korang boleh ubah kepada ayat korang sendiri .

P/S : Jangan click RICH Text sebab kalau korang CLICK , IA TAKKAN MENJAD. Credits to Kak Nazihah :)