Minggu, 30 Desember 2012

Cara Membuat Buku Tamu Di Blog

1. Buat Akun Di www.cbox.ws Atau di situs penyedia script buku tamu gratis yang Kamu suka Klik Sign up dan isi data nya

2. Klik Apply

3. Klik Publish!

4. Kopikan Kode Yang Sudah Disediakan Di Cbox

5.  Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

6. Kopikan Kode Yang Disediakan Di Bawah

--------------------------------------------------------------------------------------------------

    <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://sites.google.com/site/brugkembar/sc/bukutmbg.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">
<center>


<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=655407&amp;boxtag=20cb5f&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-655407" style="border:#FFFFFF 1px solid;" id="cboxmain7-655407"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=655407&amp;boxtag=20cb5f&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-655407" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform7-655407"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</center></div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>


----------------------------------------------------------------------------------------------------------

7. Selanjutnya Kamu Ganti Kode Berwarna Biru Diatas Dengan Kode CBox Anda Yang Disediakan

8. Klik Save/Simpan Dan Lihat Hasilnya.

 Enjoy....!!!!!!!!!

Tidak ada komentar:

Posting Komentar

#navbar-iframe { height:0px; visibility:hidden; display:none }