#10 Membuat Buku Tamu Melayang

Coba liat kesamping kanan layar blog saya disitu ada yang namanya buku tamu. buku tamunya ngikutin mulu ya ?? wwkwkkwkw ya kali ini gua mau share tentang itu Langsung aja yak cekibrot

1. buat dulu akun shoutmix di www.shoutmix.com (gratis kok )

Langkah Langkahnya sebagai berikut 

Pilih Create Shoutbox

Isi form nya , Lalu klik continue

 

setelah itu kamu akan masuk ke home copy yang saya lingkari (Embed Codes)

2.setelah itu Login ke akun Blog kamu 

3. Pilih Rancangan , klik tambah gadget lalu Pilih Html/Java script

sedot scriptnya langsung ya 

<style type="text/css">

.gb_fixed{

position:fixed;

top:0px; right:0px;

z-index:+10;

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {

display:none;

background: url(http://i1107.photobucket.com/albums/h396/3skuncisukses/BGwhite.jpg)repeat;

color:#000;

padding:10px 10px 10px 10px;

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-box-shadow: 2px 2px 4px #000000;

-moz-box-shadow: 2px 2px 4px #000000;

}

</style>

<div class="gb_fixed">

<table id="hidden_gb2" cellpadding="0" cellspacing="0">

<tr><td>

<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #000000, #999, #000000); color:#ffffff;

padding:10px 10px 10px 10px;

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-box-shadow: 2px 2px 4px #000000;

-moz-box-shadow: 2px 2px 4px #ffffff;"> CLOSE CHAT BOX</b></a></div>

<br/>

<!-- Begin ShoutMix - http://www.shoutmix.com -->

<iframe title="k4skus" src="http://www.shoutmix.com/?k4skus" width="195" height="410" frameborder="0" scrolling="auto">

<a href="http://www.shoutmix.com/?k4skus">View shoutbox</a>

</iframe>

<br/>

<div><a href="http://ifsite.blogspot.com/2011/05/membuat-buku-tamu-melayang-disamping.html"><b style=" background:-moz-linear-gradient(top, #000000, #999, #000000); color:#ffffff;

padding:10px 10px 10px 10px;

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-box-shadow: 2px 2px 4px #000000;

-moz-box-shadow: 2px 2px 4px #ffffff;"></b></a></div></td></tr></table></div>

<script src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>

<div style="z-index:+5" class="gb_fixed">

<a href="javascript:void(0)" onclick="gb_showHideGB()">

<img border="0" src="http://i1107.photobucket.com/albums/h396/3skuncisukses/bukutamu.jpg" />

</a>

</div>

Yang saya tandai merah itu ganti dengan code shoutbox yang kamu copy tadi . saya sarankan judul gak usah diisi :D


Pengunjung yang baik selalu meninggalkan komentar