caranya sangat mudah sob :)
leat tampilan sebelah kanan blog saya
ada kab buku tamunya :D hhahaahaa
caranya anda buat dulu bukunya
di sini gan http://www.cbox.ws/
setelah itu akan muncul tampilan
leat tampilan sebelah kanan blog saya
ada kab buku tamunya :D hhahaahaa
di sini gan http://www.cbox.ws/
setelah itu akan muncul tampilan
pilih aja get your own free cbox now
isi biodata sampai lengkap truz create your chek bock
Jika sudah selesai semua, klik tombol Apply
Login ke blogger.com dan klik Rancangan/Design
Klik Tambah gadget
Pilih HTML/Java Script
Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia.
Sekarang buka Blog kamu...
Mudah kan????
langkah berikutnya kopi pastekan kode html di bawah ini
<style type="text/css">
#gb{
position:fixed;
top:10px;
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/AVvXsEiw4jfKoWKRx0WIax5swJCFbvlHSi9xqNj_EMnv7v4cO8TUo3vf67z-8wtpYIDUsCgRSJ25EnHx7Nr_Wxi_HAEfd8wcmtO2gD5CAWKok_JhtS3e_mcolzcCva1DkR6Un-IN1LjrB4L8eP1i/s128/345o85i.gif ') 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">
SILAHKAN MASUKAN KODE CBOX ANDA DISINI !!!!!!!!!!!!!!!!!!!!
<div style="text-align: right; font-size: 10px;">
Widget by
<a href="http://vautsanxplanvrends.blogspot.tw/2013/06/memasang-buku-tamu-blog-melayang-di.html">
simple blog
</a>
</div>
<div style="text-align:right">
<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 memasukan nya ke
>blogger.com
>tataletak
>editgedged
>tambah html java skrip
>simpan slesai deh :)
semoga bisa lo ga bisa kasih saran ke saya azaa insya aaloh saya tanggapi :)
0 Comments
