Home »
blogging
»
Cara membuat buku tamu tersembunyi di blog
<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://i1208.photobucket.com/albums/cc363/eyunkcoba2/EyunkCoba2CoM-tabbukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFB424;
background:#000000;
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 title="perjakagagal" src="http://www1.shoutmix.com/?perjakagagal" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www1.shoutmix.com/?perjakagagal">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 -->
<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>
Cara membuat buku tamu tersembunyi di blog
Author: Unknown
Setelah hampir seminggu lebih tidak posting artikel, hati ini merasa geregetan ingin nulis artikel(lebay). Kali ini saya akan meberitahukan cara membuat BUKU TAMU TERSEMBUNYI di BLOG. Oke langsung aja
1. login BLOGGER seperti biasa => rancangan => tambah gadget, pilih HTML/javascript=>copy dan paste kode script dibawah.
<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://i1208.photobucket.com/albums/cc363/eyunkcoba2/EyunkCoba2CoM-tabbukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFB424;
background:#000000;
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 title="perjakagagal" src="http://www1.shoutmix.com/?perjakagagal" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www1.shoutmix.com/?perjakagagal">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 -->
<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>
2.* ganti text yang berbackground biru dengan tab/gambarmu sendiri*
* ganti text yang berbackground merah dengan kode buku tamumu sendiri*
3.klik simpan
4. lihat hasilnya dan tertawalah( hahaha)
CATATAN: Bila anda belum mempunyai kode buku tamu anda sendiri klik disini dan ikuti cara - cara tersebut
This entry was posted on October 4, 2009 at 12:14 pm, and is filed under
Category
blogging
. Follow any responses to this post through RSS. You can leave a response, or trackback from your own site.
Langganan:
Posting Komentar (Atom)
Posting Komentar
Tolong Gunakan Bahasa yang sopan (*v*)