Cara Memasang Buku Tamu di Blog ~ IDAM BASHORI

Selasa, 10 April 2012

Cara Memasang Buku Tamu di Blog

4/10/2012 01:44:00 AM IDAM BASHORI

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.

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1BuQrHj28uYWLtBA4C7Ps2HfIzpEYNFVmgl7ojAOG8_jsVa6jomoJEQX7nzk0HKwFzVdagUfVz_WXZbriOcoQ7biiEbdxj0kXYD8I3nuyQCvw_4xlOFtg_NTzZE_KIlnMYdKL4xruUJc-/') 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>

<script type="text/javascript">

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

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

</script>

--> 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.

<div id="cboxdiv" style="text-align: center; line-height: 0">

</div>

Bagaimana sobat.... gampangkan. Semoga bermanfaat!!!!

Baca Juga Artikel Di Bawah Ini!!

Tutorial Blog