Postingan kali ini saya akan menuliskan bagaimana Menyembunyikan Buku Tamu di Pojok.
Berikut adalah langkah-langkahnya:
1. Bila anda belum mempunyai Shoutbox, maka silahkan untuk melihat tutorial Membuat Shoutbox di Blog ini terlebih dahulu. Bila anda sudah mempunyai Shoutbox, silahkan ke www.shoutmix.com
2. Klik Settings
3. Klik Customize size
4. Masukkan Lebar(width) dan Panjang(Height) sesuai selera
5. Copy code yang ada di dalam kotak Generated Codes
6. Paste Kode Shoutmix anda di bagian "Kode Shoutbox Anda!!" di dalam kode berikut:
<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">
KODE SHOUTBOX ANDA!!
KODE SHOUTBOX ANDA!!
<br /><a href="" title="">Loadingxloading</a><br />
<div style="text-align:right">
<a href="">
</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>
NB:
- Kata buku tamu tidak dapat diganti karena itu merupakan gambar
- Kata tutup dapat diganti dengan close dan sebagainya
7. Login ke akun blogger anda
8. Pilih Tata Letak(Rancangan) -> Tambah Gadget
9. Kemudian pilih HTML/JavaScript
10. Kosongkan bagian Judul dan paste kode diatas di dalam tempat gadget.
11. Klik Simpan dan lihat perubahannya.
Terima kasih,
Jika anda ingin copas (copy-paste) artikel ini, silahkan saja, namun harus disertai catatan kaki ini ya..
Sumber: http://loadingxloading.blogspot.com
1 komentar:
Terima kasih atas tips yg bgus.. tapi klu sembunyikan bukankah template menjadi berat?
Posting Komentar