W w W. N y I n @ y M i N. o R g

17 February 2014

​ခ်က္​ေဘာက္​ေလး​ကို ​ေဘး​မွာ ​သိမ္း​ထား​မယ္

​သည္​တစ္​ခ့ါ​ေတာ့ ​ဘ​ေလာ့​ကာ​ေတြ​အ​တြက္ ​အ​သံုး​ဝင္​မဲ့ ​နည္း​ေလး​ပါ ​သိ​ထား​သူ​ေတြ ​လဲ ​အ​ေတာ္​မ်ား​ပါ​တယ္.. ​မ​သိ​သူ​ေတြ​အ​တြက္ ​ရည္​ရြယ္​ပါ​တယ္..
​မိ​မိ​တို႔ ​ေဘ​လာ့​မွာ ​ခ်က္​ေဘာက္  ​ဓါ​မွ​မ​ဟုတ္ ​အ​ျခား​တစ္​ခု​ခု​ကို​ေပါ့ ​ဆိုဒ္​ဘား​ေဘး​ဘ​ေလာ့​ေဘာင္​ထဲ​မွာ ​ဖံုး​ထား ​သိမ္း​ထား​ျခင္​တယ္​ဆို​ရင္​ေပါ့..​သည္​နည္း​ေလး​ကို ​သံုး​လိုက္​ပါ​ဗ်ာ.. ​သည္​လို​ေလး  ​ေပါ့....


​သူ​က ​ဘ​ေလာ့​ေဘး​က ​ေဘာင္​ထဲ​မွာ ​ဝင္​ေန​တာ​ပါ ​လို​အပ္​ပါ​က chat box ​ဆို​တာ​ေလး​ကို ​က​လစ္​ေပး​လို္​က​တာ​နဲ႔ ​သူ႔​အ​လို​လို ​ထြက္​လာ​ပါ​မယ္... ​မ​လို​အပ္​လို ​ျပန္​သိမ္း​မယ္​ဆို​လဲ  chat box ​ကို​ဘဲ​က​လစ္​ၿပီး​ေပး​လိုက္​ပါ... ​ကဲ ​ရွယ္​ဘူး​လား  ​ဟိ​ဟိ.....
​ထည့္​နည္း​ေလး​က​ေတာ့...

  ►1.  Login ​လုပ္​လိုက္​ပါ ​ဘ​ေလာ့​ကာ​ကို
   ►2.  Layout ​ကို​က​လစ္​ရ​ပါ့​မယ္ ​မိ​မိ​တို႔  Dashboard ​က​ေန​ေပါ့
   ►3.  Page Elements
   ►4.  Add a Gadget ​ကို​က​လစ္​ေပး​လိုက္​ပါ
   ►5.  HTML/Javascript. ​ကို​က​လစ္​ၿပီး ​က်​လာ​တဲ့ ​ေဘာက္​ေလး​ထဲ​မွာ​ဘဲ
   ►6.  ​ေအာက္​က​ေပး​ထား​တဲ့ ​ကုဒ္​ေတြ​ကို ​ေကာ္​ပီ​ယူ ​ထည့္​လိုက္​ပါ

<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://sites.google.com/site/bloggersto/chatbox-blue.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">

<!-- Begin CBox- ​ဘ​ေလာ့​ခ​ရီး​သည္-->
​ဒီ​မွာ​မိ​မိ​ရဲ့ CBox ​ကုဒ္​ထည့္​ေပး​ပါ
<!-- End Cbox-http://aungsanmks.blogspot.com-->

<div style="text-align:right">
<a href="javascript:showHideGB()">

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

​ကဲ​အ​ဆင္​ေျပ​မွာ​ပါ​ေနာ္ ​အဲ​ထဲ​က ​အ​နီး​ေရာင္​နဲ႔  ​ေန​ရာ​မွာ ​မိ​မိ​တို႔ ​ထည့္​မဲ့ ​ခ်က္​ေဘာက္ ​ကုဒ္​ေတြ ​ထည့္​ေပး​လို္​က​ပါ​ဗ်ာ......။
​ေနာက္ ​အ​ေပၚ​နား​က​ေပး​ထား​တဲ့  ​အ​ျပာ​ေရာင္​နဲ႔  ​လင့္​က​ေတာ့ chatbox ​ဆို​တဲ့ ​ပံု​ေလး​ရဲ့​လင့္​ပါ
​အဲ​မွာ ​ကိုယ္​က ​ေဆာ့​ဝဲလ္​မ်ား  ​ဆို​ၿပီး ​လုပ္​မယ္​ဆို​လဲ ​ရ​ပါ​တယ္.. ​ပံု​ထုတ္​ၿပီး ​လင့္​ကို ​အဲ​ေန​ရာ ​အ​စား​ထိုး​လို္က္​ေပါ့..
​သည္​ေလာက္​ဆို ​အ​ဆင္​ေျပ​မွာ​ပါ​ေနာ္   ​မ​ေျပ​လဲ ​ေအာ္​ခဲ့​ေပါ့​ေနာ္
​ေစ​တ​နာ​မ်ား​စြာ ​ျဖင့္   ​ေအာင္​ေအာင္(​မ​က​စ)

0 comments:

Post a Comment