Pada
kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat buku tamu
tersembunyi pada blogspot.
Panduan
Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger
Pertama-tama
silakan buat akun di www.cbox.ws atau
di situs penyedia script buku tamu gratis yang teman suka.
Kemudian
ambil script yang sudah di sediakan (kopi kodenya).
Sekarang
mari kita ke blogger.
Cara Cara
Pasang Buku Tamu Tersembunyi pada Blogspot :
· Login pada Blogger
· Masuk mode Rancangan kemudian Tambah
Gadget
· Pilih HTML/Javascript
· Copy-paste kode di bawah 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/AVvXsEjcZYiAbsoaXXzSfvrZrVmt2abWuWuw9RakKgfEe6j4BWFh-6qABODUUcd9ZJan35SFHOdO-9O947FlmjM4-NGCCAl47iqDbTISxn-k6Cg2MSukv6FCu3iifLtTOVlou0IztMjob_uZB3g/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 Paste Kode Buku Tamu yang sudah di
kopi tadi Di Sini
<div style="text-align:right">
<a href="http://blogtutorials-01.blogspot.com/2012/03/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang
Ini Juga]</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>
Bagi teman-teman yang faham bahasa css atau html silahkan di
atur sendiri tampilannya sesuai selera
· Jika sudah selesai silakan di Simpan
Demikian tutorial mengenai Cara
Membuat buku tamu tersembunyi pada Blogspot.
Semoga
bermanfaat dan semoga berhasil. zekasharing.blogspot.com
Tidak ada komentar:
Posting Komentar