MINTA DO'ANYA BIAR LANGGENG ~Mi*El~


Home » » Cara Membuat Widget Chat Melayang

Cara Membuat Widget Chat Melayang

Assalamu'alaikum,,,,Sekarang akan saya kasih tahu tips trik Membuat Widget Chat Melayang, Chat ini sebagai tempat percakan yang ada di web/Blog kita sendiri, Langsung saja ya ,,,hehehe

1. Daftar dulu disini ya,,, http://www.freeshoutbox.net/

2. Kalau sudah mendaftar dan nantinya akan di beri embed nya langsung saja di copas ke nootpat dulu.

3. Masuk ke BLOGGER kamu.

4. Cari Tata Letak, Langsung tambah Javascipt/HTML

5. Copas ini nantinya:

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

<noscript>Enable Javascript to get full functionality of this <a href="http://www.freeshoutbox.net/">shoutbox</a><br /></noscript><iframe src="http://BlogIslam.freeshoutbox.net/" height="300" width="200" frameborder="0"></iframe>

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://www.minannu.com/"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

6. Rubah warna MERAH dengan Widget yang telah kamu kopas tadinya.

7. SAVE. Dan lihat hasilnya


Sekian dulu Cara Membuat Widget Chat Melayang, Semoga Bermanfaat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BLOG*ISLAM

Enter your email address:

Delivered by FeedBurner

0 komentar:

Post a Comment

 
Support : KANG WEB
Copyright © 2013. BLOG*ISLAM - All Rights Reserved
Proudly powered by Blogger