Guest Book / Shoutbox Melayang di Pojok

Penasaran bagaimana cara membuat Guest Book / Shoutbox Melayang di Pojok? Mudah saja, ketik "cara membuat buku tamu melayang"di google atau yahoo pasti banyak sekali pilihan. Ternyata Guest Book / Shoutbox Melayang di Pojok sedang trend di Blog, juga bisa menghemat tempat serta bisa mengurangi berat load Blog. Tapi dampak negatifnya ada sobatku yang mau komentar gak melihat Guest Book / Shoutbox Melayang di Pojok. Sedih rasanya...(biar gak sedih kasih koment dong?)...
ini kodenya :
<style type="text/css">
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
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">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
GANTI KODE SHOUTBOX BLOG SOBAT
<!-- End ShoutMix -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

untuk kode shoutbox ganti dengan alamat shoutbox shobat, untuk tampilan (WARNA MERAH ) BACKGROUND guest book / buku tamu cari di google dan upload, ganti kode png diatas.
Caranya coppy dan pastekan kode diatas pada blog kita...
Seperti biasa 1. Log in 2. pilih tata letak 3. Klik Elemen Halaman 4. Taruh dimana saja pilih HTML/javaScript 5. Pastekan kode di atas 6. Save
Selamat Mencoba...

Anda Sudah Baca Yang Ini? :

daftar isi blog

• Bertakwalah kepada Allah (QS. Al Hasyr : 18)
• Kendalikan hawa nafsu marah
• Berprasangka baik dapat pahala
• Sesama Manusia Budayakan Saling Menasehati
• Mengingat kebaikan dan memberi pujian bagi orang yang telah meninggal dunia
• Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
• Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
• Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
• Cara mudah membuat Blog. (Bagi Blogger Pemula)
• Free Download Mp3 Bob Marley (Gratis)
• Blog yang Menghasilkan Uang Milyaran Per Tahun
• Daftar Lengkap Submit ke directory dan Submit ke social bookmark
• Cara Membuat Iklan Melayang di Blog
• Google Adsense Problem Pin
• Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
• Cara Membuat Daftar Isi Blog 2
• Cara Membuat Daftar Isi Blog 1
• Hasil Pertandingan Google Page Rank dengan Blogku
• Award From Dhana Arsega / 戴安娜 With Love Best Wishes
• Cantiknya Seri Bahasa Community Blogger Award
• Cara Setiap Posting Blog Tampil di Facebook
• Mulai Bulan Maret 2010 Perfect Money for Business Tidak Bayar kecuali PR 5
• Menu Horizontal Css dengan Drop Down yang Cantik Menarik
• Alexa Semakin Gendut
• Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT

tutorial tip dan trik

• Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
• Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
• Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
• Cara mudah membuat Blog. (Bagi Blogger Pemula)
• Daftar Lengkap Submit ke directory dan Submit ke social bookmark
• Cara Membuat Iklan Melayang di Blog
• Google Adsense Problem Pin
• Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
• Cara Membuat Daftar Isi Blog 2
• Cara Membuat Daftar Isi Blog 1
• Hasil Pertandingan Google Page Rank dengan Blogku
• Award From Dhana Arsega / 戴安娜 With Love Best Wishes
• Cara Setiap Posting Blog Tampil di Facebook
• Menu Horizontal Css dengan Drop Down yang Cantik Menarik
• Alexa Semakin Gendut
• Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT
• Ikutan yuk di Review NegeriAds.Com
• Cara Mengembalikan "Title / Judul" Blog yang Hilang
• Younger Tip with Tomatoes
• Cara Membuat Navbar Blog Auto Show and Hide 3
• Cara Untuk menampilkan navbar blogger 2
• Menampilkan Navbar yang hilang pada Blog
• Navbar Styles Transparans baru
• Khasiat Buah Pare Pencegah Kanker Payudara, Diabetes dan Infeksi
• Cara memasang kode Sign in pada Blogger di Blog

tutorial blog

• Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
• Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
• Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
• Blog yang Menghasilkan Uang Milyaran Per Tahun
• Daftar Lengkap Submit ke directory dan Submit ke social bookmark
• Cara Membuat Iklan Melayang di Blog
• Google Adsense Problem Pin
• Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
• Cara Membuat Daftar Isi Blog 2
• Cara Membuat Daftar Isi Blog 1
• Hasil Pertandingan Google Page Rank dengan Blogku
• Award From Dhana Arsega / 戴安娜 With Love Best Wishes
• Cara Setiap Posting Blog Tampil di Facebook
• Mulai Bulan Maret 2010 Perfect Money for Business Tidak Bayar kecuali PR 5
• Alexa Semakin Gendut
• Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT
• Ikutan yuk di Review NegeriAds.Com
• Cara Mengembalikan "Title / Judul" Blog yang Hilang
• Younger Tip with Tomatoes
• Cara Membuat Navbar Blog Auto Show and Hide 3
• Cara Untuk menampilkan navbar blogger 2
• Menampilkan Navbar yang hilang pada Blog
• Navbar Styles Transparans baru
• Cara memasang kode Sign in pada Blogger di Blog
• Cara Google Translate Widget Tambahkan ke blogger