Tips Membuat Buku Tamu Melayang Di Blog

Tips Membuat Buku Tamu Melayang Di Blog-Buku Tamu mungkun sangat penting bagi blog. Biasanya buku tamu berupa CBox atau ShouthMix. ShothMixpun ada 2 macam, yaitu Shouthmix premium dan biasa. Premium sebenarnya bagus, karena kita juga harus punya admin SM premium tsb sebelum berbicara. tapi kita harus bayar 2 dollar/tahun. Dan buku tamu itu sendiri ada yang melayang , ada juga yg di pasang di widget. Nah kali ini saya akan membahas Tips Membuat Buku Tamu Melayang.

Buku tamu melayang berada menempel di sebelah kanan layar. Nah dari pada saya benyak omeng mending kita langsung membahas Tips Membuat Buku Tamu Melayang:    




  1. Sign in ke blogger dan silahkan Login dengan Account Anda
  2. Pilih Layout/Tata Letak
  3. Pilih Page Elemen/Elemen Halaman
  4. Klik Add a Gadget/Tambah Gadget
  5. Lalu pilih "HTML/JavaScript"
  6. Kemudian copy-paste Kode berikut     
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:125px;
width:45px;
float:left;
cursor:pointer;
background:url('http://i31.tinypic.com/4tltoo.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">

KODE BUKU TAMU ANDA

<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://ojioo.blogspot.com/2010/07/tips-membuat-buku-tamu-melayang-di-blog.html">
sini </a>

<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>


 7. Klik Simpan


 Keterangan  ::::




Warna  .....     : URL gambar,,,bisa diganti dengan gambar kalian
Warna:.....     :  Kode CBOX / ShouthMix kalian

 Ukurannya bisa kalian atus sendiri   
                  
             Tulisan   height:125px
                            width:45px     
dapat diganti

                                                         
        Demikian lah Tutorial Tips Membuat Buku Tamu Melayang  


Semoga bermanfaat
Bagikan :
+
Previous
Next Post »
19 Komentar untuk "Tips Membuat Buku Tamu Melayang Di Blog"

Mantap infonya sobb,,,

Wah perlu di coba nih,,

yg mana ??Mungkin kamu salah masukkin kodenya,,

bisa kok sobat rizky,,,aku dah coba di blog demoku,,,

lbh praktis sob,ane coba....

sebenernya saya cukup terganggu dengan yg melayang-layang apalagi bikin loading berat... yg lebih bete lagi kalo iklan yg melayang...hehehehe kalo buku tamu masih wajar lah...

terima kasih atas sharenya, bermanfaat untuk mendapatkan tampiLan buku tamu yang berbeda dengan umumnya.
ijin untuk menjadi foLLower di bLog ini, saLam kenaL.

sippp, ane udh pernah terapin ini sob, tapi sekarang saya udh hapus ^_^

kunjungan di akhir pekan, seLamat istirahat dan saLam sehat seLaLu.

Di tunggu postingan baru nya yaa,,,

wis di jajal,... hasil josssss......

thank infonya GAN nie cukup lumayan bermanfaat di blog para pemula....slam knl pr member yg dah mampir di blog nie...jgn lupa jg berkunjung di blog sederhana ku y http://pria-sederhana.blogspot.com/

Ayoo Jangan Hanya Baca Aja, Jika Anda Adalah Komentator Terbaik, Anda akan mendapatkan Backlink Gratis!!
~~~~~~NO SPAM PILISSS~~~~~~

 
Template ReDesigned By ojioo Blog
Back To Top