Tutorial Rolling Shoutbox (buku tamu tersembunyi)

alow alow.... kemarin mbak nindya sempat kesasar ke blog dan bingung mencari shoutbox atawa buku tamu sayah... sebenarnya kotak shoutbox sayah masih ada cuma saya sembunyiin ajah biar menghemat tempat... soalnyah kan tema templatesnya simple jadi biar gak kepenuhan dengan widget makanya shoutboxnya sengaja saya sembunyikan.. hihihihihi....

bagi yang belon tau juga tempatnya... buku tamu saya berada di pojok kanan atas blog ini.... *maaf gak bisa kasi peta* hihihihih.... silahkan di ceklik tulisan isi buku tamu disini, maka kotak shoutbox saya akan keluar dengan sendirinya.... hihihihihih bagus kaaan.....??? pada ngiri yaaah...??? hihihihih kalo kawand kawand juga pengen masang kotak komentar seperti itu...??? kali ini saya akan membocorkan sedikit rahasianya kepada kawand kawand..

caranya sangat mudah kok... kawand kawand tinggal buka dashboard, trus ke tata letak, trus abis itu pilih elemen halaman. setelah nyampe ke tkp silahkan kawand kawand menambahkan widget HTML/ javascript di manapun (katanya sih lebih baik di sidebar kiri) tapi menurut pengalaman saya dipasang dimana aja juga bisa kok... setelah terbuka kotak isian untuk HTML/javascriptnya silahkan kawand kawand isi dengan script berikut ini

<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://i142.photobucket.com/albums/r81/gusdiwanto/tab.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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">
(ganti dengan kode shoutbox anda)
<font size="2">

</font></div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

sebelum di save sebaiknya kawand kawand ganti dulu tulisan
"(ganti dengan kode shoutmix anda)" dengan kode shoutmix anda....

oke.... semoga sedikit tutorial ini bisa membantu kawand kawand semuah... ooh iyah... buat mbak nindya uda tau kan letak shoutboxnya dimana... ooo iya... blog mbak nindya ini bagus lhoooo ada foto keren header blognya hihihihihih.... *bayar mbak udah dipromosiin...*

Artikel Terkait: