ဘေလာ့ညာဘက္ေဘးမွာ(ေျပာစရာေလးေတြရွိရင္) သို႕မဟုတ္အျခား Menu ထားခ်င္ရင္

ဒီပိုစ္ေလးေတာ့ၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။ Blog နဲ႔ပက္သက္ၿပီး ကၽြန္ေတာ္ သိပ္မတင္ျဖစ္ဘူးဗ် အခုေတာ့ ကိုေအာင္မ်ိဳးေက်ာ္ကလည္း ေတာင္းထားတာနဲ႔ တင္ေပးျဖစ္သြားတာပါ...
ေအာင္မ်ိဳးေက်ာ္: အစ္ကိုက်ေတာ္လာလည္သြားပါတယ္ဒီဇိုင္းအရမ္းလန္းတယ္ c-box ကိုေဘးမွာခုလိုထားတာအၾကိဳက္ဆံုးပဲနည္းေလးကိုပိုစ္တင္ေပးလို႔ရရင္တင္ေပးေစခ်င္ပါတယ္..
(ကိုေအာင္မ်ိဳးေက်ာ္ေရ အစ္ကို႔ ဘေလာ့ေလးနဲ႔ဆို လိုက္မွာပါ တင္ေပးလိုက္ၿပီဗ်ာ....)
သံုးတဲ့သူကေတာ့ရွိပါတယ္အရမ္းကိုနည္းပါတယ္
ေရတြက္ႏိုင္ပါတယ္။သံုးတဲ့သူေတြကလည္းျပန္ျပီမမွ်ေတာ့ၾကိဳက္ၾကမယ္ေပ  မယ့္မရႏိုင္တဲ့ ဘေလာ့ မိတ္ေဆြေတြအတြက္ပါ ။မိမိရဲ႕CBoxအျခား  ChatBoxေတြကိုဆိုက္ဒ္ဘားမွာထားရင ္မိမိရဲ႕
ဘေလာ့ဆိုက္ဘားကပိုရွည္ပါတယ္။ ဒါေၾကာင့္အခု တင္ေပးလိုက္တဲ့ကုဒ္ကေတာ့ ChatBoxေတြကို ဘေလာ့ရဲ႕ညာဘက္ေဘးမွာထည့္နည္းေလးပါ။

မွတ္ခ်က္။။ Cboxနဲ႕အျခားChatBoxေတြဘဲရတာမဟုတ္ပါဘူး။Menuအစရွိေသားမိမိထားခ်င္ေသာ
ကုဒ္မ်ားထားႏိုင္ပါတယ္။
ကုဒ္ထည့္ေပးမယ့္ေနရာကေတာ့ေအာက္မွာအဆင့္ဆင့္ျပထားပါတယ္။

၁။Design

၂။Add a Gadget

၃။HTML/JavaScript Add ေနရာမွာေအာက္ကCode ထည့္ေပးလိုက္ပါ

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

.gbtab{
height:189px;
width:47px;
float:left;
cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh53hd3TZQt6S6CABGP5_HHHHrSYFSOqviFge-AjgqrMx_PINSdVgsGaUyJ50HufoOUpFuCgaLTJP66KSMLUo1pv5G-91t1FKA1jyfT8P5IKPq2tEeptDpqQUV7OhFNDhwv8TOJnNyTvg/s1600/0030.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://nyeinchanthu3.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>

၄။Save ႏိုပ္လိုက္ပါ။ျပီးပါျပီ။
အဆင္ေျပေပ်ာ္ရြင္ၾကပါေစဗ်ာ.....
http://nyeinchanthu3.blogspot.com/