Membuat Gadget Buku Tamu Animasi
Home »
Tips Blogger
» Membuat Gadget Buku Tamu Animasi
AksFullShare-Teman-teman blogger, kali ini saya ingin berbagi tips blogger yaitu tentang Bagaimana cara membuat buku tamu,. saya yakin tips ini sudah banyak yang tahu.. ya tapi sekedar ingin berbagi ilmu, apa salahnya kan?..Buku tamu yang saya share contohnya bisa di lihat di blog ini... dan saya berharap tips ini buat para blogger yang masih baru, dan tidak menutup kemungkinan bagi blogger lama yang ingin mencoba buku tamu seperti ini..Langsung aja Lihat cara Pemasangannya hehehe :
1. Masuk/Login Ke Blogger
2. Pilih/Klik Rancangan
3. Pilih/Klik Tambah Gadget
4. Pilih/Klik HTML/JavaScript
5. Copy dan Paste Kode Berikut Ke HTML/JavaScript :<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://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#000000;
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">
<!-- End ShoutMix By-http://aksfullshare.blogspot.com/-->
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#000000;
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">
<!-- End ShoutMix By-http://aksfullshare.blogspot.com/-->
MASUKKAN BUKU TAMU ANDA DI SINI
<!-- End ShoutMix By-http://aksfullshare.blogspot.com/-->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[ Tutup ]
</a>
</div></div></div>
5. Ganti MASUKKAN BUKU TAMU ANDA DI SINI dengan Kode Buku Tamu Anda
6. Pilih Simpan/Save
6. Pilih Simpan/Save
7. Silahkan Lihat Hasilnya
8. Berhasil bukan??
Keterangan :
http://i37.tinypic.com/345o85i.gif
Ganti dengan URL Ikon TAB Buku tamu anda sendiri
Semoga Bermanfaat Buat Asf Lovers Semua... Dan jika ada pertanyaan silahkan di tanya gan...
thx sob atas infonya,,,,
ReplyDeletemampir ya ke rumah sy di Panduan Blogspot
@Zh!nTho Thanks buat Andrey dan zhintho.. atas kunjungannya... saya tunggu kunjungan anda berikutnya .... ok..
ReplyDeleteBagus bgt ya.. senang bisa berkunjung ke situs anda..
ReplyDeleteMakasih uda bagi ilmunya gan.. Tetap semangat berkarya gan.. :)
ReplyDeleteSenang sekali bisa singgah ke situs ini. Bisa langsung di coba sob.. :)
ReplyDeleteTentunya tips membuat buku tamunya sangat bermanfaat buat para newbie mas.. jangan pernah bosen bagi2 ilmu barunya ya mas..
ReplyDeletewow keren banget brow, tingkatkan kreativitasnya ya?
ReplyDeletekunjung balik ya?
http://www.binauralbeats.co.id/
@hilda ok, thanks ya... hehe udah di kunjungi balik gan...
ReplyDeleteHello, its pleasant paragraph on the topic of media print, we all be
ReplyDeleteaware of media is a great source of data.
Look at my website Cheap Jerseys
If you want to increase your experience simply keep visiting this web site and be updated with the hottest news
ReplyDeleteupdate posted here.
my web site; Louis Vuitton Outlet
Exceptional post however I was wondering if you could write a
ReplyDeletelitte more on this subject? I'd be very thankful if you could elaborate a little bit further. Appreciate it!
my blog; article source
We stumbled over here from a different web address and thought I might check things out.
ReplyDeleteI like what I see so now i am following you.
Look forward to going over your web page yet again.
Look at my webpage - Tory Burch Shoes
magnificent post, very informative. I ponder why the opposite experts of this sector do not realize
ReplyDeletethis. You should continue your writing. I am confident, you have a huge readers' base already!
My weblog :: Louis Vuitton Pas Cher
Excellent blog you have got here.. It's hard to find high-quality writing like yours these days. I seriously appreciate people like you! Take care!!
ReplyDeleteFeel free to surf to my homepage :: Chaussure De Foot Pas Cher :: smu-fr.org ::
Hello, i read your blog occasionally and i own a similar one and i was just curious if you get a lot of spam feedback?
ReplyDeleteIf so how do you reduce it, any plugin or anything you can recommend?
I get so much lately it's driving me insane so any assistance is very much appreciated.
my weblog; Wholesael NFL Jerseys