Selasa, 31 Agustus 2010

Bikin Buku Tamu melayang Di Blog

Ok Blogger2 ,Sodara2 Qu we cma Mau berbagi Sedikit Apa yg we tau yaitu Bikin Buku / Guest Book Melayang...di blog agan2 sekalian ...
Langsung aja dehh.... 


 1. Login Ke BloG -
-Buka Tata Letak
-Elemen Halaman
-Klik Tmbah Gadget >HTML/JAVASCRIPT..

2. Bkin Nama dlu gadget"y Trus Copy Paste Code dibah ini Di gadget Baru tadi :



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

.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#FAFD03;
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">

PASTE KODE BUKU TAMU DISINI YAA...
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></center></div></center></div></div></div>



Ketrangnya :
- Teks Warna Kuning = Gnati dengan code script Buku Tamu agan sekalian Misalnya " shoutmix "
- border = Memberi warna pada border konten...aturlah/ubahlah warnanya jika mau.. misalnya FAFFFF
- background = Memberi warna pada isi konten.. disini saya menggunakan warna kuning

- Selesai ? Simpan.. Liat hasilnya dengan refresh Blog Kamu ..Sebaiknya di simpan di posisi paling bawah agar tidak menggangu Layar Halaman Blog Kamu...
Catatan :
> Width (Lebar) di kode scripts buku tamunya diatur "190" yaa.. ( width = 190 ) ..agar tampilan tab buku tamunya pas... kecuali kalau kamu ingin tampilan buku tamunya agak kelihatan sedikit... ya bisa diatur > 190 lebarnya..
> Biasanya jika sudah ada widget melayang lainnya diblog kamu kemungkinan bisa menyebabkan error..

Sumber Mbah Google dan Bos ecak

1 komentar:

follow me on FB

Welc0me Di em0 Bl0g

Met Dateng Di Blog Sederhana we, Blog yg Mencakup Berbgai Hal yg Menurut we Berguna, Makasih udah Mau Mampir Di BLog we, Kalo merasa Berguna Bisa Tinggalin Comment dan Kalo yg Mau BackLink ya, Makasih.

Sekilas tentang em0

Kenalin Temen2 Nama we Hadi, we Tinggal Di Bogor, we Mahasiswa Dari Dua Universitas IPB dan UIK, Makasih Udah Mau Mampir

em0