-->
banner
banner
tutorial-software-blog

Blog saye menceritakan tentang kaedah tutorial Blog,Photoshop,dan Easy math,selain itu pengunjung boleh menonton TV di blog saye ,perkhidmatan software pun disediakan, percayalah anda pasti berpuas hati bila bersantai diblog saye.peranan blog saya ini adalah untuk memudahkan pelawat mencari isu semasa kaedah Search engine optimize SEO ,backlink booster,dan sebagainya.

Tuesday, 10 July 2012

tutor buat shout box tersembunyi

Cari disini
Loading


assalamualaikum..
^_^'

hari ini saye nak beri tutor shout box tersembunyi

contoh dari gambar
contoh dari tutor untuk blog

1- top page >design >layot >add a widget >HTML/javascrip

2-copy code dibawah ini dan paste di HTML/javascrip tadi faham?

<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://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">

drop kod shout box anda disini

<div style="text-align:right"><a href="
 http://funnyzoneads.blogspot.com/2012/07/tutor-buat-shout-box-tersembunyi.html " target="_blank"><small>tutorial here</small></a>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>



3-save siap!! mudah bukan?

note:warna merah - url image / url ikon yang disukai {antara image pilihan}<--scrol dibawah
       warna hijau - ubah saiz image/ikon anda
funtion

  • *nampak lebih kemas
  • *avialable untuk semua jenis shoutbox
  • *nampak lebih moden




semoga berjaya!!


by : teratai
Comments
4 Comments

4 comments:

  1. nak paste kan kt mne ek klau gune blogskin ?

    ReplyDelete
  2. Hi i am kavin, its my first time to commenting anyplace, when i read
    this article i thought i could also create comment due to this brilliant piece of writing.


    Have a look at my page :: best electric cigarette product

    ReplyDelete
  3. Heya i'm for the first time here. I came across this board
    and I find It truly useful & it helped me out a lot. I hope to give something back and aid others like you helped me.



    Have a look at my site :: gas pebble fires Melbourne [mlab.Test.quonic.Net]

    ReplyDelete

●▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬●

sharing is caring is loving

sebarang pertanyaan dan penambahan boleh
ditulis di petak komen ku ini-segala
pandangan anda teramat dihargai.

~sekian~
●▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬●

drop your link here for blog walking!
get 32 backlink

shared