MenuBar

Sunday, January 17, 2016

TutorialBlog: Toggle Text with Button

Assalamualaikum dan salam sejahtera,

toggle text a.k.a. show hide spoiler

Letak nama dan link
Kalau suka follow
Gunakan bahasa yang betul dan sopan.
Jangan lupa komen
Respek tuan blog

Pergi ke html mode. Post/Layout (Add a gadget)
Ctrl+C, copy kod dan paste dalam ruangan html.
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont">
<input style="margin: 0px; padding: 0px; width: 95px; " value="Klik Sini" 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 = 'Klik Sini'; }" 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>

warna biru - paste ayat/gambar/kod situ
warna merah/pink - ubah dengan ayat yang sesuai

paste kod ni pada warna biru:
<img src="http://media.tumblr.com/fb3f693b0fed9631663d97af47d0b237/tumblr_inline_mgpc7jt2sm1qdlkyg.gif" /> Letak nama dan link<br />
<img src="http://media.tumblr.com/fb3f693b0fed9631663d97af47d0b237/tumblr_inline_mgpc7jt2sm1qdlkyg.gif" /> Kalau suka follow<br />
<img src="http://media.tumblr.com/fb3f693b0fed9631663d97af47d0b237/tumblr_inline_mgpc7jt2sm1qdlkyg.gif" /> Gunakan bahasa yang betul dan sopan.<br />
<img src="http://media.tumblr.com/fb3f693b0fed9631663d97af47d0b237/tumblr_inline_mgpc7jt2sm1qdlkyg.gif" /> Jangan lupa komen<br />
<img src="http://media.tumblr.com/fb3f693b0fed9631663d97af47d0b237/tumblr_inline_mgpc7jt2sm1qdlkyg.gif" /> Respek tuan blog<br />

credit: Lyssa


Terima kasih baca, sudi-sudilah komen :) . 

No comments:

Post a Comment