Selasa, 10 April 2012

Cara Memasang Buku Tamu di Blog

Apakah kalian sudah memasang buku tamu di blog? Jika blom silahkan baca tutorial Cara Memasang Buku Tamu di Blog. Sekarang saya akan share sidikit trik bagaimana cara memasang buku tamu di blog. Kalau misalkan kalian berminat untuk memasangnya. langsung saja ikuti langkah-langkah dibawah ini :

1. Kalian login ke blogger kalian.
2. Klik menu Tatak Letak.
3. Lalu klik Add Gadget atau Tambah Gadget.
4. Pilih Gadget JavaScrip/HTML.
5. Dan isikan kode berikut kedalamnya.

<!-- scrip buku tamu-->
<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">

{Tempatkan Scrip Buku Tamu Kalian di Sini}

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>
<!-- scrip buku tamu-->

--> warna merah isikan scrip buku tamu kalian yang sudah kalian copy.

6. Save.

Untuk mendapatkan scrip buku tamu kalian bisa kunjungi alamat url ini http://cbox.ws atau kalian tidak ingin bersusah payah kalian bisa copy scrip punya saya dibawah ini dan paste ditulisan tempatkan scrip buku tamu kalian disini.

<!-- 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://www5.cbox.ws/box/?boxid=759813&amp;boxtag=2jbe0l&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-759813" style="border:#DBE2ED 1px solid;" id="cboxmain5-759813"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=759813&amp;boxtag=2jbe0l&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-759813" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform5-759813"></iframe></div>
</div>
<!-- END CBOX -->

Bagaimana sobat.... gampangkan. Semoga bermanfaat!!!!
Baca Juga Artikel Di Bawah Ini!!

Related Posts Plugin for WordPress, Blogger...