Owner! Posts Them Follow Dash



The Journey
The Journey;

Ahlan wa Sahlan!


Assalamualaikum, Hello and welcome to my blog
I pour my heart and thoughts here
Pardon my words

Tagboard

⊰HOVER ME!⊱
Please do not spam my cbox. Please put your blog link so I can visit you back.
[Salam Ukhuwah]
[FORM CODE. WIDTH 175 HEIGHT 86]


Skins by: IlliShuhada
Basecode : PikaChan
Best viewed in Mozilla and Google Chrome
Adalah haram untuk buka page source dan curi code di sini

Tutorial Hidden ShoutBox

Salam pagi ! blogger-emoticon.blogspot.com
Bella na jogging pagi niblogger-emoticon.blogspot.com ..tapi tade sape2 mau teman...blogger-emoticon.blogspot.com
Sedey...blogger-emoticon.blogspot.com
Pertama kali ni Bella buat tuto :r:.... huhu....
Ok...sbnarnya kwn cute Bella , Syaqiela tanya tentang shoutbox nie..
So... Here it is...
But..Sebelum buat Hidden ShoutBox ni, wajib sign in kat Shoutmix.com
Free jea



863287d81fb051ea1973530885a469faDashboard :65:Design:65:Page Element:65:Add Gadget:65:HTML/JAVASCRIPT .

d408702d44383ed4394ce8a19356b435Copy code yg didalam box tu..
* jangan lupa letak code shoutbox korang .


<style type="text/css">
<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://i777.photobucket.com/albums/yy60/bella_kimorra/panda.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background: #FFFFFF;
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">

YOUR SHOUTMIX CODE HERE

<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>

Contoh yg Bella punye:

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

.gbtab{
height:400px;
width:160px;
float:left;
cursor:pointer;
background:url('http://i777.photobucket.com/albums/yy60/bella_kimorra/shinee_cartoon-Minho-1.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px dotted #FAAFBA;
background: #FDEEF4;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0,150-w) : moveGB(170-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">
<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="bellazri" src="http://www5.shoutmix.com/?bellazri" width="160" height="400" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?bellazri">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->
<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 = (170-gb.offsetWidth).toString() + "px";
</script>


4199061f501eca26b90b5269a52bb4f5 Warna purple tu kena adjust sikit . sebab kadang2 gamba tu bley tersorok*tak tunjuk sepenuhnya gambar tu...kadang2 dia tutup pun tak habis
4b5fbfda470b94ce413638d9b844d384 Warna biru tu url gamba yang korang mau .

b24d2d4df87e15282ddae0015c37cb08Warna kuning tu untuk height & width..kalu nak edit, edit jea

a9017f2016d43e92886505be6e13ce91 Warna hijau tu kalau nak edit, edit je..

5d6aeee1616b03df739f60030db4aa9fWarna merah tu untuk code shoutbox korang . kopi pes je..kalu tak tau nak amik code tu kat mane, ini cth nye:


*code kat dlm kotak warna merah*
*dlm kotak oren tu tempat untuk edit shoutbox korang*
p/s: gambar itu dipetik di blog akak syamira

20e46b0d052dce749fb7dbfe0ba12cc3Kalau guna code shoutbox korang pas tu tade ape2 masalah seperti step no 3, tak perlu ubah code tu.

contoh2 url gambar tu, nak copy pon bole..

:128::65:

Photobucket

http://i777.photobucket.com/albums/yy60/bella_kimorra/shinee_cartoon-Minho-1.gif


Photobucket
http://i777.photobucket.com/albums/yy60/bella_kimorra/panda.gif


9599f8fc00f63e21dce2ae3667181d19Korang boleh buat sendiri gamba tu . Guna photoshop .

Thanks for reading..


Labels: , , , , ,