Lompat ke konten Lompat ke sidebar Lompat ke footer

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




pacaran

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.



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

10 komentar untuk "Cara buat TAB Fungsi HIDE view di blog,web atau wapsite"

  1. Wah mantap ni,oy,da di jwb tu pertanyaan nya di juma-029.bp.com

    BalasHapus
  2. Ya,ni biasanya buat merapikan banner2 yg bnyak,juga menyembunyikan chatbox

    BalasHapus
  3. Man sepertinya ada kesalahan dgn code html yg qm berikan.
    Tadi q coba tp gak bisa

    BalasHapus
  4. Sudah kuedit.Mas ganti tulisan yg di perintahkan saja

    BalasHapus
  5. Sudah ku pasang tadi Man
    tp sama aja tetap gak bisa

    BalasHapus
  6. terlalu ribet ada gak yang wedget langsung pasang
    htpp://rolicaview.blogspot.com
    http;//ktsp-rpp.blogspot.com

    BalasHapus
  7. Ya beginilah dunia blog. .Kita harus mengerti dkit2 tntang kode2 html. .Pelajarin aja

    BalasHapus
  8. salut sama si mas neh...semakin di baca semakin tertarik aq sama artikel2nya.
    maklum mas aq sama sekali blum paham dunia wap n web

    BalasHapus
  9. Ya mari kita sama2 belajar mas

    BalasHapus