GuestBox Melayang (SHoutMix)

hehe mulai update nih tutor buat sobat blogger
yg baru memulai blog atau pun yang sudah kenal
tpi belum tau cara satu ini ok lanjut aja

1. Daftar dahulu.ke shout mix
2. Saat anda selesai mendaftar (atau bila pengguna lama bisa pula mendapatkan kodenya kembali dengan masuk log (log in).
3. Lalu masuk ke tab [Settings] lalu di box Appereance lakukan penyesuain seperlunya dan akhiri dengan menekan button [Save Settings] ).

4. Salin kode yang didapat,
5. Masuk Ke Blogger
6. Lalu Dessign ( Rancangan )
7. Tambah Gadget, Pilih HTML/JavaScript
8. Copy Dan Paste Kode 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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">


<div style="text-align:right">
<a href="http://www.d3d3-adi.co.cc/2010/08/guestbox-melayang-shoutmix.html">
[cara buat ini]
a>
div>
div>
div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";

9. Paste Script ShoutMix Tadi DI

ok lihat hasil nya apakah shoutmix nya sudah melayang

apabila belum jangan malu malu tanya aja dengan commented

atau tinggalkan komentar di guest box ok heheh ...

You Might Also Like :