Thursday, January 27, 2011

chatbox yang menyorok nakal di blog

Posted by eira at 3:42 AM

tadi eira dpat msej dari gembalamalaysia yang baru aje psang chatbox..so,dy nak jdikan chatbox 2 duk menyorok aje..

hmm..eira amik kputusan utk wt tutor je..snang utk mne2 blogger yang nak jdikan chatbox cam sesetengah blog y laen..

chatbox y mnyorok ni sbnarnye bkan shaja utk nmpak cantik,ruang pon jimat n snang orang len prasan..

sila daftar dahulu kpda blogger baru y bru shaja ingin memasang chatbox..click cni.. [cbox] [shoutmix]

cara-caranye..jeng3..

  • masuk lam ur blog
  • plih design kt dashboard 2
  • add gadgets n plih html/javascript
  • copy n ejax pape y prlu pada kod yang eira kasi ni

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://3.bp.blogspot.com/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

Letak aje code chatbox korang kat sini

<div style="text-align:right">

<a href="javascript:showHideGB()">

[close/tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

  • paste kod y telah ciap d 'ejax' tadi
  • click save n view kt blog u all
wne ala-ala coklat ni utk ejax saiz chatbox ni...

lau ase nak cantikkan pic pde chatbox ni, design aje sndri pic korang n upload..dpatkan url n gantikan kan ngan url wne oren 2

lau da jadi..tggalkan ckit komen n lau de mslah ley aje trus b'tnye.. :)

0 comments on "chatbox yang menyorok nakal di blog"

 

banner exchange Copyright © 2009 Paper Girl is Designed by Ipietoon Sponsored by Online Business Journal