New Templates


Tips & Triks                        GuembeL                          Tips & Triks

10.21.2010

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 Code Merah 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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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

23 komentar:

zumey mengatakan...

kaga bisa bro... napa tuh?

padhe zick zack mengatakan...

gak bisa bos gimana niih ????

enNa -JusTone- mengatakan...

ga bis ajuga hikssssss

♨Pradynkha Hunter.Hide♨ mengatakan...

gag bisa gan

fajar world mengatakan...

kaga bisa bos....

Bayu Dilgent-stars mengatakan...

om bagi toritorial windowns nya koq kecil membesar kren om..

bagi donk...?

SILEFOUND mengatakan...

bisa bos, thank ya...
http:://silefound.blogspot.com

bagi ilmu bikin windows mengecil dan membesar dnk?? hehe (ngarep)

ucup mengatakan...

trims ya..
aq sangat terbantu..
hehehe
technologi-terkini.blogspot.com

Ricko KMZ mengatakan...

lagu di autoplaynya keren abis bro! apa judulnya? balas di blog saya yah :)
salam kenal!

Fikri ikok mengatakan...

bisa diganti ga namanya, bukan "buku tamu" caranya gimana?

resta ajah mengatakan...

kalo musik aneh kaya blog kk gmna caranya

Membaca Sangat Menyenangkan mengatakan...

fikir : klo mau gnt ,,?!
1. cari dlu gambarnya
2. upload
3. copy paste direct link nya pada paragraf kedua script (dari atas)

Blog Sharing Ilmu mengatakan...

bro....

aku mau kek title blog mu gimnaya cara buat nya...

kirim ke ptlabu1@gmail.com

script nya kala bisa...
thankss

sman 1 parung mengatakan...

mau tanya neh biar pasang sound di blog ya kayanya punya agan gmnah?jadi pas di buka bisa langsung play

Andhika mengatakan...

kalo mau ganti tulisannya jadi Chat Disini gimana ?

unik mengatakan...

thankkks gann

Restoran Jepang mengatakan...

after I read some articles that the fit on this blog, the article quite interesting & nice to read

Tips Triks mengatakan...

Ada yg Error ya bos ? :maaf:

cheatrizkyreza.blogspot.com mengatakan...

http://document-strings.co.tv/images/emot/m03.gif

Leo Puji Christyanto mengatakan...

ijin nyimak gan :mata:

Harajuku mengatakan...

thx oM

welcome to my blog mengatakan...

triknya mantap gan

GA2Print mengatakan...

tanks...mau coba triknya..

Poskan Komentar

 
Powered by Blogger