Sunday, February 20, 2011

Home » , » Tutorial : Sorok Kotak Jerit @ Hidden shoutbox

Tutorial : Sorok Kotak Jerit @ Hidden shoutbox

Salam bahagia,


Ni sebab Ayu yang request, maka ibu kongsikan di sini. Jadi mana2 yang belum tahu, buleh refer kat sini.. Winking smile

Caranya :

dashboard > Page elements > Add a Gadget

dan masukkan kod dibawah ni.


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:90px;

float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4RauOsfHymuP64T8DWIYVx9ghyDqqnvSSuLdgveSooEXCxguC-SgDgJeccPAn9EjHnxbEd2mFJ3W1B4xmBmy_4EaPRiWgq7H3elAGv7eIaMw_L6QCDs2t8MPAINK9Z3Nm9cOxv3GRamzZ/') 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">

MASUKKAN KOD KOTAK JERIT KOME KAT SINI

<div style="text-align:right">
<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>




image untuk ikon tab kotak jerit ni, kome buleh tukor dengan image kome sendiri, yang ibu highlight warna pink itu.

dan jangan lupa untuk tukor height & width tab (yang warna hijo tu), ikut saiz ikon tab kome.



bila dah puashati, tekan save. Begitu mudah sekali… Winking smile  Selamat mencuba.




Jualan penghabisan stok – cloth diapers Coolababy printed

Pakej blog make-over




Salam kasih sayang,
.

kalo suka dengan n3 ni, sila tekan yer..!!

Disclaimer

Ini adalah blog peribadi. Semua catatan @ penulisan juga adalah hak milik peribadi dan pandangan penulis, kecuali dinyatakan sumbernya.

Tidak dibenarkan mengambil tulisan @ idea di sini tanpa kebenaran. Sila minta izin yer kalo nak amik idea @ tulisan di sini.. tapi tolong ler.. usah le amik keseluruhan n3.. penat tau teman memerah otak mencari idea.

Kalo kome main rembat jer n3 teman ni, memang teman tak halalkan.Jika sekiranya teman ade terjumpa mana-mana blog yang menampal tulisan dari blog ini tanpa pernah meminta kebenaran, tuan blog tidak akan teragak2 untuk request supaya n3 tersebut di'remove'.
. .