Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)
Buku tamu tersembunyi juga baru Bli Tyan pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.
Ok ga perlu panjang lebar, langsung saja ke topik utama kita.
Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger
Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang kawan-kawan suka.Kemudian ambil script yang sudah di sediakan (kopi kodenya).
Sekarang mari kita ke blogger. Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget.
Pilih html/javascript dan silakan paste kode di bawah ini
Bagi kawan-kawan yang paham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai :)
<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/AVvXsEjx_HFj3cOJxYCPOTRw43amhAowJNqy0xPNYYMjYCzo1ULm4O_DEO6qclBy41Nxo2GWCtvL2rkL6a3EU7381UamgCKl8BZQ7eXimBwuqzFZYCNUGAuLpA6Jgq4BXqFUUWkLqfKifZPCD34/s1600/bukutamu.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">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Mudah-mudahan bisa bermanfaat, dan mohon maaf jika ada yang kurang atau ada yang salah. Bagi teman-teman yang merasa ada yang salah atau ada yang kurang silahkan betulkan atau tambahkan melalui kolom komentar di bawah ini :) Sampai jumpa di posting Blog Tutorial Bli Tyan berikutnya :) Selamat mencoba dan semoga berhasil.
Please subscribe, leave a comment, follow this blog and share this article with your friends and colleagues.
by: http://blityan.blogspot.com
Related Post :
blogger script
- Menampilkan Tanggal Terbit Posting Pada Hari Yang Sama
- Membuat Efek Tulisan Dengan CSS Text Shadow
- Bikin Spoiler Di Blogger (Spoiler Script)
- User Online Widget Untuk Blog/Situs
- Widget Featured Slider Otomatis Untuk Blogger
- Membuat Recent Post by Label Thumbnail Saja
- Cara Membuat Tulisan Mengikuti Cursor
- Bikin Recent Post by Label With Thumbnail Script
- Cara Mudah Mengganti Favicon Blogger
- Statistik Kunjungan + User Online Status
kode html
- Cara Mudah Mengganti Favicon Blogger
- Cara Bikin Tulisan Kelap Kelip
- Cara Membuat Navigasi Halaman Di Blogger
- Cara Mengganti Icon/Logo Blog Di Address Bar
- Merubah Background Dengan Gambar / Warna
- Dafrtar Kode Warna HTML Untuk Blogger
- Pasang Google Translator di Blogger
- Cara Membuat Breadcrumb Di Blogger
- Cara Bikin Tulisan Berjalan Di Address Bar
0 comments:
Post a Comment