ShareThis

Thursday, July 22, 2010

cara pasang widget di samping


Lihat ga di samping Kanan Blog ini ada Widget terbang bernama "Buku Tamu"? Nah pada kesempatan kali ini saya akan mengulas dengan mudah, bagaimana cara memasang widget tersebut di blog kita. Banyak sekali kelebihan di gedget ini di yang paling utama adalah memnghemat ruang di tamplate kita. langsung aja bagaimana cara memamasangnya di blog kita. 
)) Login ke Blogger
)) Pilih Tata Letak
)) Tambah Gadget
)) Copy Script di bawah ini dan Masukan ke HTML/JavaScript Tersebut

<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">
Taruh Script ChatBox/ShoutMix Anda Disini
<a href="javascript:showHideGB()">
[Clos]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script> 





contoh tampilan 

)) seperti biasa script yang berwana merah anda ganti sesuai kebutuhan anda
))  Jangan Isi Judul 
))  Setelah itu Simpan, dan lihat hasilnya.




0 komentar:

Post a Comment

Silahkan Kasih Komentar ®
U Comment || I Follow ®

Backlink Gratis »» Gunakan opsi "Name/Url" untuk memasukkan 'Nama' dan 'url' anda.
* Masukkan 'url' diawali http://
* Url boleh kosong >> ®

Bantu Blog ini melintasi jaringan di setiap kompi di tempat anda
Dengan menSubcribe, Vissit dan memFollow blog ini
saran dan k"ritik anda sangat bermanfaat buat Saya ^_^ ,..
** WasSallam **
Traffic live
http://www.aminkrz.co.cc/