Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog
Di postingan ini saya akan berbag
cara membuat buku tamu melayang di kanan blog
yang tadi
Mudahkan !!!
cara membuat buku tamu melayang di kanan blog
- Langkah Pertama pergi ke Cbox
- Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
- Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
- 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/AVvXsEh1uWl3Tq6xYaIac7V72n88DAls-cvyDuA7GL-3RQtWbT-bVMQpUubaKf5KgmDaWcWh3_HGeApO61GR8kUEp8nX0BcCy4Zg9GueN3cFKUWFy8sFKsXzZKxQozq1wD8zLjVijtq9OXo1m3Q/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://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[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></div></div>
#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/AVvXsEh1uWl3Tq6xYaIac7V72n88DAls-cvyDuA7GL-3RQtWbT-bVMQpUubaKf5KgmDaWcWh3_HGeApO61GR8kUEp8nX0BcCy4Zg9GueN3cFKUWFy8sFKsXzZKxQozq1wD8zLjVijtq9OXo1m3Q/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://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[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></div></div>
Cara menaruh html di atas
- Masuk akun blogger siapa ajah boleh
- Ke tata letak
- Add gadget atau Tambah gadget
- Edit html/javascript
- Masukan html di atas
- Selesai
yang tadi
Mudahkan !!!
/ klik 
kunjungi juga ya,
www.imoetbrother.blogspot.com
oke?:D
kunjungi blogku yaa www.dapursehatdewy.blogspot.com
masih belum bagus blogku maklum masih pemula,
apa emang bawaan template ny yc ...
truz gimana tc mo ngubahnya klo gx bisa dg cara di atas
thanks ya...
http://fa-husnaa.blogspot.com/