RIFKY'S BLOG tips-Trik Internet Tutorial Blog Membuat Chat Box Tersembunyi

Membuat Chat Box Tersembunyi

11/07/2012 10:23:00 AM by Unknown 1 Comments A⁺ a^-

Kali ini RIFKYS BLOG akan berbagi salah satu Trik Blog, yaitu Membuat Chat Box Tersembunyi seperti pada tampilan blog ini.
Langsung saja :

Pertama Login ke akun Blogger anda
Pindah ke menu Tata Letak > Tambah Gadget > HTML/JavaScript
Kemudian Copy kan code di bawah ini

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:300px; width:30px; float:left; cursor:pointer; background:url('http://i757.photobucket.com/albums/xx213/VioNexA/iky.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#0099FF; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 5);} } </script> <div id="hitsukeFX">
 <div class="hitsukeFXtab" onclick="showHidehitsukeFX()">
 </div>
<div class="hitsukeFXcontent">

Masukan Code Chat Box Blog disini

<script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script></div>
</div>

Pada Code diatas terdapat kode warna biru '#0099ff', bisa diganti sesuai dengan keinginan.
Ingat untuk meletakan Code Chat Box blog agan sekalian di dalam code diatas dengan mengganti tulisan 'Masukan Code Chat Box Blog disini'.
Klik Simpan > Sumpan Setelan.
Kemudian Lihat yang terjadi pada blog sekarang.

Sekian trik Blog kali ini, semoga bermanfaat. Terima Kasih.

Unknown

1 comments:

Bondowoso Comunity

AUTHOR

11/07/2012 02:14:00 PM delete

ijin coba dlu ya kk
bondowoso-jawa.blogspot.com

Subscribe to: Post Comments (Atom)