TUTORIAL : Shout-box yang menyorok..

Assalamualaikum ..

Adehh! lewat lak Sarah wat tutorial mlm ni ..

Ngee .. nak wat cmne.. hari ni satu ary jejalan kat KB (Kota Bharu ) ngn my sis n my Mr.M (3M) ..

Samapai-sampai umah, terus nengok perlawanan bola ( MALAYSIA vs CHELSEA ) walaupun kite kalah 0-1 tp kira oke la tu an ? diorg goal pun dkt2 masa da nak tamat da..

Oke, skung kite kembali ke tutorial kite keyh !

Ni pun request dr sorg brother ni..

Die tanye cam ne nak wat shout-box yang menyorok cam Sarah ni ..

1. DASHBOARD > DESIGN > ADD GADGET > Html/JavaScript 

2. COPY and PASTE code kat bawah ni tau !!

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd8zgxMSYSK6OV0JhLNUO1In3sdjc3wP0LhAbfvKjE_NwiOsuxkU5v50VcVwod95UoEdbhXCjVnADMEo_iV0UaAPbk6fDTqCrN-6UVBcN6WYUbqAed1RPrChfIldWhrqBLuBImsrst3UWT/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">
COPY DAN PASTE CODE CHATBOX KORANG DEKAT 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>

3. COPY DAN PASTE CODE CHATBOX KORANG DEKAT SINI uh, korg kena amik URL CHATBOX korg sendirik la ye !

4. SAVE then tgk hasil die ye ..

ADDITION !!

Lau  korg nak tarok gambo korg sendirik pon boley ..

Tapi korg kena EDIT sendirik la ..

Camne nak edit ?? Pe susah, guna jep ADOBE PHOTOSHOP tak pun GIMP!

Pas uh code URL die uh camne lak ?

Korg leh tekan SINI .. then cara2 die ade kat bawah ni ..

UPLOAD IMAGES < START UPLOAD > DIRECT LINK ( email & IM )

Nanti korg PASTE CODE gambo korg uh kat HIGHLIGHT uh tau ..

So, korg boley SAVE then tengok hasil yang korg wat uh .. tu je la ! 

So, camat mencoba ye .. lau jadik uh, bagi la CREDIT !

Do you like this? Apa lagi , sila la LIKE (‾⌣‾)♉

---

Sarah suka orang yang rajin membaca nih!Nak2 lau suka bg comment.. ;)

---