Rabu, 03 April 2013

Cara Membuat Buku Tamu di BLOG


Kalau Ingin membuat Buku Tamu diblog buat daftar dulu di Cbox disini  setelah itu copy code yang ada di cbox untuk di masukan ke widget Javascript di blog anda , lengkapnya ikuti carannya berikut ini

Cara Membuat Buku Tamu di BLOG :
1. Masuk ke Blogger.com
2. Pilih Blog Anda, lalu ke Layout / Tata Letak
3. Tambah Widget anda.
4. Pilih HTML/Javascript
5. Copy kode CSS dan HTML berikut :
<style type="text/css">


<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('
https://lh3.googleusercontent.com/-_fjT7ye2ac8/AAAAAAAAAAI/AAAAAAAAACU/McjMpuUqv94/s250-c-k/photo.jpg+bukutamu.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="305" src="http://www7.cbox.ws/box/?boxid=794164&amp;boxtag=12wy5w&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-794164" style="border:#ababab 1px solid;" id="cboxmain7-794164"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=794164&amp;boxtag=12wy5w&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-794164" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-794164"></iframe></div>
</div>
<!-- END CBOX -->>

<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="
http://raraswurimiswandaru.blogspot.com/2013/04/cara-membuat-buku-tamu-di-blog.html" target="_blank">Raras Wuri Miswandaru</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>



lalu Save dan lihat atau pratinjau kemudian terapkan kalau sudah cocok

0 komentar:

Posting Komentar

Akan bijak bila memberi komentar bukan spam

PONPES SHIDIQIIN WARA` PURWOJATI

Sholawat_Badar-Puput_Novel-TOPGAN

Blogger templates

href="http://www.yayasangurungajiindonesia.com" ' rel='canonical'/>>

Adsendiri

Pasang Iklan Disini

adsend

Pasang Iklan Disini

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international calls