6/recent/ticker-posts

Cara Mudah Membuat Buku Tamu Melayang Diblog

Membuat Guest book
Sedikit Berbagi kali ini akan share Cara Membuat Buku Tamu Melayang dikanan blog.

Pertama sobat harus mendaftar di Cbox isi formulirnya. setelah berhasil mendaftar lalu sobat login.
Kemudian edit sesuka hati sobat dan copy script Cbox tersebut dan pastekan dikotak dibawah ini tepat menggantikan "Pastekan script Cbox disini"


<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/AVvXsEhQG8zXXFFkkSyNz1REb83Q844Q7XY-EB25QjLEQxZiVGPcKUPIemkfwUPLELSXZXV487kMSwe2maDwvuL-dZDOOvhtCQBflRsrI6PmG8ecPxkUwfWFsj8x0oNfTEsRSb0_brVln6A7sSQ/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">
Pastekan script Cbox disini

<div style="text-align:right">
<a href="http://xblankjacke.blogspot.com/2012/12/cara-mudah-membuat-buku-tamu-melayang_18.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>

Setelah script tadi sudah dipatekan, Sekarang cara memasang diblog sobat :
=> Masuk Layout
=> Klik Tambah Gadget
=> pilih HTML/Javascript
=>  Copy dan pastekan code yang berada dikotak diatas yang sudah dimasukan script Cbox tadi.
=> Klik Simpan

Selesai, Semoga Bermanfaat! 

Post a Comment

0 Comments