Cara Membuat Buku Tamu Di Samping Blog

halo sobat apa kabar , hehehee,... kali ini saya akan ber henti untuk ngeshare game sementara waktu karena ada yang request cara membuat Buku tamu seperti Punya saya ini ,jadi saya putuskan Untuk Memosting Cara Membuat Buku Tamu Di Samping Blog.
lagi pula posting game juga perlu upload filenya ,iya kan sob hehee.....
oke kalo kalian pengen liat contohnya , tuh liat di pojok kanan atas yang ada tulisannya BUKU TAMU warnannya merah, sudah cukup jelaskan contohnya ?? klik aja kalo belum jelas nanti juga jelas kok hehehee...

oke kita langsung mulai saja langkah2nya tanpa basa basi lagi :

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Copy dan paste Kode di bawah ini ke dalamnya

<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://4.bp.blogspot.com/-bj4eeCVV6hM/Tk9GSbUTreI/AAAAAAAAAKA/ZCtLxHeV5uY/s1600/Bukutamu6.gif') 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">

MASUKAN KODE BUKU TAMU DISINI

<a href="javascript:showHideGB()">
</a></div>
<div style="text-align:right; font-size:xx-small;">Cara Buat Buku Tamu <a href="http://dewaandfamily.blogspot.com/2012/02/cara-membuat-buku-tamu-di-samping-blog.html" target="blank">disini</a><br/><br/> widget by <a href="http://dewaandfamily.blogspot.com" target="blank"> Klinik-it</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6.Hapus tulisan MASUKAN KODE BUKU TAMU DISINI yang berwarna Merah dan ganti dengan kode buku tamu atau shoutmix blog kamu.

7.Klik SIMPAN.

8.Selesai...

Catatan : Jika Belum Punya Kodenya Daftar Disini Atau Disini

Saya Kasih Bonus Special Tuh Bro , Buku Tamunya Kelap-kelip kayak Link Saya Bro,Coba Aja Kalo Ngak Percaya ,Narik Perhatian Orang Tuh .heheheee kalo Puas Follow ya bro Blog saya .

Keep Bloging   (^_^)

Download Game| Software |Anti Virus Full Version
 

JS | Just-Sharing Copyright © 2011-2012 | Powered by Blogger | Desain by NN | Edit by BD