Cara Membuat Buku Tamu atau ChatBox di Blog Tampil di Samping
Nah, hari ini saya ingin mempostingkan cara bagaimana buku tamu atau shoutmix sobat berada di samping/ga nempel di Blog ( hehehe, kata-katanya bingung, ntah hidden atau apa, yang jelas seperti yang saya punya) hal ini supaya menghemat space.
Langsung saja caranya:
1. LogIn di blog Sobat
2. Langsung COPAS kode script di bawah dengan menambahkan code ShoutMix atau ChatBox miliki Sobat.
<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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
--------------------------------------
<!-- Ganti ini dengan kode buku tamu kamu --> --- gantilah dengan kode script ShoutMix atau ChatBox milik Sobat.
top:50px; ------- merupakan posisi, Sobat bisa atur....
Tips, aturlah size Shout Mix atau ChatBox sobat supaya sesuai dengan script barunya.
Nah, hari ini saya ingin mempostingkan cara bagaimana buku tamu atau shoutmix sobat berada di samping/ga nempel di Blog ( hehehe, kata-katanya bingung, ntah hidden atau apa, yang jelas seperti yang saya punya) hal ini supaya menghemat space.
Langsung saja caranya:
1. LogIn di blog Sobat
2. Langsung COPAS kode script di bawah dengan menambahkan code ShoutMix atau ChatBox miliki Sobat.
<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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
--------------------------------------
<!-- Ganti ini dengan kode buku tamu kamu --> --- gantilah dengan kode script ShoutMix atau ChatBox milik Sobat.
top:50px; ------- merupakan posisi, Sobat bisa atur....
Tips, aturlah size Shout Mix atau ChatBox sobat supaya sesuai dengan script barunya.
Sat 03 Nov 2012, 23:28 by crystyle1978
» BOM WALL TEMEN KAMU
Sat 11 Aug 2012, 17:20 by binuka21
» winning Eleven 9 full
Sat 05 May 2012, 12:29 by TriLLianT
» Hacking tools_2
Sat 05 May 2012, 12:27 by TriLLianT
» POWER_ISO PORTABLE v4.1 INCLUDED SERIAL KEY
Thu 29 Mar 2012, 18:34 by gienk
» MOHON BANTUAN SOBAAT!!!
Fri 23 Mar 2012, 00:22 by hezqiel
» KITAB DUKUN
Fri 23 Mar 2012, 00:13 by hezqiel
» KITAB FATHUL IZAR & BURUNG PERKUTUT
Fri 23 Mar 2012, 00:04 by hezqiel
» All in One Best Hacking Tools 85 in 1 new 2010
Mon 06 Feb 2012, 22:52 by abian zee
» Apa itu driver
Mon 06 Feb 2012, 22:45 by abian zee
» update winning eleven 8
Sun 29 Jan 2012, 17:00 by Fandian
» Hacking tools _1
Fri 27 Jan 2012, 14:51 by abian zee
» Download FIFA 2003
Thu 19 Jan 2012, 09:37 by bangjho
» Advent Rising
Thu 22 Dec 2011, 04:14 by ADMIN
» 007 Quantum Of Solace PC RIP
Thu 22 Dec 2011, 04:09 by ADMIN
» Fantastic 4 RIP
Thu 22 Dec 2011, 04:01 by ADMIN
» Download GTA IV
Thu 22 Dec 2011, 03:47 by ADMIN
» Transformers 3: Dark of the Moon (2011) DVDRIP.XviD
Sun 18 Dec 2011, 14:33 by ADMIN
» AVG PC Tuneup 10.0.0.27 Portable
Mon 12 Dec 2011, 22:56 by ADMIN
» Wireless Hacking Tools 2011
Tue 06 Dec 2011, 01:50 by ADMIN