TUTORIAL SOROKKAN SHOUTBOX

Posted by Ciklinn Hasib.

Ha ko rang nampak tak sesuatu yg baru ado kat blog ciklinn.....
cepat teka cepat...... hihihihi
ala mesti korang tau kan terang2 ha tajuk dah tulis SOROKKAN SHOUTBOX...

Apa motip nak sorok2.....
tak de apa2 motip pun.... saja suka suki.. sbb bila jalan2 selak2 blog orang nampak org sorokkan Shoutbox.....
Ciklinn pun gatailah pi carik camne nak buat......

SILA LIHAT SEBELAH KANAN SKRIN ANDA... NAMPAK TAK SHOUTBOX BERWARNA IJO ITU>>>>>>




pusing punyer pusing rupanya ada kat sebelah jer....
sebelah mana???? sebelah Sis Dahlia @ Cikgu dahlia..
memang suka redah blog dia nie...... mcm2 info ada  yg dia kongsikan...

so pada kawan meh kita kenal2 dgn dia....tekan jer tulisan besar bertanda merah diatas...
huhuhu kompom ramai dah kenal dgn dia nikan... seorang cikgu yg sgt rajin berblog....
TQ yer cikgu banyak kongsi maklumat dgn blogger yg baru nak merangkak mcm ciklinn nih..

kalu kamu dan kamu semua berminat nak buat sila ikut urutan seperti yg ciklinn buat dibawah:


 Design  > Add Gadget > HTML dan paste kod di bawah

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

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url
('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy3yJCdRw-rIUR38-nmXby0omAm8KOna2HkbbsrShesclsJgjCqGysxGbuL7X-lbtSZ-Votfm6zjfUiiHV5p97kVWnJbeS7_FSQlxO_8qB4AGyaRu5OgqCuiLnIJP2t1aiCdMPI1a4YTde/s320/tabs.png') no-repeat;
}

.gbcontent{
float:left;
border:2px solid #666666; ---> tukar ikut suka kaler
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>




 SELAMAT MENCUBA.....
 
 Eh cikgu dahlia ada buat GA tau.....
 gi blog dia yer kalau nak tau GA apa...
sgt2 best hadiah sbb  
Giveaway; Semua Mesti Dapat Hadiah! 
 
 Hadiah yang saya pilih ialah Skrub Puteri Annisha dan Miracle Mask 50g
 

This entry was posted in .

6 Responses to TUTORIAL SOROKKAN SHOUTBOX

  1. wah br perasan ciklin dah ader web sendiri arr...tahniah

    ReplyDelete
  2. sy xde shoutbox..tp apa2 pun tq ciklin kongsi ilmu..

    ReplyDelete
  3. wah2 rajin ciklinn wat tutorial...

    hanie same gak mcm ni,tp rasanya the simplest punye...

    xlama esok ciklinn musti pandai godek2 kasik tukor rupe plak...hehe

    ReplyDelete
  4. bestnya bleh sorok2 lg yer...hikss..kalu rajin bleh try....thks 4 yr info...

    ReplyDelete
  5. ciklinn, nnti daku update kamu dalam senarai peserta :D
    thanks for joining..
    kurang orang join, chances utk dapat hadiah yang diminta lebih tinggi :D

    ReplyDelete
  6. ciklin,
    kamu xemel alamat kamuuu :D

    ReplyDelete