nurul aina.blogspot

ASSALAMUALAIKUM…

Hai..Hari nie Aina nk kongsikan dengan anda cara-cara untuk membuat auto hide chatbox untuk blogger.. caranya amatla senang…anda cmua hnya perlu mengikuti step2 yg telah aina sediakan di bwah..

Step2nya ialah seperti yg berikut.. J

• Log in ke dashboard blog anda,
• Pergi ke Layout > Page Element > Add a gadget > HTML Javascript,
• Copy n Paste semua code dibawah  dalam content kotak HTML / javascript
• Anda  tak perlu letakkan title yea,
• Anda nmpk x tulisan yg berwarna ungu tu??,
• Gantikan ayat berwarna ungu dengan seluruh kod/skrip shoutbox / chatbox korang.,
• Tekan save..(dah ciap)

Nah… sekarang anda cemua bolehlah buang chatbox yang lama anda!!!. Sekarang chatbox auto hide tu akan tertampal  dekat sebelah kanan tepi blog anda. INGAT!! Pastikan anda berhati hati semasa copy  paste dan jangan tertinggal sedikit pun untuk elak error. Gunakan CTRL F (cari perkataan), CTRL C (copy) dan CTRL V (paste) untuk mudahkan korang buat tutorial 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB7yBe89-v62aRtGvNOf4eGDAITCh3_1LxhEc2BdQFwfxS6ta6qxWLWo2CCO5syW92f-ed7TEQW0Pwb3vhvnH6MCjz0R2VfxYYuR0mncMuupCmt0g5th55Pz-D-OtzO8PMUKkG2Vh7ak3I/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">

GANTIKAN LINE NIE DGN KOD/SKRIP WAWWI/CHATBOX anda

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

klu anda cmua nk tgk cmna hasilnya.. anda cmua bloh tgk di sebelah blog Aina..ad tertempek d,situ

ap2 pown SELAMAT MEMCUBA!!!

klu x berhasil sila tggalkn komen anda yea.. :)