Pages

Minggu, 17 April 2011

Tips tampilkan Show Hide pada postingan

Kali ini Penulis ingin memberikan tips yang tak begitu berarti, dan moga aja pembaca ada yang berminat untuk membuat tonmol show hide pada postingan untuk mengisi dengan artikel ataupun dengan gambar.

Berikut langkahnya:

Kopi paste saja kode berikut, letakkan di tempat Edit HTML dan untuk menyimpan kode script baca ini :
Tips Menulis Code HTML JavaScript Pada Posting Blog
JUDUL SPOILER
<div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"><b style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="color: blue;">JUDUL SPOILER</span></b> </span></i><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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" value="Show" type="button"></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><span style="font-family: &quot;Courier New&quot;,Courier,monospace;">ISI SPOILER</span></div></div></div>

3 komentar:

TOKO ONLINE BARU mengatakan...

Thanks scriptnya bro, tpi saya klik tombol SHOW diatas koq ga' mau melebar ych...!

Reply To This Comment
DonDenasBlog mengatakan...

@TOKO ONLINE BARU Sip bro, tombol Show gak melebar diatas, itu dikarenakan aq gak isi dengan gambar atau artikel, bisa dimengerti bro...

Reply To This Comment
DonDenasBlog mengatakan...

@TOKO ONLINE BARU : tentang cara dan penulisan scriptnya aq udah perbaiki dan lebih dimengerti....

Reply To This Comment

Posting Komentar

Loading...


Mau punya buku tamu seperti ini?
Klik di sini
Get This Gadget