Script untuk buku tamu posisi samping kanan

Belajar SEO dan Blog Bagi pemula
Script untuk buku tamu posisi samping kanan

Masih di Variasi Blogger share Script untuk buku tamu posisi samping kanan cekidot

Silahkan sobat Copy Paste script  di bawah ini simpan di blog sobat
<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('http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/varisiabloggerblogspotbukutamu7.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">
MASUKKAN KODE SCRIPT BUKU TAMU SOBAT DI SINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Untuk penyimpanan kode script di atas dengan cara silahkan log in terlebih dahulu di blog sobat >> klik Rancangan >> klik ADD Gadget >> klik HTML/Javascript , kemudian paste script diatas , simpan dan lihat hasilnya semoga bermanfaat

Catatan : silahkan ganti script merah di atas dengan kode script buku tamu yang telah sobat buat

untuk kode gambar di atas sobat bisa ganti dengan kode gambar di bawah ini


http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/varisiabloggerblogspotbukutamu2.gif


http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/varisiabloggerblogspotbukutamu6.gif
Klik DEMO


Share to

4 Responses to "Script untuk buku tamu posisi samping kanan"

  1. Balasan
    1. ya sob sama - sama semoga membantu untuk cara pemasangan buku tamu posisi di sebelah kanan :)

      Hapus
  2. terimakasih bro....

    BalasHapus
    Balasan
    1. oke sob, semoga mudah dalam pemasangan buku tamu di samping kanan blog :D

      Hapus

Jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Oia sebelum menyisipkan script silahkan gunakan tools konversi terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

¯\(◕ ‿◕)/¯



convert TOS

Panduan, Bimbingan Cara Belajar Blogs dan Seo