ခ်က္ေဘာက္ေလးကို ေဘးမွာ သိမ္းထားမယ္
Posted by ဘေလာ့ခရီးသည္ on Monday, February 17, 2014 with No comments
သည္တစ္ခ့ါေတာ့ ဘေလာ့ကာေတြအတြက္ အသုံး၀င္မဲ့ နည္းေလးပါ သိထားသူေတြ လဲ အေတာ္မ်ားပါတယ္.. မသိသူေတြအတြက္ ရည္ရြယ္ပါတယ္..
မိမိတို႕ ေဘလာ့မွာ ခ်က္ေဘာက္ ဓါမွမဟုတ္ အျခားတစ္ခုခုကိုေပါ့ ဆိုဒ္ဘားေဘးဘေလာ့ေဘာင္ထဲမွာ ဖုံးထား သိမ္းထားျခင္တယ္ဆိုရင္ေပါ့..သည္နည္းေလးကို သုံးလိုက္ပါဗ်ာ.. သည္လိုေလး ေပါ့....
သူက ဘေလာ့ေဘးက ေဘာင္ထဲမွာ ၀င္ေနတာပါ လိုအပ္ပါက 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 ကုဒ္ထည့္ေပးပါ
<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>
#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 ကုဒ္ထည့္ေပးပါ
<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 ဆိုတဲ့ ပုံေလးရဲ႕လင့္ပါ
အဲမွာ ကိုယ္က ေဆာ့၀ဲလ္မ်ား ဆိုျပီး လုပ္မယ္ဆိုလဲ ရပါတယ္.. ပုံထုတ္ျပီး လင့္ကို အဲေနရာ အစားထိုးလို္က္ေပါ့..
သည္ေလာက္ဆို အဆင္ေျပမွာပါေနာ္ မေျပလဲ ေအာ္ခဲ့ေပါ့ေနာ္
ေစတနာမ်ားစြာ ျဖင့္ ေအာင္ေအာင္(မကစ)
