Gadget buku tamu melayang yaitu buku tamu yang melayang diatas halaman blog kita, ada tab dengan tulisan buku tamu kalau mau ditampilkan tinggal klik tabnya maka buku tamunya akan muncul.
Caranya sebagai berikut :
1. Login ke blogger > tata letak > elemen laman > tambah gadget > html/javascripts.
2. Copas kode dibawah ini ke dalam gadget html/javascripts tadi.
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#FAFD03;
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">
Paste kodenya disini
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></center></div></center></div></div></div>
Ket.#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#FAFD03;
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">
Paste kodenya disini
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></center></div></center></div></div></div>
Merah, gantilah dengan kode gadget buku tamu yang akan kamu tampilkan, misalnya kode gadget Shoutmix.
border, warna pada border konten
background, warna pada isi konten.
background, warna pada isi konten.
4. Simpan dan lihat hasilnya.
Selamat Mencoba.
Pertamax
ReplyDeletePebisnis > menuju TKP gan... alias kt4 mu :D
ReplyDeleteTrik yang baguss mas.. btw, lama dah ga mampir yoww... hehhe. keep blogging!
ReplyDeletemantaf ni mas... blog saya blm ada :( ...
ReplyDeletewah nice nih sob,..
ReplyDeletethanks y dah d share.
ntr deh ane praktekin.. :D
tutotialnya sip, pengen ikut nyoba juga
ReplyDeletethanks udah di share
akhatam > repost ini tapinya gan.. =))
ReplyDeletezakas > kalo begitu silahkan dicoba gan.. :D
odonk's > silahkan dipraktekkan sob.. ;)
mixedfresh > coba aja agan.. :D
Thanks gan tutornya
ReplyDeleteKunjungan pagi yang cerah
ReplyDeletetomo > repost itu gan.. udah dari dulu wa sharing ilmu.. ;)
ReplyDeleteuswah > ntar wa kunjungan jg kt4mu n komeng.. tunggu yaa gan.. :)
nice tips mas...
ReplyDeleteada contohnya gak??
Komputer Tips > kan ada contohnya di postingan.. oke gw kasih lagi Contohnya liat disini > websiteecak2.blogspot.com =))
ReplyDeletenice hehe oya salam kenal yaaa :) linknya aku sudah pajang di FOUR DREAMS + follow. lakukan sebaliknya yaaa sob :)
ReplyDeletefour dreams > udah wa follow gan.. and linknya sudah gw pasang di Blogroll di abjad " E ".. :)]
ReplyDeletesaya kira buku tamunya meLayang-Layang beneran, suLit dong untuk ngisinya. hehehehe... piss ach (canda-red).
ReplyDeleteterima kasih atas informasinya, saLam persahabatan dikunjungan perdana.
om_rame > gyahahaha :D ..bisa aj lo gan.. salam blogger gan.. ;)
ReplyDeletekunjung kembaLi untuk mengucapkan, terima kasih atas foLLow baLiknya.
ReplyDeletemantab bang Andi, kalau saya masih pakai yang bisa ngumpet tuh ...
ReplyDeleteom_rame > sama2 gan.. thx jg.. :D
ReplyDeleteWarna Tulisan > itu sama aja johnson kyk buku tamumu..masih ngumpet jg :))
mapir lagi bro :D
ReplyDeletewah keren nih, mantaf gan tutornya, kayaknya blog nih bisa dapat tutor award deh
ReplyDeletebacanya sambiL meLayang-Layang nih.
ReplyDelete----------------
sepi nih dunia bLogging, Lagi pada nonton word-cup kaLi yah.
mohon maaf agak teLat ngabsen.
sip kang :)
ReplyDeleteKampreto > ntar wa mampir kt4 u n komeng jg.. tunggu gan.. ;)
ReplyDeleteNever Give Up Dude | Leader Street > wew.. bakal dpt award yaa.. :D hehe
om_rame > wkwkwk.. awas gan ntar nabrak widgetku kalo kamu BW-nya melayang2... XD
secangkir teh dan sekerat roti > Mantaaab yaa ;)
kunjungan pagi, menunggu tutoriaL terbarunya.
ReplyDeleteseLamat beraktifitas di awaL pekan ini, semoga bertambah sukses. saLam persahabatan.
Boleh juga tuh biar lebih atraktif dan lebih hidup..
ReplyDeleteHehehehehehehehe......
om_rame > salam pershabatan gan ;)
ReplyDeleteToPu > betul gan.. :D
This comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteSalam kenal bos... ;))
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeletecontoh nya udah dax ada gan
ReplyDelete@Hamz:
ReplyDeletesalam kenal jg Hamz.. :)
tengkiyu u tutorialnya..., mau coba juga nih. lam kenal u semua
ReplyDeletethanks coy..
ReplyDelete@Story in Indonesian songs:
ReplyDeleteya..slm kenal jg sob.. :)
@Nadira Rosanti:
ReplyDeleteyups..sama2 nadira ;)
tq bro
ReplyDelete@konperse:
ReplyDeleteyups.. ;)
wah bagus nihh sobbb,,,baclink yaaa,,,,
ReplyDelete=))
ReplyDelete