Cara Membuat Buku Tamu Melayang di Sisi Kanan Blog

Cara Membuat Buku Tamu Melayang di Sisi Kanan Blog- Membuat buku tamu di blog dapat mempercantik tampilan blog kita. selain itu pengunjung juga dapat berkomentar melalui buku tamu ini. Kita dapat memasang buku tamu dengan berbagai cara. Ada yang memasang buku tamu pada sidebar, ada yang mebuat halaman tersendiri unutk buku tamu, dan ada juga yang membuat buku tamu melayang/ buka tutup di sisi kanan blog. Untuk membuat buku tamu, kita dapat mendaftar di cbox. Setelah mendaftar kita dapat mengatur tampilan buku tamu, dan mendapatkan kode buku tamu tersebut. Kemudian kita dapat memasang buku tamu di blog. Di artikel ini akan dibahas bagaimana cara membuat buku tamu melayang di blog. Untuk yang menginginkan memasang buku tamu melayang di blog dapat mengikuti langkah-langkah berikut.
Cara membuat buku tamu melayang di sisi kanan blog:
1. Daftar di cbox , dan dapatkan kode buku tamu
2. Login ke blogger
3. pilih tata letak
4. Klik tambah gadget
5. pilih HTML/JavaScript
6. Copy dan paste kode dibawah ini

<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://4.bp.blogspot.com/-GbiHP-ePDIA/UarhH3SW49I/AAAAAAAAAIM/-7ctGCdbth4/s1600/Buku+Tamu.png') 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">

>>>MASUKAN SCRIPT CBOX ANDA DISNI<<<

<div style="text-align:right">
[Pasang Widget]
|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

7. Ganti tulisan >>>MASUKAN SCRIPT CBOX ANDA DISNI<<< dengan kode buku tamu anda
8. Simpan dan lihat hasilnya

Semoga artikel ini bermanfaat, terimakasih.- Cara Membuat Buku Tamu Melayang di Sisi Kanan Blog

Anda baru saja membaca artikel yang berkategori Blogger / Pengetahuan / Tutorial dengan judul Cara Membuat Buku Tamu Melayang di Sisi Kanan Blog. Anda bisa bookmark halaman ini dengan URL http://belajarbersamabloggerklaten.blogspot.com/2013/06/cara-membuat-buku-tamu-melayang-di-sisi.html. Terima kasih!

Ditulis oleh: Unknown - Minggu, 02 Juni 2013