Cara membuat buku tamu "menggantung" di Blog
Panduan Blogger untuk blogger pemula.
Panduan
blogger yang akan
menjelaskan/menginformasikan tentang Cara membuat buku tamu "menggantung" di Blog.Buku tamu/Shoutmix/Shoutbox merupakan salah satu aksesoris
blog yang aku anggap sebagai salah satu aksesoris yang wajib ada di
blog/website.Bentuk dari buku tamu mungkin berbeda-beda,namun mempunyai fungsi
yang sama.Fungsinya adalah untuk memudahkan pengunjung untuk mengisi buku tamu
tersebut,kalau dia pernah singgah di blog kamu.
Contoh :
Dalam panduan blogger kali ini,aku
akan membantu kamu untuk membuat buku tamu/guest book yang tampilannya
menggantung/melayang di blog.Jika kamu mau lihat contoh buku tamu
menggantung/melayang ini,kamu gak perlu jauh-jauh berkunjung ke blog
lain.Silahkan kamu lihat aja di blog ini "kidofgeek" yang ada di
sebelah kanan kamu bagian atas.Jika kamu tertarik untuk mempunyai buku tamu
yang serupa dengan blog ini,silahkan kamu langsung saja simak penjelasannya di
bawah ini.Caranya cukup mudah kok.. silahkan disimak.
Untuk memulai membuatnya,silahkan
ikuti panduan dan langkah-langkahnya seperti berikut :
- Seperti biasa kita kamu login dulu
ke blog kamu
- Silahkan klik Rancangan
- Klik elemen laman
- Klik tambah gadget/add gadget
- Klik opsi HTML/Javascript
- Silahkan kamu Copy dan Paste Kode
HTML di bawah ini :
<style
type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } *
html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3URj1RH6si1gX-EWPEiE2hN7HKgl9FewG0uBWkn6zj04Gx4hXXQRB8k4Hi3mSms1_5nLtbpCpb-bEneJUWFInyHQ-PPmLTp5y-LMkdRKkFgyaAjf2wtbvzijfKsOMJ1JbCcjdMJmWbXXn/s1600/buku+tamu.png')
no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3;
background:#E6E6E6; padding:5px; } </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"> <!--
BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik kamu <!-- END
CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik
<a
href="http://http://kidofgeek.blogspot.com/2012/11/cara-membuat-buku-tamu-menggantung-di.html"target="_blank">
di sini </a> <div style="text-align:right"> <a
href="javascript:showHideGB()"> [hide] </a> </div>
</div> </div> <script type="text/javascript"> var
gb = document.getElementById("gb"); gb.style.right =
(30-gb.offsetWidth).toString() + "px"; </script>
- Silahkan kamu ganti tulisan yang berwarna merah dengan Kode yang kamu peroleh dari cbox
- Untuk mendapatkan kode dari cbox, silahkan kunjungi Cbox
- Silahkan Registrasi/Sign Up ( gratis/free ) dengan email kamu terlebih dulu,kemudian verifikasi email lalu silahkan login
- Silahkan ikuti petunjuk yang ada
- Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut
- Selesai
Selamat mencoba, Semoga berhasil ^_^
0 komentar
Posting Komentar