Nah langsung aja simak yang ada di bawah ini :
1.Masuk dulu ke blog sobat melalui www.blogger.com/
2.Setelah muncul jendela dasbor klik desain
3.Klik tambah gadget/html java script
4.copy pastekan kode beikut ini:
<!-- left hidden chatbox by http://mimpiapik.blogspot.com START -->
<style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiThiiSVHQKevn6ae3yK_zQFGNyL8sesxyvAAzs-Q5I1dUHaqqFfaSJaUEWydBotxVsyXxXaQwdJ0VGrvZl1LUSv4R9rC1O6MrNbSv9FKrB8RmCt5jPFXHnclss2R5Yn09N4awOlHaLSgPj/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">
<------Ganti tulisan ini dengan widget buku tamu anda------>
(jika anda belum memiliki kode chatbox klik disini)
<div style="text-align: right; font-size: 10px;">
<blink> Pasang widget by</blink>
<a href="http://mimpiapik.blogspot.com/2013/02/cara-membuat-buku-tamu-ala-nicedream.html">
NICEDREAM
</a>
</div>
<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> </span> <span style="float:right"> <a href="javascript:showHidehcl()"> </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://mimpiapik.blogspot.com END --></div>
<style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiThiiSVHQKevn6ae3yK_zQFGNyL8sesxyvAAzs-Q5I1dUHaqqFfaSJaUEWydBotxVsyXxXaQwdJ0VGrvZl1LUSv4R9rC1O6MrNbSv9FKrB8RmCt5jPFXHnclss2R5Yn09N4awOlHaLSgPj/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
.hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">
<------Ganti tulisan ini dengan widget buku tamu anda------>
(jika anda belum memiliki kode chatbox klik disini)
<div style="text-align: right; font-size: 10px;">
<blink> Pasang widget by</blink>
<a href="http://mimpiapik.blogspot.com/2013/02/cara-membuat-buku-tamu-ala-nicedream.html">
NICEDREAM
</a>
</div>
<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> </span> <span style="float:right"> <a href="javascript:showHidehcl()"> </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://mimpiapik.blogspot.com END --></div>
Keterangan :
- ganti tulisan yang berwarna merah dengan background tombol chatbox anda, atau itu aja boleh anda.
- kode yang berwarna orange adalah posisi bukutamunya, semakin kecil nilai angkanya maka semakin tinggi letak buku tamunya ,sebaliknya semakin besar nilai angkanya maka semakin kebawawah letak buku tamunya.
- tulisan tebal harus anda ganti dengan kode chatbox anda.
Untuk mendaftar kode chatbox ikuti langkah2 ini jika kurang jelas:
- Mausk ke sini
- Isi form-form yang tersedia dengan data- data lengkap
Password: Kata kunci untuk login nantinya
Confirm Password : Ketik ulang password
Email Address : Isi dengan email sobat yang masih aktif
Website : isi dengan URL website / Blog sobat
Language : Bahasa Cbox kita
Style : Model cbox yang dapat kita pakai
- Bila sudah lengkap, kemudian Centang kotak kecil I Have red and ....................
- klik Create my Cbox
- Selamat karena anda sudah memiliki akun cbox,
- Setelah itu anda log in yang terletak diatasnya.
- copy kode Pubblishnya ataut anda bisa mengedit warna tampilannya dahulu.
Sekian terima kasih.
dan selamat mencoba!!!!
