Belajar Askep
.

Sunday, May 08, 2011

Browse » Home » » Cara Membuat Buku Tamu atau Shoutmix Melayang

Cara Membuat Buku Tamu atau Shoutmix Melayang

Bagikan Keteman Lewat:



Cara membuat shoutmix melayang mungkin bisa membuat blog kita lebih ramping dan tidak memakan tempat karena shoutmix ini bisa melayang mengikuti page yang berada di layar monitor... Kalau kamu mautahu caranya ikuti tutorial berikut ini :

1) log in ke account blogger anda
2) masuk ke tata letek > elemen halaman > tambah gadget > pilih hhtml/java script
3) masukan kode berikut ini ke dalam hml/java script anda

<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">

<!-- Begin ShoutMix - http://www.shoutmix.com --><center>
<iframe title="ahamdabi" src="http://www.shoutmix.com/?ahamdabi" frameborder="0" height="300" width="190" scrolling="auto">&amp;amp;amp;lt;br&amp;amp;amp;gt;&amp;amp;amp;lt;a href="http://www.shoutmix.com/?ahamdabi"&amp;amp;amp;gt;View shoutbox&amp;amp;amp;lt;/a&amp;amp;amp;gt;&amp;amp;amp;lt;br&amp;amp;amp;gt;</iframe></center>
<!-- End ShoutMix -->

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4) Simpan dan Lihat hasilnya

Tkhns:
Thank You So Much!
Kalau sudah membaca silahkan isi Buku Tamu
Terima kasih telah membaca artikel: Cara Membuat Buku Tamu atau Shoutmix Melayang Silahkan baca artikel Blog ©Belajar Askep Lainya Dibawah ini:
Advertisement below...!

Comments : Ada 0 komentar untuk Cara Membuat Buku Tamu atau Shoutmix Melayang

Post a Comment

 
© Copyright 2011 : Belajar Askep
All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Ahmad Soleh Powered By Blogger
^_^ Submit | Template dari : Free Blogger Templates | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |