Jalan-Jalan Ke Info
Tentang Blog Ketemu Artikel Cara Pembuatan Buku Tamu Tersembunyi. Pengen Aku kasih judul yang sama, ya jelas kalah. Ya udah langsung saja kita ke toturial
Membuat Kotak Chatting Tersembunyi Dan Melayang.
Caranya :
1. Sign Ke Blogger
2. Pilih Tab Rancangan
3. Tambahkan Sebuah Widget Berupa HTML
4. Masukkan Script 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">
<!-- Ganti ini dengan kode Kotak chatting kamu -->
<br/>
<a href="ymsgr:sendIM?Blogkreasi"><img src="http://opi.yahoo.com/online?u=Blogkreasi&m=g&t=2" border="0"></a> <br/>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
6. Pada Tulisan bercetak warna biru, ganti dengan kode kotak chatting kamu.
5. Pada tulisan bercetak warna
merah(blogkreasi) ganti dengan id yahoo kamu.
6. Simpan dan selesai.
