Cara Sorok Shoutbox. | ˙·٠•●♥ mia suka berangan™ ♥●•٠·˙


Assalamualaikum. saya kini mengambil tempahan untuk make up Dinner, Photoshoot, Tunang dan Nikah sekitar Melaka, Negeri Sembilan, Selangor dan Kuala Lumpur. Email me oke : gardisareyou@yahoo.co.uk

Join ChurpChurp Jom!

Saturday, December 4, 2010

Cara Sorok Shoutbox.

Dicatat oleh m i a di 1:14 PM
Assalamualaikum..

ramai gak tanye camne nak sorokkan shoutbox ni..
senang je..same macam kite nak pasang widget lain kat blog..
1. copy code kat bawah ni ye..
<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">

MASUKKAN CODE SHOUTBOX KORANG KAT SINI

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
2. pegi ke design > page element > add a gadget > HTML/javaScript, then paste kan code tadi.

3. Tukarkan yang kaler biru tu dengan code shoutbox korang oke. 50px tu untuk kedudukan shoutbox, lagi tinggi nombor yang disetkan, makin ke bawah shoutbox korang tu nanti, oke?

4. save, save lagi kat bahagian atas, then view blog.

sudah siap..

selamat mencuba uols..

~wassalam~
pst : tutorial ni untuk yang tak tahu oke..
pada yang tahu dan pakar..diam..diam..
kredit untuk liyana.

20 ulasan:

gaung on December 3, 2010 at 9:20 PM said... BALAS

thanks mia ..akhirnya boleh juger sembunyikkan chat box saya..

Anisa Hang Tuah on December 3, 2010 at 9:21 PM said... BALAS

thanks miaa..
mmg tercari2 cmne nak wat ni
hehehe

mia on December 3, 2010 at 9:22 PM said... BALAS

@gaung

welkam..nnti try tau..ehehee

mia on December 3, 2010 at 9:23 PM said... BALAS

@Anisa Hang Tuah

hehee..nis da buat nti, mia nk tgk..cpt3..ekhekhekee

Cik Sehari Anti Kanta Lekap on December 3, 2010 at 9:57 PM said... BALAS

thanks mia, hehe dah berjaye :D thank u soo mucho dear!

mia on December 3, 2010 at 10:00 PM said... BALAS

@Cik Sehari Anti Kanta Lekap

hehe..welkam..da buat ekk..oke jap nk tgk..ehehe

hamzah ian on December 4, 2010 at 1:04 AM said... BALAS

thanks mia.. (ntah nape thanks)

mia on December 4, 2010 at 1:34 AM said... BALAS

@hamzah ian

welkam majah..grr..nk perli la tu..akehkehkee

MiSs TOrA on December 4, 2010 at 1:37 AM said... BALAS

tq3 da lama tora cri tutorial ni hehe ari ni jpe gak =)

mia on December 4, 2010 at 1:42 AM said... BALAS

@MiSs TOrA

hehehe..welkam dear..da buat nnti bgtau ek

alia shahira on December 5, 2010 at 9:21 PM said... BALAS

kak mia thanks for info hehe :) btw nak bagi suggestion tuk kak mia. tue pon kalau kak mia suke la hehe. kite nak suggest yang comment kak mia guna pop-up punya. lagi mudah if lya and orang lain nak comment hehe :)

muah! <3

sharaBUNGA on December 27, 2010 at 11:52 PM said... BALAS

tq untuk ini budak kecik ;p

sharaBUNGA on December 27, 2010 at 11:52 PM said... BALAS

tq untuk ini budak kecik ;p

mia on December 28, 2010 at 2:42 AM said... BALAS

@alia shahira

ehhehe..yeah dear..akk da buat pop up da..oke x?tq tau

mia on December 28, 2010 at 2:42 AM said... BALAS

@sharaBUNGA

budak kecik?khekehke..welkam dear

Wan Fakhrul Rin on January 19, 2011 at 8:36 PM said... BALAS

Waah.. akhir nya tahu jugak bagaimana cara nya.. thanks! ;)

mia on January 20, 2011 at 3:01 AM said... BALAS

@Wan Fakhrul Rin

welkam yaa..ehhehe..nk tgk laa da berjaya buat ea

Pa'An on October 9, 2011 at 9:08 AM said... BALAS

tq!! saya baru buat blog..sudi2 lah bagi semangat ea..hehe

mia on October 13, 2011 at 7:15 AM said... BALAS

@Pa'An

welkam..huwa, happy blogging ya :)

Aiman Lebai on January 16, 2014 at 4:47 AM said... BALAS

Thanks ^_^ V!

 

˙·٠•●♥ mia suka berangan™ ♥●•٠·˙ Dikuasakan Oleh Blogger Template Touch Up by Mia Adnan