Selamat Malam sobat,,
Sebelum saya berbagi tentang Cara Membuat Buku Tamu di Blog,silahkan sobat persiapkan dulu kopi sama sebungkus rokok biar tidak pusing ngeblognya. . .hehehe :p
Sobat blogger pasti sudah tahu apa itu Buku Tamu,jadi saya tidak menjelaskan panjang lebar,,selain buat mempercantik tampilan Blog. Buku Tamu ini juga buat silahturahmi sama teman-teman blogger.Kalau di Facebook namanya Obrolan atau Chatting.Diblogger Buku Tamu atau Guestbook namanya.
O.K langsung saja ke TKP (Opera Van Java),,simak baik-baik supaya sobat blogger waktu mencobanya tidak terjadi Erorr.
1.Sobat harus Login/Daftar ke alamat ini :Cbox Jika sudah punya langsung Login saja.
2.Setelah itu Sobat Klik Menu Look & Feel-->>Sub menu Style Present.disitu sobat pilih Tampilanya yang sobat suka (sesuaikan Template Blog sobat) klik Tombol Confrm lalu save
3.Setelah itu sobat masuk ke Menu Publish lalu Klik Copy to Clipboard (kode widget)
4.Lanjut masuk ke Blogger-->>Tata Letak-->>Tambah Widget-->>HTML/Javascript
Copy Paste Kode di bawah 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://s1089.photobucket.com/user/illankjie/media/gustbook02-1.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">
LETAKKAN KODE CBOX SOBAT 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>
NB :
*Ganti tulisan warna BIRU dengan KOde CBOX sobat.
*Ganti tulisan warna MERAH dengan Gambar URL sobat
Demikian Saya Berbagi dengan sobat tentang Cara Membuat Buku Tamu di Blog,,silahkan sobat Modif lagi kalau kurang puas dengan cara di atas.Sebelum sobat Mencobanya silahkan tinggalkan Komentar atu LIKE FP ini buat kemajuan dan perkembangan Blog ini.
Silahkan di baca Artikel dibawah ini :
1. Cara Memasang Musik di Blog
2. Kode Chat Berwarna di FACEBOOK
3. Downloag Lagu Terbaru/MP3
No comments:
Post a Comment