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>
#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!
0 Comments
Dilarang berkomentar dengan link hidup,jika ada akan ditandai sebagai spam !!
untuk yang tidak punya akun google, silahkan pilih Name/URL atau Anonymous.
Terima kasih untuk yang sudah berkenan komentar.