Taking too long? Close loading screen.

Okeh Kali ini saya akan memberi tahu cara membuat buku tamu…
Biasanya buku tamu seperti gambar diatas ini biasa anda temukan di sisi kanan website.
Sebelum anda membuat buku tamu,,anda harus mendapatkan code HTML dari Cbox.ws
Dari pada penasaran,,langsung saja kita ke TKP..
  • Login ke blogger anda
  • Buka Rancangan,,lalu pilih Elemen Laman
  • Klik tambah gadget,,lalu pilih “HTML/JavaScript”
  • Lalu copy code berikut ini:
<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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”>


<!– BEGIN CBOX – www.cbox.ws – v001 –>
<div id=”cboxdiv” style=”text-align: center; line-height: 0″>
<div><iframe frameborder=”0″ width=”200″ height=”298″ src=”http://www2.cbox.ws/box/?boxid=2085856&amp;boxtag=fm74lw&amp;sec=main” marginheight=”2″ marginwidth=”2″ scrolling=”auto” allowtransparency=”yes” name=”cboxmain” style=”border:#080000 1px solid;” id=”cboxmain”></iframe></div>
<div><iframe frameborder=”0″ width=”200″ height=”82″ src=”http://www2.cbox.ws/box/?boxid=2085856&amp;boxtag=fm74lw&amp;sec=form” marginheight=”2″ marginwidth=”2″ scrolling=”no” allowtransparency=”yes” name=”cboxform” style=”border:#080000 1px solid;border-top:0px” id=”cboxform”></iframe></div>
</div>
<!– END CBOX –>



<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik DI SINI
<a href=”http://www.putublog.tk/2010/10/membuat-buku-tamu.html”>
sini </a>


<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[tutup]
</a>
</div>


</div>


</div>


<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script>

Catatan :
– Ganti tulisan berwarna merah dengan code yang kamu dapat dari Cbox.ws
– Jangan memberi nama pada kolom title saat membuat javascript
– Anda dapat mengubah tampilan Buku tamu anda dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image. Lalu ambil URLnya dan pasang pada Background.

Selamat Mencoba,,

Regards,

0 Comments

Leave a reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

*

© 2017 Aditya Website.

Contact     |     Terms & Conditions     |     Privacy Policy

Log in with your credentials

or    

Forgot your details?

Create Account