Assalammu a'laikum wr wb.. Welcome to ..::CORETAN FAZAR::.. Semoga Terkesan Yaeh... Jangan Lupa Comment..
Jangan lupa comen dan join di blog Coretan Fazar

Minggu, 20 Maret 2011

Membuat Buku Tamu Seperti yang di Samping

Kirain dah Pada tau Ternyata Masih banyak yang Pengen Shoutbox nya Nempel di Samping ..
ckckcckck
Akhirnya saya Posting deh , Biarpun dah banyak yang tau , tapi semoga yang belum tau jadi tau
hehehe

Pertama² anda Harus Punya Chatbox/Shoutmix,
Klo Blum punya silahkan Regiter ke http://shoutmix.com
jika sudah Copy Code Shoutmix anda
dan Ganti pada HURUF TEBAL Berikut :


<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiByvZfMyhMm5E3jooxShJrI5xnZ3Rw7fHguq4Q0vanR9Pp14y-MOA8GCVJhut8-MMXipQJw8ZFq-Rsy72YEbgiWSonaaLxk9L65VFhcQGKD00UjIjimKv0cFf213QLhnZJ4b0DYTcYVhJk/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #81F781;
background:#81F781;
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 ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="160" frameborder="0" src="http://www5.shoutmix.com/?dekur" height="400" title="dekur">
<a href="http://www5.shoutmix.com/?dekur">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->

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


Copi Code yang Telah anda Edit
Pilih Rancangan >> Element Halaman
Tambah Gedget >> HTML/JavaScript
Masukin Code Yang telah di Edit di Atas tadi ...
Simpan
Lihat Hasilnya
:D

Tidak ada komentar:

Posting Komentar

 

Selamat Datang Di "Coretan Fazar"

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...

Sekilas tentang penulis

Nama saya Fazar, saya asli jakarta kebon jeruk betawi, saya sangat senang membuat blog, jadi kalo ada yang gak berkenan atau tertarik bisa comment.

Fazar