Membuat Gadget Buku Tamu Animasi

Home » » Membuat Gadget Buku Tamu Animasi
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYaXAmDUVscvZXcaf16wcLGc8wN4Byp8j3HX58Sz_VP2o-g2cfG2zi3aafBHWTwKOfBHHk_5qKmg3ad2dWTB86jadDnK25bubp7XWsF4URCU-bCp2V1-GyoG3_QltIcsOp6cWCOnqZtbo/s1600/12.png

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


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

.
Share this article :