Cara Membuat Buku Tamu Melanyang

Hmmm,,,, eAnk pada pUsinK nich miKirin bLog’s... aQw pOex saTu tiPz nich agAr tampilan  bLog’s kAliant biSa meNarik.... yaiTu cAra meNAmbaHkan BUKU TAMU MELAYANG...

gAmpang.... aSal qtHa mw mEncoba,,,,

hmm,,,,^_^

1.     bAca Bismillah dulu ea....

2.    tArik nafas dalam2 lalu kLuarkann ...hehehe

3.    buKa dulU di www.blogger.com

4.    kMudian msukan alamat email dan password anda...

5.    masUk pada Rancangan ( bagi tampilan blog lama) dan Tata Letak ( bagi tampilan blog baru )

6.    cAri Tambah Gedget lalu piLih HTML/javascRipt

7.    jUdul gaG perLu diisi lach...

8.    cOpy cOde di bAwah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3gSFWil79T9fQRjL7q3XjWdx3bl8pKs0x-I3hgSQ0LFh8LmD37ZcUecotthfD6HsEBKU-p53IAeks-dPrM8M5rMg4sAwR_ZnQZ7sevcY_3xPZe45rOMbELkLa-r-6qozFK-2kigiFfMcV/') 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">

<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="350" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=main" id="cboxmain" style="border: 1px solid rgb(218, 218, 218);" scrolling="auto" width="95%" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="95" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=form" id="cboxform" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(218, 218, 218) rgb(218, 218, 218); border-width: 0px 1px 1px;" scrolling="no" width="95%" allowtransparency="yes" name="cboxform"></iframe></div>
<!-- END BBOX --></center>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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

9.    piLih sAve....

hmmm,,,, coba dech liat hasilnya....

NB : untUk gAnti wArna cAri ajj kata “ cbox “ pada pojok buku tamu sign in terlebih dahulu .....tyuz ubah code yang berwarna merah dgn code cbox qmue... 

SELAMAT MENCOBA..... ^_^

Posted in: Cara Membuat Buku Tamu Melayang