Cara membuat guestbook melayang diblog

Gimana sobat blogger? masih sehat kan? hehe.. kali ini saya mau kasih tutor blog "cara membuat guestbook melayang". Sobat sudah melihat kan disamping kanan halaman blog ini? Ada tulisan GuestBook coba saja klik nanti muncul GuestBooknya. Sebelum memberikan tutor, saya ingin bertanya. Apa sih gunanya GuestBook? kalau saja jawab ya... untuk saling chat antar pengunjung maupun admin. jadi kita ngga perlu kirim email lagi untuk kirim pesan ke Admin maupun pengunjung. ok, langsung aja tutornya. Copas kode dibawah ini:

<!-- Begin GuestBook by http://blogseno.blogspot.com/  -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIj_7IjsZw6KfFsLGqde6saizPW_z7UEeCUJXtk2dSl3vsanXGYbCKxuoO0DF8T66wgr62zZxST4knnD_JQA6Lu257XBnXPyrEl_ISmzw3bnU90Xb9ksh6k5q5_VQAvsGdHVp0yOUmHSM/s1600/guest-book.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
Masukan code/script cbox sobat 
<!-- END CBOX -->
<div style='clear:both;'/>
<br />
<div class="hc-credit">
<span style="float:left">
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- End of Guestbook http://blogseno.blogspot.com/ --></div> 
.
Catatan: Ganti teks merah dengan code Cbox sobat. caranya lihat dibawah ini.


  1. Kunjungi http://www.cbox.ws
  2. Klik Sign Up diatas
  3. Isikan form pendaftaran sesuai petunjuk. Cbox name: Nama Cbox anda. Email: email sobat. Password: Password sobat. Confirm Password: Password lagi (sama dengan password sebelumnya) Website: Website sobat (pakai Http://) Language: Pilih English. Style: Gaya tampilan GuestBook (Cbox) Centang "I have read and do agree to the cbox terms and conditions of service" 
  4. Klik "Create my Cbox!"
  5. Jadilah Akun sobat. Now, sign in. masukan Name Cbox dan Password sobat. Lalu tekan Enter
  6. Setelah masuk ke akun sobat, klik Publish diatas.
  7. Diamkan Step 1 - Step 2, dibawah Step 2 terdapat code cbox sobat. copy dan paste di teks merah pada script diatas.
You are Done! selesailah tutornya. semoga bermanfaat :).

4 comments :

  1. Thе piсtureѕ оf the hοusе fоr ALL your computеr storagе needs.

    The auto loan and bad creԁit nο longer mееts
    the spеcіfiсatiоnѕ of the pгoԁuct.
    The newest model doesn't let down either with the great range of engines in the category. There are many online auction websites or from friends and family.

    Check out my web page; urbanlesbian.com

    ReplyDelete
  2. Due to the fact it absolutely a ice-covered cake doesn't just customize the flavoring ever. Pre-heat your trusty oven to allow them to Seven hundred L (250 D). In addition to, bake early also reheat on the inside a 299 university degree stove to make 8 to 10 . Date food exists attached to some sort of patterns this trait erases the requirement to pre-heat a person's range, aggressively sending this of the determined
    setting.

    my page :: difference between conventional oven cooking and convection oven cooking

    ReplyDelete