MEMBUAT BUKU TAMU TERSEMBUNYI

Wah, wah, wah......

Hari hari ujian gini,, masih sempat-sempatnya posting.. hehe..(udah ketagihan)..

Sekali lagi saya jelaskan kepada sobat blogger semuanya tentang cara membuat buku tamu. Sebenarnya udah banyak banget yang posting seperti ini, tapi .... ya di posting lagi deh.....
Buku tamu yang ini sedikit berbeda dengan buku tamu yang ada di sidebar.....

Dengan sedikit di modifikasi oleh masterweb yang ada,.. Jadilah Buku tamu(ShoutMix) tersembunyi ini.....

Layout dari ShoutMix ini sama ketika keluar.. tetapi yang di unggulkan adalah lebih menghemat tempat, karena akan keluar jika di perintah dan tidak akan keluar jika tidak di perintah.....

Langsung aja persiapkan bahan-bahan :..

1. Ente-ente harus punya script original ShoutBox yang telah di buat sebelumnya... kalau belum buat, silahkan membuat di sini. tinggal mengikuti langkah-langkah yang ada.
2. langsung aja, login blogger dengan akun masing-masing.
3. Pergi ke menu rancangan. Cari tempat di mana saja untuk menambahkan gadget.

          Kemudian copy script di bawah ini :

<style type="text/css">

#gb{

position:fixed;

top:60px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://i940.photobucket.com/albums/ad244/Adit-tech/tabscopwy.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">

PASTE SCRIPT SHOUTMIX ANDA DI SINI

<br/>

Mau punya buku tamu seperti ini?<br/>

Klik di

<a href="http://postingsaja.blogspot.com/2010/12/membuat-buku-tamu.html">

sini (Info Blog)

</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><br /> <br/>

Kemudian klik SIMPAN. dan nikmati hasilnya...

Script shoutbox juga bisa mendaftarkan diri di oggix.

Semoga bermanfaat...