TUTORIAL BLOGGING , BLACKBERRY , TEMPLATE SEO FRIENDLY

close
cbox

Membuat menu Tutup Buka pada posting (Spoiler)



Sebuah menu yang bisa menutup dan membuka secara otomatis (Spoiler) untuk contoh tampilannya ada di bawah ini dan untuk membuat nya yaitu sebagai berikut :


  1. Log in blogger
  2. Posting Baru, edit html dan masukkan kode di bawah ini :
<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
<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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Open" /></div>
<div class="alt2" style="-moz-border-radius: 10px 10px 10px 10px; -moz-box-shadow: 2px 2px 4px rgb(139, 210, 104); background: url(&quot;https://lh6.googleusercontent.com/-7EyIrmKnMhU/TWkEaNz8z8I/AAAAAAAAABo/KxVoPQB6ZlQ/s1600/papers.jpg&quot;) no-repeat scroll 0% 0% transparent; border: 1px inset; color: black; margin: 0px; padding: 6px;">
<div style="display: none;">
Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka 
</div>
</div>
</div>

Tulisan Biru Isi  sesuai keinginan kawan-kawan
......
Terbitkan entri dan selesai............

selamat mencoba......


Responses

0 Respones to "Membuat menu Tutup Buka pada posting (Spoiler)"

Post a Comment

Terima kasih telah membaca dan berkomentar Membuat menu Tutup Buka pada posting (Spoiler), .

Form Komentar Klasik

 

Community


My Popularity (by popuri.us)
Return to top of page Copyright © 2010 Stay Teddy|Official site All Right Reserved Powered By Blogger