Friday, January 25, 2013

Cara Membuat Buku Tamu Melayang


Bagi kalian yang ingin membuat buku tamu melayang pada blog kalian berikut saya akan jelaskan langkah-langkah menbuatnya. oksekarang kita langsung saja ke TKP !
  1. Langkah Pertama  pergi ke Cbox
  2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
  3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
  4. Setelah sudah masuk edit sendiri Cbox anda sendiri 
dan Langkah berikutnya Copy-Paste HTML dibawah 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/AVvXsEhsGCT8yrUWWhN6F4tcuGlheRquqDvVq_PeddCm6or3ZGIsIunFqXMDCP6tSIEi66p6i4EGSb1O97NNZ8Fr7i_Ezgk1q2MBb0Xg0XK395VIJt1Fe0HPwncafGm0422GbZobriNWj9SyZOk/s1600/bukutamu.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">


Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini


<div style="text-align:right">
<a href="http://ilmucomgratis.blogspot.com">[get this widget]</a>><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>

Kemudian adapun cara menaruh html di atas
  1. Masuk akun blogger agan
  2. Ke tata letak
  3. Add gadget atau Tambah gadget
  4. Edit html/javascript
  5. Masukan html di atas
  6. Ganti tulisan yang warna biru dengan code html buku tamu kamu
  7. Lalu klik save
Sekian langkah-langkah cara memasang buku tamu pada blog yang dapat saya ajarkan. 

No comments:

Post a Comment

1. Dilarang mengguanakan kata yg mengandung SARA dan PORNO.
2. Dilarang meninggalkan link MENTAH ataupun link MATI.