Membuat Buku Tamu Melayang

Salam Sobat.....
Buku tamu merupakan salah satu hal yang penting juga di dunia blog karena dengan adanya buku tamu pengunjung blog kita dapat menyampaikan keluh kesah, kritik dan saran dan lainnya tentang blog kita jadi antara pengunjung dan pengelola blog ada interaksi. Akan tetapi kalo buku tamu kita letakkan di sembarang tempat kadang juga mengganggu pemandangan nah kalo di letakkan di pinggir sisi kanan atau kiri kayaknya itu lebih memperindah ya..... hehe.. ini menurut saya lo ya....
Cara Membuat Buku Tamu Melayang Diblog, okey yang berminat silahkan baca sampai selesai dan praktekkan di blog sobat masing-masing... contohya seperti di samping kanan blog GratisFullTain tuh... jangan lupa komentar ya.. makasih sebelumya....


Baiklah mari kita mulai Membuat Buku Tamu Melayang, silahkan sahabat lakukan langkah langkah dibawah ini :

1. Login ke Blogger

2. Pilih Tata Letak

3. Lalu tambahkan Gadget baru atau Widget Baru "Add Gadget"

4. Setelah itu pilih HTML/Javascript

5. Copy kode dibawah ini dan letakan kedalam Widget yang telah sahabat buat.


 <style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:142px;
width:60px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-837ffjhgQdg/UI7EXlf6LlI/AAAAAAAAAwc/fsZPy6w2jaQ/s1600/chat+customer+service.png ') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ff8000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 60-w) : moveGB(50-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">


MASUKAN KODE BUKU TAMU SAHABAT DISINI

<div style="text-align:right">
<a href="
http://bit.ly/Ktz2ZT">BelajarMendesainBlog</a>><a href="javascript:showHideGB()">(BUKA)</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


Keterangan :
Silahkan sahabat ganti MASUKAN KODE BUKU TAMU SAHABAT DISINI dengan kode Buku Tamu milik sahabat.


6. Pratinjau


7. Kalo sudah Mantab Simpan Template dan lihatlah hasilnya.


Nah itulah sobat cara Membuat Buku Tamu Melayang, semoga manfaat.... Makasih....

Sumber : http://www.sundaboy.com/2012/05/cara-membuat-buku-tamu.html



:))   ;))  ;;)   :D  ;)   :p  :((  :)  :(   :X  =((  :-o  :-/  :-* 
:|  8-}   :)]  ~x(  :-t  b-(  :-L  x(    =))




Ingin Belajar Bisnis Online..... "Disini Tempatnya"
 
Rahasia Master SEO

Artikel Terkait




Share this post :

+ komentar + 4 komentar

29 Desember 2012 16.43

Bagus mas, bisa di coba untuk blog saya satunya, kalo blog yang ini saya tidak ingin dibuat repot

29 Desember 2012 17.42

Silahkan aja deh mas dealer......
moga manfa'at.. salam sukses...... and tas makasih kunjungannya........

2 Februari 2013 17.52

ok bos makasih infonya.saya coba

27 September 2014 17.53

Terima kasih info ttg cara membuat buku tamu, mau saya coba pasang di Online Shop saya.

Poskan Komentar

Kalo Postingan ini ada manfa'at atau menghibur
silahkan komentar, dengan syarat tidak SPAM !!. terima kasih....

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!
Product Image


 
Support : PasarOnlineBanyuwangi.com | UndanganQ | Mas Template
Copyright © 2011. GratisFullTain | Download Software & Ebook - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger