cara-membuat-buku-tamu-tersembunyi
Posted by
kawasaki ninja 250 lady biker ninja 250
under
tutorial blog
Ok sekalian untuk menjawab pertanyaan teman kita yang mungkin
maksut dari pertanyaannya adalah cara membuat buku tamu tersembunyi,
akan saya coba bahas secara rinci. Sebulum anda menyembunyikan buku
tamu anda, anda harus memiliki akun terlebih dahulu di Shoutmix untuk
mendapatkan kode buku tamunya. Silahkan baca caranya Disini. Apabila anda sudah memiliki kode buku tamunya bisa langsung mengikuti langkah-langkah berikut :
- Login kehalaman blog anda
- Pilih Rancangan >Elemen Halaman >Tambah gadget
Pilih/tambahkan HTML/JavaScript
- Copas kode berikut kedalam box HTML/Javascript
<style type="text/css">
#gb{
position:fixed;
top:30px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i932.photobucket.com/albums/ad161/mamad_bucket/tabs-1.png')no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#900c0c;
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">
Kode buku tamu anda letakan disini
<div style="text-align:right">
<a href="http://www.full-information.co.cc/">
[Komunitas blog pemula]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
- Keterangan :
- Kode warna biru adalah untuk mengatur tinggi dan lebar jadi silahkan anda sesuaikan
- kode warna merah adalah tempat meletakan kode buku tamu anda
- warna pink adalah url blog anda jadi silahkan anda ganti dengan alamat blog anda
- kode warna coklat adalah judul blog silahkan ganti dengan judul blog anda
- Klik simpan dan selesai
0 komentar: