Cara membuat hide & show (spoiler)

Oleh Unknown

Tuesday, 26 June 2012

Bagikan :

Tweet

siang sobat semua kali ini saya mau membahas masalah hide & show atau lebih dikenal dengan spoiler, tips kayak gini saya rasa udah banyak banget yg mempostingkan tapi gk ada salahnya kan saya postingin lagi siapa tau ada yg nyari caraya, sobat pasti dah pada taukan apa itu hide & show (spoiler)? apa gk tau.. yaudah klw gitu saya jelasin sedikit apa itu spoiler.


hide & show dalam bahasa indonesia artinya menyembunyikan dan menampilkan gimana dah ngerti? wkwkwk klw gitu sobat semua juga tau iya2 saya jelasin lebih rinci, hide & show atau spoiler memiliki fungsi untuk menyembunyikan taks atau gambar ,spoiler ini sangat bermanfaat buat para sobat yg memiliki blog karna sobat bisa menghemat tempat pada saat kita menulis artikel atau postingan, blog sobat pun kelihatan lebih keren.

kopas kode di bawah ini:

<div><div style="margin-bottom: 2px;"><i><b><small>Coba di Klik</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" 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'; }" type="button"></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> TULISAN, LINK ATAU URL GAMBAR BISA DILETTAKKAN DISINI </div></div></div>  <br>   

contoh hide & show seperti di bawah ini

Coba di Klik

saya rasa cukup untuk cara membuat hide & show(spoiler) pada postingan kali ini semoga bisa bermanfaat buat sobat semuanya,jangan lupa kasih komentarnya ya

Tweet

Tag : Blogger