Cara Membuat Buku Tamu Tersembunyi Di Samping Blog

Home » Blog Tutorial » Cara Membuat Buku Tamu Tersembunyi Di Samping Blog

Cara Membuat Buku Tamu Tersembunyi Di Samping Blog

Posted by Unknown Tuesday, 7 January 2014 2 comments

Salam Blogger, kali ini saya akan melanjutkan artikel saya sebelumnya mengenai Cara Membuat Buku Tamu di Blog. Saya akan menyambung artikel sebelumnya itu dengan bagaimana cara membuat Buku Tamu yang sudah kita buat agar tersembunyi di samping blog. Contohnya bisa dilihat Disini

Langsung saja simak baik-baik ya:

1. Login Blogger

2. Klik Rancangan/Design

3. Tambah Gadget / Add a Gadget

4. Pilih HTML/javascript

5. Kemudian copy sript di bawah ini dan paste pada halaman yang telah anda buka tadi

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrsUr3uAxk19S5XeSFTQrJc0Jhyc5xpfzD1BsW9QhqilCMQ_Ael5wI27fiXaYoPpaMXDW-LgBnL8HMycDHJNGv1gnsqySTgeQlXrFjjEVWjW-YntucFrJtm64gV3zasXGYE5jGjurYf7SY/') 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">
LETAKKAN KODE SHOUTBOX, FOLLOWBOX, DLL TERSERAH ANDA DISINI
<div style="text-align:right"> <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>

Kalau sript buku tamu kalian hilang dan kalian lupa cara Membuat buku tamu yang baru, kamu bisa cari tau di pastingan saya sebelumnya mengenai Cara Membuat Buku Tamu di Blog

Perhatian :

Untuk font warna biru dapat diganti posisinya sesuai keinginan anda tapi autr juga stylenya.

Lalu untuk font warna Hijau bisa anda letakkan kode apa saja, misalnya kode buku tamu

Sekian informasi kali ini melalui artikel tentang Cara Membuat Buku Tamu Tersembunyi Di Samping Blog , semoga informasi ini bermanfaat bagi kawan-kawan. Makasi juga kepada Sumber karena sudah menjadi sumber bahan artikel saya kali ini.