Cara Buat shoutmix/buku tamu tersembunyi
Sekarang Jamannya yang sembunyi-sembunyi, kali ini saya beritahu caranya buat buku tamu/shoutmix tersembunyi.gak usah basa basi inilah caranya
1. 1. Masuk ke account blog kamu
2. Pilih tata letak >> elemen halaman >> tambah gadget [dimana aja bisa], kemudian pilih html/java script
<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/>
Mau seperti ini?<br/>
Click aja disini--->
<a href="http://rizalsaputra81.blogspot.com/2010/01/cara-buat-shoutmixbuku-tamu-tersembunyi.html">
Tpis trick blog
</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>
*Pada kode diatas, ganti kode <!-- Ganti ini dengan kode buku tamu kamu --> dengan kode buku tamu kamu
*kode http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png' adalah code tab warna buku tamu, kalau ingin warna kamu sendiri tinggal hapus kode tersebut dan ganti dengan kode anda sendiri
*kalau ingin merubah posisinya ke atas sedikit,ubah kode top:50px; dengan mengganti angka 50 dengan keinnginan anda, contoh 30px
5 comments:
brow gmana cara buat background jadi ada petirnya ??
@dikeyz
itu cuma gambar background aja sob
bos thanks akhirnya aku bisa juga meski ribet tp akhirnya bisa jg thank ya bro...
diblog saya keluar buku tamunya... tapi koq sidebarnya jadi pada ngaco ya??? :(
ini cmn side bar yang link ke url yang dituju
Post a Comment
Komentar apa aja sob,mau iklan, mau nyepam mau apa aj boleh,yang penting komentar. Kalau mau follow saya dan konfirmasi, nanti akan sya follow balik, dan jangan kapok berkunjung di blog berat ini !!!