Cara buat TAB Fungsi HIDE view di blog,web atau wapsite

HIDE view mungkin bisa diartikan tampilan tersembunyi. .Atau tepatnya tampilan yang disembunyikan. .Kegunaan fungsi hide view di blog atau wapsite adalah untuk menyembunyikan sebagian content blog untuk merapikan tampilan dan mempercepat loading blog.


Fungsi Hide view mirip dengan pembuatan tab view untuk blogroll dan lain2.Tapi dgn fungsi hide view kita bisa menyembunyikan gambar,text,iframe,embed,chatbox,tv online,radio dan masih banyak lagi. .Content yang disembunyikan akan bisa tampil bila 'tab nya kita klick dan menutup bila tab nya sekali lagi di klick .Fungsi ini paling cocok akses Di pc,di handphone opera mini akan merefresh bila tab hide view di klick.
Dibawah Ini adalah contoh tab fungsi hide view

get code:life code™

nah coba di klick tulisan dont click,layak SENSOR! diatas . .
Dibawah ini kode yang dipakai untuk membuat fungsi hide view diatas

<div><div style="margin: 5px;"><div style="margin-bottom: 1px;" class="smallfont"><input style="margin: 0px; padding: 0px; width: 250px; font-size: 10px;" value="ganti dengan tulisan anda sendiri
dont click,layak SENSOR!" 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 = 'ganti dengan tulisan anda sendiri
dont click,layak SENSOR!'; }" type="button"/><br/><
/div><div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"><div style="display: none;">

PASANG GAMBAR,EMBED,IFRAME,TEXT,CHATBOX dan lain2 disini

<br>get code:<a href="http://mansuka.Blogspot.Com">life code™</a></div></div></div></div>


berikut copy paste di text area di bawah.Ganti dan edit yang di perintahkan dgn warna merah dan biru saja,
hati2 salah hapus kodenya bisa gak jalan.

<div><div style="margin: 5px;"><div style="margin-bottom: 1px;" class="smallfont"><input style="margin: 0px; padding: 0px; width: 250px; font-size: 10px;" value="dont click,layak SENSOR!" 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 = 'dont click,layak SENSOR!'; }" type="button"/><br /> <br /> <br /> </div><div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"><div style="display: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghzVe2ChqGhJb5Jxhr3W6y41qfvyD4QqLO93aMiS4VipcVSrNcBg-_uaoALT7HyPZdcPP637bk_SpRc5iGrzJjlM5CAIJ6HutzRVo4TxA8zdxGNK1KT4N1nMiwh1FG10g4_In4gd-YpsmT/s400/kiss1.jpg"alt="pacaran"><br /> <br /> get code:<a href="http://mansuka.Blogspot.Com">life code™</a></div></div></div></div>

semoga bermanfaat dan yang mampir jangan lupa comment
terimakasih. . .

Berbagi :