16 November 2011
Cara Membuat Chatbox + Guestbox
Nih Saya Sekarang Share Cara Membuat Chatbox + Guestbox
Langsung Ajah Ni Ya Ganz Cara Membuat Chatbox + Guestbox.
1.Login Ke Blogger.
2.Pilih Rancangan.
3.Tambah Gadget HTML/Java Script.
4.Copy/Paste Script Dibawah.
5.Selesai Happy Bloging<style type="text/css"> #at{ position:fixed; right:450px; z-index:+1000; } * html #at{position:relative;} .attab{ height:100px; width:30px; float:left; cursor:pointer; background:url(); } .atcontent{ float:left; border:2px solid #33e104; background:url(http://i846.photobucket.com/albums/ab26/arifins/fire.gif)#000000 repeat-x bottom center scroll; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; -moz-box-shadow: 0px 2px 5px 0px #f8f9b9; } </style> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script> <div id="at"> <div class="attab" onclick="showHideAT()"> </div> <div class="atcontent"> <div align="center"> <div style="background:#000;"><!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; background:url(http://i238.photobucket.com/albums/ff32/halomatt/matrix-animated-orange.gif) repeat center; line-height: 0"><div><iframe frameborder="0" width="300" height="75" src="http://www6.cbox.ws/box/?boxid=586932&boxtag=3296mb&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-586932" style="border: 0px solid;border-bottom:0px" id="cboxform6-586932"></iframe></div><div><iframe frameborder="0" width="300" height="102" src="http://www6.cbox.ws/box/?boxid=586932&boxtag=3296mb&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-586932" style="border: 0px solid;" id="cboxmain6-586932"></iframe></div></div><!-- END CBOX --> </div> </div> <br /> <div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" alt="close" title="Click here to Close Cbox" /></a></div> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script> <a href="javascript:showHideAT()"/><img border="0" src="http://i387.photobucket.com/albums/oo318/cem_ply/buku-tamu_03.gif" alt="exo-zone" title="Klik untuk membuka Buku Tamu" style="display:scroll;position: fixed; bottom:350px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ; /></a></div></div>
Cya......!!!
06 November 2011
Subscribe to:
Postingan (Atom)