Email Me Form for Website or Blogger

1. Go to this Linkwww.emailmeform.com and press Free SingUp

2. Register your User Name & Email

Code ယꨤမ္းမူင္းꨅြမ္းလင္ Mouse ꨓ္ꨮးပလြꨀ္ꨵ

မ္ꨮꨲသုင္ꨁဳꨳ ꨷ ꨁဳꨳꨟဝ္းꨡမ္ꨲပꨱꨓ္တꨰမ္ꨳ လြင္ꨳပလြꨀ္ꨵꨁ္ေꨀဳꨳ ꨟုိင္ꨕꨰဝ္ယဝ္ꨵꨁဳꨳေꨓဳ ꨷ မူိဝ္ꨳꨓꨯꨵေꨀဳꨳ ꨡမ္ꨲꨅိုဝ္ꨳလြင္ꨳ လꨤꨀ္ꨲလꨯꨤးသင္ꨓင္ꨲꨀဝ္ꨲꨁဳꨳ၊ ပꨱꨓ္လꨯꨤးꨡꨓ္ꨟꨤင္ꨳꨁူိင္ꨳ ပလြꨀ္ꨵꨁ္ꨟဝ္းꨁဳꨳꨓꨓ္ꨵꨀူꨉ္း၊ ꨓꨓ္ꨵꨬတꨵပꨱꨓ္ Code ယꨤမ္းမူင္းလꨰꨓ္ꨳꨅြမ္းလင္ Mouse Cursor ꨓူိဝ္ပလြꨀ္ꨵꨁ္ꨟဝ္းꨓꨓ္ꨵꨁဳꨳေꨡဳꨳ။ သင္ဝဳꨳတꨯးေꨀဳꨵ ပလြꨀ္ꨵꨀူိဝ္ꨵ ꨟဝ္းꨁဝ္ꨁ္ꨮꨳသ္ꨮꨲꨓꨯꨅုိင္ေꨀဳꨳ ꨡဝ္ Code တꨤင္းတ္ꨮꨳꨓꨯꨵေသꨀꨮဳꨲꨓꨱꨀ္းသ္ꨮꨲတီꨳ Add a Gadget > HTML/JavaScript ယဝ္ꨵေꨀဳꨳ Past ဝꨤင္းသ္ꨮꨲေသꨓꨱꨀ္း OK ꨀူꨉ္းေꨀဳꨳလꨯꨳယဝ္ꨵေꨡဳꨳ။

<div class="widget-content">
<style type="text/css">
<!--
/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}
//-->
</style>

<script language="JavaScript">
<!-- Mouse Follow Clock from Rainbow Arch -->
<!-- This script and many more from : -->
<!-- http://www.scoobycyber.blogspot.com -->

<!-- Mouse Follow Clock from www.scoobycyber.blogspot.com
//Hide from older browsers
if (document.getElementById&&!document.layers){

// *** Clock colours
dCol='#80FF00'; //date colour.
fCol='#9400d3'; //face colour.
sCol='#9400d3'; //seconds colour.
mCol='#dc143c'; //minutes colour.
hCol='#ff69b4'; //hours colour.

// *** Controls
del=0.6; //Follow mouse speed.
ref=40; //Run speed (timeout).

// Alter nothing below! Alignments will be lost!
var ieType=(typeof window.innerWidth != 'number');
var docComp=(document.compatMode);
var docMod=(docComp && docComp.indexOf("CSS") != -1);
var ieRef=(ieType && docMod)
?document.documentElement:document.body;
theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY");
theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year;
D=tmpdate.split("");
N='3 4 5 6 7 8 9 10 11 12 1 2';
N=N.split(" ");
F=N.length;
H='...';
H=H.split("");
M='....';
M=M.split("");
S='.....';
S=S.split("");
siz=40;
eqf=360/F;
eqd=360/D.length;
han=siz/5.5;
ofy=-7;
ofx=-3;
ofst=70;
tmr=null;
vis=true;
mouseY=0;
mouseX=0;
dy=new Array();
dx=new Array();
zy=new Array();
zx=new Array();
tmps=new Array();
tmpm=new Array();
tmph=new Array();
tmpf=new Array();
tmpd=new Array();
var sum=parseInt(D.length+F+H.length+M.length+S.length)+1;
for (i=0; i < sum; i++){
dy[i]=0;
dx[i]=0;
zy[i]=0;
zx[i]=0;
}
algn=new Array();
for (i=0; i < D.length; i++){
algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;
document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'</div>');
tmpd[i]=document.getElementById("_date"+i).style;
}
for (i=0; i < F; i++){
document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'</div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'</div>');
tmps[i]=document.getElementById("_seconds"+i).style;
}

function onoff(){
if (vis){
vis=false;
document.getElementById("control").value="Clock On";
}
else{
vis=true;
document.getElementById("control").value="Clock Off";
Delay();
}
kill();
}

function kill(){
if (vis)
document.onmousemove=mouse;
else
document.onmousemove=null;
}
function mouse(e){
var msy = (!ieType)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
mouseY = e.pageY + ofst - msy;
mouseX = e.pageX + ofst;
}
else{
mouseY = e.clientY + ofst - msy;
mouseX = e.clientX + ofst;
}
if (!vis) kill();
}
document.onmousemove=mouse;

function winDims(){
winH=(ieType)?ieRef.clientHeight:window.innerHeight;
winW=(ieType)?ieRef.clientWidth:window.innerWidth;
}
winDims();
window.onresize=new Function("winDims()");

function ClockAndAssign(){
time = new Date();
secs = time.getSeconds();
sec = Math.PI * (secs-15) / 30;
mins = time.getMinutes();
min = Math.PI * (mins-15) / 30;
hrs = time.getHours();
hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;

for (i=0; i < S.length; i++){
tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px";
tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px";
}
for (i=0; i < M.length; i++){
tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px";
tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px";
}
for (i=0; i < H.length; i++){
tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px";
tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px";
}
for (i=0; i < F; i++){
tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px";
tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px";
}
for (i=0; i < D.length; i++){
tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px";
tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px";
}
if (!vis)clearTimeout(tmr);
}
buffW=(ieType)?80:90;
function Delay(){
scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;
if (!vis){
dy[0]=-100;
dx[0]=-100;
}
else{
zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del);
zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del);
}
for (i=1; i < sum; i++){
if (!vis){
dy[i]=-100;
dx[i]=-100;
}
else{
zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del);
zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del);
}
if (dy[i-1] >= winH-80) dy[i-1]=winH-80;
if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;
}

tmr=setTimeout('Delay()',ref);
ClockAndAssign();
}
window.onload=Delay;
}
//-->
</script></div>

လꨯꨤးꨬꨀꨳꨡဝ္ Header ꨟဝ္းထိထုိင္ꨓူိဝ္

မ္ꨮꨲသုင္ꨁဳꨳ ꨷ ꨁဳꨳꨟဝ္းေတလꨤတ္ꨳေꨓလꨯꨤးꨬꨀꨳꨟုိဝ္ လꨯꨤးမြတ္ꨲပꨰတ္ꨲလြꨀ္းပဝ္ꨲꨬꨀꨳꨀꨤင္ꨳ Header ꨓꨓ္ꨵꨁဳꨳေꨓဳꨳ၊ ꨡမ္ꨲေပဳးလꨤတ္ꨳꨓမ္ယဝ္ꨵꨁဳꨳေꨓဳꨳ၊ ꨀြပ္ꨳဝဳꨳတီꨳဝဳꨳꨟူဝ္ေꨁဳꨳꨟုိဝ္ ꨡမ္ꨲꨓꨓ္ꨁꨰပ္းꨟꨤင္ꨳꨟဝ္းꨡမ္ꨲထုိင္တီꨳတꨤင္းꨓူိဝ္ꨓꨓ္ꨵေꨀဳꨳ ယြꨓ္ꨵဝဳꨳမꨓ္းယꨤꨓ္ဝꨯꨵꨓꨓ္ꨵꨁဳꨳယဝ္ꨵ။ ꨟဝ္းမဳးတူꨉ္းလꨯꨤးꨟꨱတ္းမꨓ္းꨁဳꨳ၊

1. ꨡြꨓ္တꨤင္းသုတ္းꨁဝ္ꨳမဳးတီꨳ Sign in > Dasboard > Design > Edit HTML ယဝ္ꨵေꨀဳꨳꨓꨱꨀ္း Download Full Templates ဝꨯꨵေသꨀမ္း၊ ယြꨓ္ꨵဝဳꨳေပဳးꨕိတ္းꨀꨮဳꨲေသꨡꨓ္ꨡꨓ္ ꨓင္ꨲꨟုိဝ္မꨓ္းေတꨡမ္ꨲပꨓ္ တꨤင္းမꨯꨳꨅ္ꨮꨟဝ္းလꨯꨳꨓꨓ္ꨵꨁဳꨳယဝ္ꨵ၊ ဝꨯꨤးေသꨓꨓ္ꨵေꨀဳꨳ ꨀꨮဳꨲꨁိတ္ꨲပꨓ္ꨓ္ꨮးလြꨀ္း Expand Widget Templates ေသꨀမ္း၊

2. ေꨁဳꨳထိသြင္ေꨀဳꨳ မဳးꨓꨱꨀ္း Ctrl+F ေသယဝ္ꨵ တꨰမ္ꨳꨟဳထꨰဝ္လိꨀ္ꨳꨓꨯꨵꨁဳꨳ
#header {
margin-top: 10px;}
ေပဳးꨟꨓ္ယဝ္ꨵေꨀဳꨳ တီꨳ 10px; ꨓꨓ္ꨵယြမ္းပꨓ္ꨟုိဝ္ ꨡမ္ꨲꨓꨓ္ေꨀဳꨳဝꨯꨵပꨱꨓ္ 0px; ေꨀဳꨳလꨯꨳယဝ္ꨵေꨡဳꨳ။

မ္ꨮꨲသုင္ꨁဳꨳ

လꨯꨤးသ္ꨮꨲꨁꨰပ္းꨟꨤင္ꨳပုိꨓ္ꨵလင္ Comments Box ꨓ္ꨮးပလြꨀ္ꨵꨁ္

မ္ꨮꨲသုင္ꨁဳꨳ ꨷ တꨯးေꨀဳꨵꨬလꨳ ပီꨓြင္ꨵမဳးꨡꨰဝ္ꨲထုိင္လꨓ္ꨳꨁမ္းꨟဝ္းꨁဝ္တꨤင္းသꨱင္ꨳ ꨷ လꨯꨤးꨓုိင္ꨳယဝ္ꨵလꨯꨤးသြင္ ꨀမ္းꨓꨯꨵေꨀဳꨳꨁဳꨳꨟဝ္းလꨯꨳꨁြင္လီ မဳးꨕꨤꨀ္ꨲပꨓ္ထꨰင္ꨳယဝ္ꨵꨁဳꨳေꨓဳꨳ ၊ ယုမ္ꨲယမ္ꨟꨓ္ထုိင္ဝဳꨳ တꨯးေꨀဳꨵꨟဝ္းꨁဝ္ေတ လꨰပ္ꨳလꨯꨳꨅ္ꨮꨀꨓ္ယူꨲ၊ ထုိင္တီꨳဝဳꨳမꨓ္းꨡမ္ꨲေပဳးꨁဝ္ꨳ တꨤင္းတုိဝ္းသင္ꨀဳꨳꨟုိဝ္ꨓꨯေသတဳꨵ မꨓ္းေꨀဳꨳပꨱꨓ္သုꨓ္ꨲꨓုိင္ꨳ တဳꨲꨟꨤင္ꨳꨁူိင္ꨳပꨓ္ꨕဝပလြꨀ္ꨵꨁ္ꨟဝ္း ꨅꨓ္ꨅ္ꨮပူိꨓ္ꨳလꨯꨳꨓꨓ္ꨵꨓꨯꨁဳꨳယဝ္ꨵ၊ ꨓꨓ္ꨵꨬတꨵေꨀဳꨳ ပꨱꨓ္လꨯꨤးꨡဝ္ꨁꨰပ္းꨟꨤင္ꨳေသ မဳးꨟꨱတ္းပုိင္ꨵလင္ Background တီꨳတူိꨀ္ꨳတꨰမ္ꨳလိꨀ္ꨳ

လြꨀ္းလꨯꨤးသ္ꨮꨲထꨰဝ္လိꨀ္ꨳꨅြမ္းလင္ Cursor

မ္ꨮꨲသုင္ꨁဳꨳ ꨷ တꨯးေꨀဳꨵꨕူꨳသူꨓ္ꨅ္ꨮꨟꨱတ္းသꨤင္ꨳပလြꨀ္ꨵꨁ္ ꨟုိဝ္ဝꨰပ္ꨵသꨯꨤꨵတ္ꨟဝ္းꨁဝ္တꨤင္းသꨱင္ꨳတီꨳꨁဳꨳေꨓဳꨳ ꨷ မူိဝ္ꨳꨓꨯꨵꨁဳꨳꨟဝ္းေတ မဳးမြꨀ္ꨲလꨤတ္ꨳေꨓလြꨀ္းလꨯꨤးꨓ္ꨮး ပလြꨀ္ꨵꨁ္ꨡꨓ္ꨓုိင္ꨳꨁဳꨳ၊ ꨡꨓ္ꨓꨯꨵꨬတꨵ တꨯးေꨀဳꨵꨟဝ္းꨁဝ္မꨤင္ꨅူိဝ္းေꨀဳꨳလꨯꨳꨅ္ꨮ ꨁ္ꨮꨳꨟꨱတ္းတူꨉ္းꨓꨯꨬလꨳ ꨅင္ꨲလꨯꨳမဳးꨡဝ္သ္ꨮꨲဝꨯꨵပꨓ္ꨁဳꨳယဝ္ꨵ၊ လꨯꨤးꨟꨱတ္းလꨯꨤးသꨤင္ꨳမꨓ္းေꨀဳꨳ ငꨯꨤꨳꨓꨯꨬလꨳꨁဳꨳꨟဝ္းꨅင္ꨲလꨯꨳမဳးသ္ꨮꨲဝꨯꨵꨁဳꨳေꨡဳꨳ။

လꨯꨤးသ္ꨮꨲ Read More ငꨯꨤꨳငꨯꨤꨳ

မ္ꨮꨲသုင္ꨁဳꨳ ꨷ တꨯးေꨀဳꨵꨬလꨳ ပီꨳꨓြင္ꨵꨟဝ္းꨁဝ္ꨅူိဝ္းꨁဝ္ꨳမဳးꨡꨰဝ္ꨲထုိင္ လꨓ္ꨳꨁမ္းꨟဝ္းꨁဳꨳꨓꨯꨵေသꨀမ္း ꨷ ꨁဳꨳꨟဝ္းꨡမ္ꨲလꨯꨳတꨰမ္ꨳလြင္ꨳ ꨟꨱတ္းသꨤင္ꨲ Blog မဳးေꨀဳꨳ ꨟုိင္ꨓꨤꨓ္းမဳးယဝ္ꨵꨁဳꨳေꨓဳꨳ၊ မူိဝ္ꨳလꨱဝ္ꨁဳꨳꨟဝ္းေတ ꨁုိꨓ္းမဳးသုိပ္ꨲငူိꨓ္ꨳမꨓ္း ꨡꨓ္ပꨱꨓ္လꨯꨤးꨀဝ္ꨲꨀဝ္ꨲ ꨡꨓ္တꨯးေꨀဳꨵꨟဝ္းꨁဝ္ ꨀမ္ꨵꨓမ္ꨓမ္ꨟူꨵဝꨯꨵꨓꨓ္ꨵꨁဳꨳေꨡဳꨳ၊ ꨓꨓ္ꨵꨬတꨵေꨀဳꨳပꨱꨓ္လြꨀ္းလꨯꨤးသ္ꨮꨲ Read More သုိပ္ꨲꨡꨤꨓ္ꨲလူꨉ္ꨳတင္း Link ꨁꨰပ္းꨟꨤင္ꨳꨁုိꨀ္ꨵꨁုိꨀ္ꨵ ꨓꨓ္ꨵꨁဳꨳေꨡဳꨳေꨓဳꨳ။ မူိဝ္ꨳꨡြꨓ္တꨤင္းꨬတꨵေꨀဳꨳ ꨁဳꨳꨟဝ္းယꨤမ္ꨳတꨰမ္ꨳဝꨯꨵပꨓ္လꨯꨤးသ္ꨮꨲ Read More သုိပ္ꨲꨡꨤꨓ္ꨲꨓꨯဝꨯꨵယူꨲ၊ ꨀူꨉ္း လꨯꨤးꨡꨓ္ꨓꨓ္ꨵ မꨓ္းသုိဝ္ꨳလူိဝ္ယꨤပ္ꨲꨡိတ္းꨓုိင္ꨳ၊ ꨀူꨓ္းꨟဝ္းꨓꨯꨵေꨀဳꨳ လꨯꨳꨅ္ꨮငꨯꨤꨳငꨯꨤꨳꨀူꨉ္းꨬလꨳ ေတလꨤတ္ꨳေꨓ လြꨀ္းလꨯꨤးငꨯꨤꨳငꨯꨤꨳꨀူꨉ္းယဝ္ꨵꨁဳꨳ။

Zawgyi & Unicode ꨟꨮ္ꨳေပဳးꨡꨤꨓ္ꨳလꨯꨳတꨤင္းသြင္ꨡꨓ္

တြꨓ္ꨳတဳꨲတꨯးေꨀဳꨵꨅူိဝ္းသူꨓ္ꨅ္ꨮ ꨁ္ꨮꨳသ္ꨮꨲလူင္းꨓ္ꨮးဝꨰပ္ꨵသꨯꨤꨵတ္ꨕ္ꨮမꨓ္းꨁဳꨳေꨓဳꨳ၊ ꨀူꨓ္းတီꨳꨡꨓ္ေတ ꨁဝ္ꨳမဳးတူꨉ္းꨓ္ꨮးဝꨰပ္ꨵသꨯꨤꨵတ္ꨟဝ္းꨓꨓ္ꨵေꨀဳꨳ မီးလꨯꨤꨅူိဝ္းꨬလꨳ ေတမီးတꨤင္းꨕြꨓ္ꨵေꨅဳꨲꨀ်ီꨲZawgyi Fonts ꨬလꨳတင္းယူꨲꨓီꨀူတ္ꨵ Unicode ၊ ꨡမ္ꨲꨟူꨵဝဳꨳꨡꨓ္လ္ꨮပꨱꨓ္ꨡꨓ္လ္ꨮ၊ သင္ဝဳꨳသူꨓ္္ꨅ္ꨮꨁ္ꨮꨳꨬꨀꨳလိတ္ꨳပꨓ္ꨟဳ ꨡꨓ္ꨓꨯꨵꨓ္ꨮးတြꨓ္ꨳတဳꨲဝꨰပ္ꨵသꨯꨤꨵတ္ꨟဝ္းꨓꨯ သုိပ္ꨲꨡꨤꨓ္ꨲတူꨉ္း လြꨀ္းလꨯꨤးꨟꨱတ္းမꨓ္းတီꨳꨓꨯꨳꨀူꨉ္းေꨀဳꨳ လꨯꨳယဝ္ꨵေꨀဳꨳ။ ꨁဳꨳꨟဝ္းꨬတꨵ မူိꨓ္ꨓင္ꨲꨟူꨵꨀꨓ္ꨓꨓ္ꨵꨁဳꨳေꨓဳꨳ ၊ ꨁဳꨳꨟဝ္းပꨱꨓ္ꨀူꨓ္းတီꨳꨁ္ꨮꨳꨀꨱပ္းꨟြမ္တြမ္ꨅုေသ မဳးꨅꨰꨀ္ꨲေꨕပꨓ္ꨀူꨉ္းꨬလꨳ ꨟꨮ္ꨳေမဳꨬတꨵꨡမ္ꨲေမဳꨁဳꨳ၊ ꨀူꨉ္းꨀဳꨳေတꨁတ္းꨅ္ꨮ သုိပ္ꨲꨁꨤဝ္းတꨤင္းꨀꨮဳꨲတꨤင္းꨓဳꨳယူꨲတိꨀ္းတိꨀ္းꨁဳꨳယဝ္ꨵေꨓဳꨳ။

လြꨀ္းလꨯꨤးꨟꨱတ္းမꨓ္း

1. ꨁဝ္ꨳမဳးꨓ္ꨮးပလြꨀ္ꨵꨁ္ꨟဝ္းတီꨳ Sign in> Dashboard> Design > Add a Gadget > HTML/Javascript ေသ Copy ꨡဝ္ Code တꨤင္းတ္ꨮꨳꨓꨯꨵPastသ္ꨮꨲပꨓ္ေသꨀမ္း ꨷

<script src="http://kogeelay.googlecode.com/files/unicodeorzawgyi_KG.js"></script>


2. ေပဳးယဝ္ꨵေꨀဳꨳ Save ေꨀဳꨳယဝ္ꨵတူဝ္ꨳလီငꨤမ္းယဝ္ꨵေꨡဳꨳ။

မ္ꨮꨲသုင္ꨁဳꨳ ꨷

ꨡဝ္မဳးတီꨳဝꨰပ္ꨵသꨯꨤꨵတ္မꨤꨓ္ꨳꨁဝ္

လꨯꨤးꨟꨤမ္ꨳယဳꨲꨟꨮ္ꨳꨕ္ꨮꨡဝ္သင္လꨯꨳꨓူိဝ္ဝꨰပ္ꨵသꨯꨤꨵတ္ꨟဝ္းNo Right Click

လြꨀ္းလꨯꨤးꨡꨓ္ꨓꨯꨵꨬတꨵေꨀဳꨳ မီးတꨤင္းေꨁဳꨳလီ ꨡမ္ꨲလီꨅြမ္းꨀꨓ္ꨁဳꨳယဝ္ꨵ၊ ယြꨓ္ꨵပူိဝ္ꨳဝဳꨳ မꨓ္းပꨱꨓ္လြꨀ္းလꨯꨤးꨡꨓ္ꨓုိင္ꨳꨓꨯꨬလꨳ ꨁဳꨳꨟဝ္းꨅင္ꨲလꨯꨳꨡဝ္မဳး မြꨀ္ꨲလꨤတ္ꨳေꨓပꨓ္ꨀူꨉ္း၊ ꨡမ္ꨲလီꨟꨱတ္းꨓꨯꨬတꨵ ꨁဳးꨡမ္ꨲဝဳꨳ ꨀူꨉ္းꨀဳꨳ ေပဳးဝဳꨳꨟဝ္းေတ ꨟꨱတ္းဝꨰပ္ꨵသꨯꨤꨵတ္ ꨟꨮ္ꨳပူိꨓ္ꨳꨟူꨵပူိꨓ္ꨳꨟꨓ္ယဝ္ꨵꨓꨯ ေတꨀူဝ္ပူိꨓ္ꨳမဳးꨡဝ္ꨀꨮဳꨲꨟꨱတ္းသင္ ꨓꨯလီဝူꨓ္ꨵꨀꨮင္ဝꨯꨵယူꨲ၊ ꨀူꨉ္း ေပဳးေတတူꨉ္း လြင္ꨳသုꨓ္ꨲတူဝ္ꨓꨯꨬတꨵ ထုꨀ္ꨲလီꨟꨱတ္းယူꨲꨓင္ꨲꨀဝ္ꨲ၊ ယြꨓ္ꨵဝဳꨳ ꨀူꨓ္းမꨤင္ꨅူိဝ္းꨟုိဝ္ မုိဝ္းမꨤင္ꨁြꨓ္ꨓꨯꨵ ꨀꨯꨵꨀꨯꨵꨡြꨓ္ꨀꨮဳꨲꨡဝ္ ပꨱꨓ္လြင္ꨳꨟꨯꨤꨵေꨀဳꨳ မီးꨓꨓ္ꨵꨁဳꨳယဝ္ꨵ။ လꨤတ္ꨳꨓမ္ေꨀဳꨳꨁမ္ꨅ္ꨮ ေပဳးလꨤတ္ꨳေꨡꨲေꨀဳꨳ ေတꨡမ္ꨲေပꨲꨅ္ꨮꨁဳꨳေꨓဳꨳ ေပဳးꨕ္ꨮꨁ္ꨮꨳꨅ္ꨮꨵေꨀဳꨳ ꨡဝ္ေသ ေပဳးꨕ္ꨮသꨯꨤေလေသလꨯꨤ တꨀ္ꨵꨓꨯꨤဝဳꨳမꨓ္းꨡမ္ꨲꨁꨰမ္ꨵꨓꨯေꨀဳꨳ လပ္းတဳꨁꨤမ္ꨳပူꨓ္ꨵပꨰတ္ꨳေသꨬလꨳေꨓဳꨳ ꨷

လြꨀ္းလꨯꨤꨳꨟꨱတ္းမꨓ္း ꨷

1. ꨡြꨓ္တꨤင္းသုတ္း ꨀꨮဳꨲCopy ꨡဝ္ Code တီꨳတ္ꨮꨳꨓꨯꨵေသ


<SCRIPT language=JavaScript>

<!-- http://www.spacegun.co.uk -->

var message = "function disabled";

function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }

if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }

document.onmousedown = rtclickcheck;

</SCRIPT>


2. ꨁဝ္ꨳမဳးꨓ္ꨮးဝꨰပ္ꨵသꨯꨤꨵတ္ꨟုိဝ္ ပလြꨀ္ꨵꨁ္ꨁြင္ꨟဝ္းမူိꨓ္ꨓꨯ ꨷ Sign in to your blogger dashboad > Design> Page Elements > Add a Gedget >HTML/JavaScript ယဝ္ꨵေꨀဳꨳ Past လူင္းသ္ꨮꨲေသꨓꨱꨀ္း Save ꨀူꨉ္းေꨀဳꨳ လꨯꨳယဝ္ꨵေꨡဳꨳ။

ꨟꨱတ္းတူꨉ္းꨀြꨓ္ꨲ ꨅင္ꨲယုမ္ꨲꨁဳꨳꨓဳ ꨷ မ္ꨮꨲသုင္ꨁဳꨳ

လꨯꨤးꨟꨱတ္းꨟꨮ္ꨳ HTML Code ꨡြꨀ္ꨲမဳးꨓူိဝ္ ဝꨰပ္ꨵသꨯꨤꨵတ္

မ္ꨮꨲသုင္ꨁဳꨳ ꨷ ꨅူဝ္ꨳꨀဳꨳပ္ꨮꨲလꨤတ္ꨳေꨓလြင္ꨳꨓꨯꨵ မူိဝ္ꨳꨡြꨓ္တꨤင္း ꨁဳꨳꨟဝ္းလꨯꨳꨟူဝ္မဝ္းꨀြပ္ꨳꨡꨓ္ꨓꨯꨵမဳးတꨤင္းꨟုိင္ေꨡဳꨳ။ ꨀူꨉ္း ေပဳးတူꨉ္းေꨅးေꨅး ေပဳးမူꨓ္ꨵေမးတိꨀ္းတိꨀ္းေꨀဳꨳ မꨓ္းေꨀဳꨳꨀꨮဳꨲꨟꨓ္တိတ္းမꨰꨓ္ꨳꨉဳးလြꨀ္းလꨯꨤးꨓꨯꨵေသ ꨅင္ꨲလꨯꨳလူမ္ꨅ္ꨮ လꨯꨳမဳးꨅꨰꨀ္ꨲေꨕေꨓပꨓ္တꨯးေꨀဳꨵꨟဝ္းꨁဝ္ယူꨲ ꨀူꨳဝꨓ္းꨓ္ꨮꨓꨯꨵေꨡဳꨳ။ မူိꨓ္ꨓင္ꨲဝဳꨳꨓꨓ္ꨵꨁဳꨳယဝ္ꨵ၊ မူိဝ္ꨳပ္ꨮꨲꨟူꨵꨓꨯꨵ ꨅ္ꨮꨵꨁꨤဝ္းယꨤမ္းလꨯꨤꨅူဝ္ꨳမူင္းေသတ ေပဳးဝဳꨳꨟူꨵလꨯꨤးမꨓ္းမဳးယဝ္ꨵေꨀဳꨳ ေတဳꨳꨟꨱတ္းꨀꨰပ္ꨵꨓုိင္ꨳꨀူꨉ္းေꨀဳꨳ လꨯꨳယဝ္ꨵေꨡဳꨳ။

လြꨀ္းလꨯꨤးꨟꨱတ္းမꨓ္း

1. ꨡြꨓ္တꨤင္းသုတ္း ꨁဝ္ꨳꨀꨮဳꨲတီꨳဝꨰပ္ꨵသꨯꨤꨵတ္ꨓꨯꨵေသꨀမ္း http://www.simplebits.com

မꨓ္းေတꨡြꨀ္ꨲꨟꨤင္ꨳမဳးꨓင္ꨲꨓꨯေꨡဳꨳ၊

2. ꨟဝ္းေꨀဳꨳ Copy ꨡဝ္ Code Html ꨡꨓ္ꨟဝ္းေတသ္ꨮꨲလူင္းꨓꨓ္ꨵ မဳးသ္ꨮꨲတီꨳꨓ္ꨮးလြꨀ္း Enter Markup ေသ ꨓꨱꨀ္းProcess ေသꨀမ္း၊

3. ꨀꨮဳꨲ Copy ꨡဝ္ Code တီꨳꨡꨓ္ꨡြꨀ္ꨲမဳးꨓ္ꨮးလြꨀ္း Cut n' Paste ꨓꨓ္ꨵေသ ꨀꨮဳꨲ Past သ္ꨮꨲꨓ္ꨮးပလြꨀ္ꨵꨁ္ ꨟုိဝ္ ဝꨰပ္ꨵသꨯꨤꨵတ္ꨟဝ္းလꨯꨳယဝ္ꨵေꨡဳꨳ
       ꨘꨤင္ꨵ // မူိဝ္ꨳꨟဝ္းꨀꨮဳꨲသ္ꨮꨲꨓꨓ္ꨵ ေတလꨯꨳꨀꨮဳꨲသ္ꨮꨲꨟꨮ္ꨳပꨱꨓ္ Edit HTML ေသꨀမ္းꨁဳး

လꨯꨤꨳသ္ꨮꨲ Comment Box ꨟꨤင္ꨳလီလီ ꨓ္ꨮးBlog

တြꨓ္ꨳတဳꨲတꨯးေꨀဳꨵပီꨳꨓြင္ꨵ Blogger ꨟဝ္းꨁဝ္ မူိဝ္ꨳꨓꨯꨵꨁဳꨳꨟဝ္းမီးꨁြင္ꨕꨤꨀ္ꨲမဳးတြꨓ္ꨳပꨓ္ꨁဳꨳေꨡဳꨳ။ ꨓꨓ္ꨵꨬတꨵပꨱꨓ္ Comment Box တီꨳတဳꨲေတတꨰမ္ꨳလိꨀ္ꨳတꨤင္းꨟꨓ္ထုိင္ꨓ္ꨮးပလြꨀ္ꨵꨁ္ꨟဝ္းꨁဳꨳꨓꨓ္ꨵယဝ္ꨵ၊ Comment Box ꨁြင္ပလြꨀ္ꨵꨁ္ꨡꨓ္ပဳးမဳးꨓꨓ္ꨵ ေတꨡမ္ꨲꨅꨓ္ꨅ္ꨮမူိꨓ္Wordpressꨁဝ္ ယြꨓ္ꨵꨓꨓ္ ꨟဝ္းꨁဳꨳမဳးလꨰꨀ္ꨳလꨯꨤꨳ Comment Box ꨟꨤင္ꨳလီလီꨀꨓ္ꨁဳꨳေꨓဳꨳ။

လြꨀ္းလꨯꨤးꨟꨱတ္း

1. ꨡြꨓ္တꨤင္းသုတ္း ꨀꨮဳꨲတီꨳဝꨰပ္ꨵသꨯꨤꨵတ္ꨓꨯꨵ http://www.disqus.com/

2. မꨓ္းေတꨡြꨀ္ꨲမဳးတုမ္ꨲသြင္တုမ္ꨲ ꨀꨮဳꨲꨓꨱꨀ္းသ္ꨮꨓူိဝ္တုမ္ꨲ Sign Up ေသꨀမ္း
3. ေတမီးလꨯꨤလြꨀ္းꨟꨮ္ꨳꨟဝ္းသ္ꨮꨲပူိင္တꨰꨀ္ꨳမꨓ္းတီꨳ Site URL:ꨓꨓ္ꨵ http://www.lankham.blogspot.com ꨓꨯသ္ꨮꨲပꨓ္ꨅုိဝ္ꨳပလြꨀ္ꨵꨁ္ꨟဝ္း
Site Name: Lankham သ္ꨮꨲပꨓ္ꨅုိဝ္ꨳပလြꨀ္ꨵꨁ္လꨯ꨸ > Site shortname: သ္ꨮꨲ lankham ထꨰင္ꨳ
4. သုꨓ္ꨲတီꨳ Primary Moderator ꨓꨓ္ꨵတီꨳ Username: ꨟဝ္းသ္ꨮꨲꨡီးေမးလ္ꨟဝ္း Password: ေꨀဳꨳသ္ꨮꨲမꨯꨤလပ္ꨵ

5.ေပဳးယဝ္ꨵတင္းꨓူိဝ္ꨓꨯꨵယဝ္ꨵꨓꨯ ꨓꨱꨀ္း Continue ေသေတꨡြꨀ္ꨲမဳးထꨰင္ꨳꨓဳꨳꨓုိင္ꨳ သုိပ္ꨲꨓꨱꨀ္း Continue ေတꨡြꨀ္ꨲမဳးထꨰင္ꨳ

6. ေပဳးယဝ္ꨵ ꨟဝ္းေꨀဳꨳမဳးလူိꨀ္ꨳ Blogger ယဝ္ꨵေꨀဳꨳေတꨡြꨀ္ꨲမဳးထꨰင္ꨳꨁဳꨳေꨡဳꨳ။ ꨓꨱꨀ္းသ္ꨮꨲတုမ္ꨲ Add site lankham.blogspot to Bloggerꨓꨯေသꨀမ္း၊ မꨓ္းေတꨀꨮဳꨲမီးဝꨯꨵꨓဳꨳ Blog widget ꨁဳꨳေꨡဳꨳ။
7. ဝꨯꨤးေသꨓꨓ္ꨵꨟဝ္းေꨀဳꨳꨀꨮဳꨲꨡဝ္ Widget ꨡꨓ္မꨓ္းꨡြꨀ္ꨲမဳးပꨓ္ꨓꨓ္ꨵေရ ꨀꨮဳꨲꨁꨯꨤꨵသ္ꨮꨲꨓူိဝ္ Widget တꨤင္းမူတ္း ယဝ္ꨵေꨀဳꨳ ꨓꨱꨀ္း Save As ꨓꨯꨀူꨉ္းေꨀဳꨳ လꨯꨳယဝ္ꨵꨁဳꨳ။ မ္ꨮꨲသုင္ꨁဳး ꨷꨷

Border Code ꨁြပ္ꨲꨁꨰပ္ꨲꨁꨰပ္းꨟꨤင္ꨳ/လိꨀ္ꨳ

မ္ꨮꨲသုင္ꨁဳꨳ꨷ တꨯးေꨀဳꨵꨅူိဝ္းသူင္္ꨅ္ꨮ သꨤင္ꨳဝꨰပ္ꨵသꨯꨤꨵတ္ꨬလꨳ ပလြꨀ္ꨵꨟဝ္းꨁဝ္ꨁဳꨳေꨓဳꨳ။ မူိဝ္ꨳꨓꨯꨵꨁဳꨳꨟဝ္းေတမဳးꨅꨰꨀ္ꨵေꨕေꨓပꨓ္ လြꨀ္းလꨯꨤးꨟꨱတ္းꨁြပ္ꨲꨁꨰပ္ꨲ ꨁꨰပ္းꨟꨤင္ꨳꨟုိဝ္ မူꨲလိꨀ္ꨳꨟုိဝ္ꨓꨯꨁဳꨳေꨡဳꨳ။ ေပဳးတူꨉ္းမꨓ္းꨬတꨵ လꨰပ္ꨳငꨯꨤꨳယူꨲꨓꨯေသတဳꨵ၊ ေပဳးေတꨟဳမဳးꨟꨱတ္းေတꨵေတꨵꨓꨯ ꨟꨱတ္းꨡမ္ꨲပꨱꨓ္ေꨀဳꨳꨅꨤင္ꨳပꨱꨓ္ꨁဳꨳေꨡဳꨳ။ Border ꨁြပ္ꨲꨁꨰပ္ꨲꨓꨯꨵ ꨅူိဝ္းတꨯးေꨀဳꨵꨟဝ္းꨁဝ္ ꨀတ္ꨵꨁꨰꨓ္ꨲလꨰꨓ္ꨲလီꨓꨓ္ꨵေတ

သ္ꨮꨲꨁꨰပ္းꨟꨤင္ꨳ Magic Slideshow

Magic Slideshow

မူိဝ္ꨳꨓꨯꨵꨁဳꨳꨟဝ္းေတမဳးလꨤတ္ꨳေꨓလြꨀ္းလꨯꨤးꨟꨱတ္း

Slideshowꨓ္ꨮးဝꨰပ္ꨵသꨤꨯꨵတ္/ပလြꨀ္ꨵꨁ္ꨟဝ္း

ꨡိတ္းꨓုိင္ꨳꨁဳꨳေꨓဳꨳ။ ꨀꨱဝ္ꨲꨀပ္းလူꨉ္ꨳလြင္ꨳ

Slideshowေသယဝ္ꨵ၊ဝꨰပ္ꨵသꨯꨤꨵတ္freeꨡꨓ္ꨟꨱတ္း

Slideshowေꨀဳꨳမီးယူꨲတꨤင္းꨓမ္တꨤင္းလꨯꨤꨁဳꨳ၊

ꨀူꨉ္းꨀဳꨳလူꨉ္ꨳꨅြမ္းတꨤင္းလꨯꨳꨅ္ꨮꨀူꨓ္းꨟဝ္း

ေသꨬလꨳတꨤင္ꨳလꨯꨳꨅ္ꨮေတꨡမ္ꨲမူိꨓ္ꨀꨓ္၊ ꨅူိင္ꨵꨟုိဝ္ေꨀဳꨳလီယူꨲꨀူꨳꨡꨓ္ꨀူꨉ္းꨡꨓ္ꨓꨯꨵꨟꨤင္ꨳလီတူꨉ္းငꨯꨤꨳမုိတ္ꨳတဳလီꨁဳꨳေꨡဳꨳ။ သင္ဝဳꨳလꨯꨳꨅ္ꨮꨓꨯေꨀဳꨳꨡဝ္ꨅ္ꨮꨵတုိဝ္းꨁဳꨳꨬလꨳေꨓဳꨳ။လြꨀ္းလꨯꨤးꨟꨱတ္းမꨓ္းꨬတꨵꨡမ္ꨲေပဳးပူိင္ꨳꨀꨓ္ꨡမ္ꨲယꨤမ္ꨳꨟꨱတ္းမဳးꨁဳꨳ ꨷

တြꨓ္ꨳꨓုိင္ꨳ

ေပဳးꨁဝ္ꨳမဳးထုိင္တီꨳꨓꨯꨳယဝ္ꨵꨓꨯ ꨓꨱꨀ္း Ctr+F ေသꨟဳ Code ꨓꨯꨵ </head>
ေပဳးꨟဳꨟꨓ္ယဝ္ꨵꨓꨯ Copyꨡဝ္ Code (1) တꨤင္းတ္ꨮꨳꨓꨯꨵေသꨀꨮဳꨲ Past ꨓူိဝ္ </head>ꨓꨓ္ꨵေသꨀမ္း။

Code (1)


<link rel="stylesheet" type="text/css" href="https://4636338866364619332-a-1802744773732722657-s-sites.googlegroups.com/site/mauganj1/magicslideshow.css" />

<script type="text/javascript" src="http://blogger9.googlecode.com/files/magicslideshow.js"></script>

<script type="text/javascript" src="http://blogger9.googlecode.com/files/magictabs.js"></script>

<style type="text/css">

/*<![CDATA[*/

.MagicSlideshow {

margin-bottom: 30px;

border: 1px solid #557493;

width:430px;

height:323px;

}

.MagicSlideshowThumbnailsContainer {

background-color:#91a1b1;

border-bottom:1px dotted #557493;

padding: 0 3px;

}

.MagicSlideshowThumbnailsContainerStyle {

background:transparent;

}

img.MagicSlideshowImage {

border: none;

}

img.MagicSlideshowThumbnail {

border: 3px solid #91a1b1;

margin: 4px 3px;

background:#3a5874;

}

img.MagicSlideshowThumbnail.highlight {

border: 3px solid #557493;

}

.MagicSlideshowDescription {

line-height: 15px;

background: #3a5874;

padding: 8px 3px 3px 10px !important;

border-top:1px dotted #557493;

}

.MagicSlideshowDescription b {

font-size:24px;

}



/*]]>*/

</style>





* Now find <body> by CTRL+F


--------------------------------------------------

တြꨓ္ꨳသြင္

ေပဳးယဝ္ꨵတြꨓ္ꨳꨓုိင္ယဝ္ꨵꨓꨯ မဳးသုိပ္ꨲꨟဳ Code ꨓꨯꨵထꨰင္ေသꨀမ္းꨁဳꨳ။ ေပဳးယဝ္ꨵေꨀဳꨳꨓꨱꨀ္း Save Templateꨁဳꨳ

<body>

ေပဳးꨟꨓ္ယဝ္ꨵꨓꨯ Copy ꨡဝ္ Code (2) တꨤင္းတ္ꨮꨳꨓꨯꨵေသꨀꨮဳꨲPastသ္ꨮꨲဝꨯꨵတ္ꨮꨳ <body>ꨓꨯꨵေသꨀမ္း

Code (2)


<script type="text/javascript">

/*<![CDATA[*/

MagicSlideshow.options={'thumbnail-opacity':1,'effect':'fade','container-opacity':0,'width':430,'height':323}

/*]]>*/

</script>


---------------------------------------------------------

တြꨓ္ꨳသꨤမ္

ေပဳးမဳးထုိင္တီꨳꨓꨯꨳယဝ္ꨵ၊ ꨀꨮဳꨲꨓꨱꨀ္း Add a Gadget ယဝ္ꨵေꨀဳꨳလူိꨀ္ꨳ HTML/JavaScript ေသCopy ꨡဝ္ Code (3)ꨓꨯꨵေသPastဝꨤင္းသ္ꨮꨲꨁဳꨳꨬလꨳ၊ေပဳးယဝ္ꨵေꨀဳꨳ ꨓꨱꨀ္းSave ေꨀဳꨳလꨯꨳယဝ္ꨵေꨡဳꨳ။

Code (3)


<div class="MagicSlideshow">



            <a rel="http://santabanta.mywapblog.com/files/forester.jpg"><img src="http://santabanta.mywapblog.com/files/forester-small.jpg" alt="TITLE1 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/q7.jpg"><img src="http://santabanta.mywapblog.com/files/q7-small.jpg" alt="TITLE2 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>

            <a rel="http://santabanta.mywapblog.com/files/tiguan.jpg"><img src="http://santabanta.mywapblog.com/files/tiguan-small.jpg" alt="TITLE3 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/rx450.jpg"><img src="http://santabanta.mywapblog.com/files/rx450-small.jpg" alt="TITLE4 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/cayenne.jpg"><img src="http://santabanta.mywapblog.com/files/cayenne-small.jpg" alt="TITLE5 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>



            <a rel="http://santabanta.mywapblog.com/files/xtrail.jpg"><img src="http://santabanta.mywapblog.com/files/xtrail-small.jpg" alt="TITLE6 HERE"/><span>ADD HERE SHORT DESCRIPTION</span></a>

            <a rel="http://santabanta.mywapblog.com/files/gl.jpg"><img src="http://santabanta.mywapblog.com/files/gl-small.jpg" alt="TITLE7 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>

            <a rel="http://santabanta.mywapblog.com/files/rangerover.jpg"><img src="http://santabanta.mywapblog.com/files/rangerover-small.jpg" alt="TITLE8 HERE"/><span>ADD HERE SHORT DESCRIPTION.</span></a>



        </div>






သ္ꨮꨲ Featured content slider ပꨓ္ꨓ္ꨮးဝꨰပ္ꨵသꨯꨤꨵတ္/ပလြꨀ္ꨵꨁ္

မ္ꨮꨲသုင္ေသꨀမ္းꨁဳꨳေꨓဳꨳ။ မူိဝ္ꨳꨓꨯꨵꨁဳꨳꨟဝ္းမီးꨁြင္လီ ꨕꨤꨀ္ꨳတြꨓ္ꨳပꨓ္ထုိင္ တꨯးေꨀဳꨵꨟဝ္းꨁဝ္ ꨅူိဝ္းသူင္ꨅ္ꨮသꨤင္ꨳဝꨰပ္ꨵသꨯꨤꨵတ္/ပလြꨀ္ꨵꨁ္ꨟဝ္းꨁဝ္ꨁဳꨳေꨡဳꨳ။ တꨯးေꨀဳꨵꨟဝ္းꨁဝ္ꨬတꨵေတ ဝဳꨳꨟုိဝ္ꨡမ္ꨲꨟူꨵ၊လြင္ꨳ Featured content slider ꨓꨯꨵꨁဳꨳꨟဝ္းꨟဳမဳးတꨤင္းꨟုိင္ꨁဳꨳေꨡဳꨳ။ ꨟꨓ္ယူꨲꨀူꨉ္းꨡမ္ꨲမꨰꨓ္ꨳꨅ္ꨮꨬလꨳ ꨟဳꨡꨓ္ꨓုိင္ꨳယဝ္ꨵꨡꨓ္ꨓုိင္ꨳယူꨲꨟꨱတ္းꨓꨓ္တိꨀ္းတိꨀ္းꨁဳꨳယဝ္ꨵ။ ယြꨓ္ꨵꨓꨓ္ဝꨯꨤးꨟဳꨟꨓ္ယဝ္ꨵေꨀဳꨳ မီးꨅ္ꨮꨁ္ꨮꨳꨅꨰꨀ္ꨵေꨕပꨓ္တꨯးေꨀဳꨵꨟဝ္းꨁဝ္ꨓꨯꨁဳꨳေꨡဳꨳ။

Featured content slider

လြꨀ္းလꨯꨤးသ္ꨮꨲမꨓ္းꨬတꨵမူိꨓ္ꨓင္ꨲꨁဳꨳꨟဝ္းယꨤမ္ꨳလꨤတ္ꨳမဳးꨓꨓ္ꨵꨁဳꨳယဝ္ꨵ။ "ꨡမ္ꨲယꨤပ္ꨲသင္" ꨓꨯꨁဳꨳေꨡဳꨳ။ တူꨉ္းလꨤတ္ꨳꨟꨱတ္းမꨓ္းꨁဳꨳ။

ေပဳးထုိင္တီꨳꨓꨯꨳယဝ္ꨵ၊ ꨓꨱꨀ္း Ctr+F ꨅြမ္းꨀꨓ္ေသꨟဳ </code> ꨓꨯꨵေသꨀမ္းꨁဳꨳ။
ေပဳးꨟꨓ္ယဝ္ꨵꨓꨯ Copy ꨡဝ္ Code (1)ꨓꨯꨵေသꨀꨮဳꨲသ္ꨮꨲꨓူိဝ္ </code> ꨓꨓ္ꨵေသꨀမ္း

တြꨓ္ꨳꨓုိင္ꨳ

Code (1)


* Copy below code and paste before </head>



<style type='text/css'>

#s3slider {

background: none repeat scroll 0 0 #FFFFFF;

border: 4px solid #149CD5;

height: 280px;

margin-bottom: 25px;

margin-top: 0;

overflow: hidden;

position: relative;

text-shadow: 0 1px 0 #000000;

width: 585px;

}

#s3sliderContent {

background: none repeat scroll 0 0 #FFFFFF;

height: 300px;

list-style: none outside none;

margin-left: 0;

overflow: hidden;

padding: 0;

position: absolute;

top: -14px;

width: 585px;

}

.s3sliderImage {

float: left;

position: relative;

width: 585px;

}

.s3sliderImage span {

background-color: #000000;

color: #FFFFFF;

display: none;

font-size: 12px;

height: 300px;

line-height: 16px;

opacity: 0.7;

overflow: hidden;

padding: 10px 13px;

position: absolute;

right: 0;

top: 0;

width: 180px;

}

.s3sliderImage strong a {

font-family: 'Myriad Pro',Helvetica,Arial,Sans-Serif;

font-size: 20px;

}

.s3sliderImage strong a:hover {

color: #FFFFFF;

}

</style>



<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>



<script type='text/javascript'>

//<![CDATA[

/* ------------------------------------------------------------------------

s3Slider



Developped By: Boban Karišik -> http://www.serie3.info/

        CSS Help: Mészáros Róbert -> http://www.perspectived.com/

Version: 1.0



Copyright: Feel free to redistribute the script/modify it, as

      long as you leave my infos at the top.

-------------------------------------------------------------------------- */





(function($){



    $.fn.s3Slider = function(vars) {      



        var element     = this;

        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;

        var current     = null;

        var timeOutFn   = null;

        var faderStat   = true;

        var mOver       = false;

        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");

        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");



        items.each(function(i) {



            $(items[i]).mouseover(function() {

               mOver = true;

            });



            $(items[i]).mouseout(function() {

                mOver   = false;

                fadeElement(true);

            });



        });



        var fadeElement = function(isMouseOut) {

            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;

            thisTimeOut = (faderStat) ? 10 : thisTimeOut;

            if(items.length > 0) {

                timeOutFn = setTimeout(makeSlider, thisTimeOut);

            } else {

                console.log("Poof..");

            }

        }



        var makeSlider = function() {

            current = (current != null) ? current : items[(items.length-1)];

            var currNo      = jQuery.inArray(current, items) + 1

            currNo = (currNo == items.length) ? 0 : (currNo - 1);

            var newMargin   = $(element).width() * currNo;

            if(faderStat == true) {

                if(!mOver) {

                    $(items[currNo]).fadeIn((timeOut/6), function() {

                        if($(itemsSpan[currNo]).css('bottom') == 0) {

                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {

                                faderStat = false;

                                current = items[currNo];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        } else {

                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {

                                faderStat = false;

                                current = items[currNo];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        }

                    });

                }

            } else {

                if(!mOver) {

                    if($(itemsSpan[currNo]).css('bottom') == 0) {

                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {

                            $(items[currNo]).fadeOut((timeOut/6), function() {

                                faderStat = true;

                                current = items[(currNo+1)];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        });

                    } else {

                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {

                        $(items[currNo]).fadeOut((timeOut/6), function() {

                                faderStat = true;

                                current = items[(currNo+1)];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        });

                    }

                }

            }

        }



        makeSlider();



    };



})(jQuery);

//]]>

</script>

<script type='text/javascript'>

$(document).ready(function() {

$('#s3slider').s3Slider({

timeOut: 4000

});

});

</script>

ေပဳးယဝ္ꨵေꨀဳꨳꨓꨱꨀ္း Save Template ေသꨀမ္းꨁဳꨳ။ သုိပ္ꨳတူꨉ္းꨀꨮဳꨲထꨰင္ꨳတြꨓ္ꨳသြင္ꨀြꨓ္ꨲ ꨷꨷

-------------------------------

တြꨓ္ꨳသြင္

ေပဳးယဝ္ꨵတြꨓ္ꨳမꨯꨤꨓုိင္ꨳယဝ္ꨵꨅုိင္ မဳးCopy ꨡဝ္ Code (2)ေသꨀꨮဳꨲဝꨯꨵတီꨳꨡꨓ္ꨟဝ္းꨁ္ꨮꨳဝꨯꨵဝꨤင္းꨓꨓ္ꨵေသꨀမ္း။မူိꨓ္ꨓင္ꨲꨀꨮဳꨲတီꨳ Add a Gadget ယဝ္ꨵေꨀဳꨳလူိꨀ္ꨳ HTML/JavaScript ေသCopy ꨡဝ္ Code (2)ꨓꨯꨵေသPastဝꨤင္းသ္ꨮꨲꨁဳꨳꨬလꨳ၊ေပဳးယဝ္ꨵေꨀဳꨳ ꨓꨱꨀ္းSave ေꨀဳꨳလꨯꨳယဝ္ꨵေꨡဳꨳ။

Code (2)


<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawU6Z88SUIl2jX07yqhi42dOsMIt71At-7SqWNc_tipmtKccQ6-_g5u_BBf2Hed1pcC3P10MvgsXUw_wTldzE-mCaUHn6XcIYmW_PrelPRTatn9wr2zR5TMT0rTHL_KiL3wKUzk31vlzt/s1600/1.jpg" />
<span><strong><a href="ADD HERE POST1 URL">ADD HERE POST1 TITLE</a></strong>
<p>ADD HERE POST1 SHORT DESCRIPTION...</p>
</span>
</li>
<li class="s3sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1YNnIVY2Jrr1ZD8oxhRNjTpjWJ0FWVkl_zt1iH4tviC7J5Al981ZkEcDf8Oht5ViCudleY3S1QLxPMsNTKUYi4AUcpWoToT5IVbQek0Zpdb8HOeX9-a0dxts_nVRP2quQ-qonJPoUspGt/s1600/2.jpg" />
<span><strong><a href="ADD HERE POST2 URL">ADD HERE POST2 TITLE</a></strong>
<p>ADD HERE POST2 SHORT DESCRIPTION...</p>
</span>
</li>
<li class="s3sliderImage">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyefcZc8w6Pprbs9bxKKBLDh3stixbwpHdJ_kSKSjtpg3bVzR0UOcFhQEqN3vyOylxNpm_6oeXQYvCJfXGSyY6CLRNM_-GXvCAw2uDxE-sYTqH8s2SR4q9clQpGD4KWD4qjquvv9F2EjWA/s1600/3.jpg" />
<span><strong><a href="ADD HERE POST3 URL">ADD HERE POST3 TITLE</a></strong>
<p>ADD HERE POST3 SHORT DESCRIPTION...</p>
</span>
</li>
<div class="clear s3sliderImage"></div>
</ul>
</div>


ꨟꨤင္ꨳꨕꨤင္မꨓ္းေတမူိꨓ္ꨓꨯ

=============================================================================
ꨅူိဝ္းꨓꨯꨵေꨀဳꨳလူိꨀ္ꨳတူꨉ္းေသလꨯꨳꨅ္ꨮꨡꨓ္လ္ꨮေꨀဳꨳ ꨟꨱတ္းꨅြမ္းꨀꨮဳꨲတꨤင္းꨓူိဝ္ꨓꨯꨵꨁဳꨳꨬလꨳ၊ ေတလꨯꨳဝꨯꨵသတိတြင္းဝꨯꨵဝဳꨳမꨓ္းမီး Code(1) ꨬလꨳ Code(2)

ꨟꨤင္ꨳꨕꨤင္ထꨰင္ꨳတꨤင္ꨳꨡꨓ္

Code (1)


<script src='http://bnote.googlecode.com/files/jquery-1.2.6.min.js' type='text/javascript'></script>

<script src='http://bnote.googlecode.com/files/jquery.jcarousel.pack.js' type='text/javascript'></script>

<script src='http://bnote.googlecode.com/files/jquery-ui-personalized-1.5.2.packed.js' type='text/javascript'></script>



<script type="text/javascript">

jQuery(document).ready(function() {

jQuery('#mycarousel').jcarousel({

wrap:"both",

scroll:2,

animation:"slow"

});

function mycarousel_initCallback(carousel) {

jQuery('#featured-next-button').bind('click', function() {

carousel.next();

return false;

});



jQuery('#featured-prev-button').bind('click', function() {

carousel.prev();

return false;

});

jQuery('.button-nav span').bind('click', function() {

carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));

return false;

});

};

jQuery('#feature-carousel').jcarousel({

wrap:"both",

scroll:1,

auto:10,

initCallback: mycarousel_initCallback,

buttonNextHTML: null,

buttonPrevHTML: null

});



});

</script>



<style type="text/css">

.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;}



.jcarousel-skin-tango .jcarousel-container-horizontal {width: 941px;margin: 0 auto;padding:0 20px;}



.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 941px;height: 254px;}

.jcarousel-skin-tango .jcarousel-item {width: 307px;height: 254px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}

.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}



.jcarousel-skin-tango .jcarousel-next-horizontal {

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcVOKScn0ZsvY84QWUApVYgv1Oxu_7ndkHx1eANvum06VIKcgJy7bZYKMUnwWuCW14NSBDeXTgv_xJ65KmvGWWIAc91itNySHpJa_gJf_JKQgHjHHhJDUGaU2kQpIdTlUBjblap4ccirZC/s1600/image-slider-button.png) no-repeat scroll -46px 0;

cursor:pointer;

height:254px;

right:20px;

position:absolute;

top:0;

width:46px;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal {

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcVOKScn0ZsvY84QWUApVYgv1Oxu_7ndkHx1eANvum06VIKcgJy7bZYKMUnwWuCW14NSBDeXTgv_xJ65KmvGWWIAc91itNySHpJa_gJf_JKQgHjHHhJDUGaU2kQpIdTlUBjblap4ccirZC/s1600/image-slider-button.png) no-repeat scroll 0 0;

cursor:pointer;

height:254px;

left:20px;

position:absolute;

top:0;

width:46px;

}



.jcarousel-container {position: relative;}

.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}

.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}

.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}

.jcarousel-next {z-index: 3;display: none;}

.jcarousel-prev {z-index: 3;display: none;}



#news-slider{background-color:#FFFFFF;padding:20px 0;}

#news-slider img{border:none;height:254px;width:307px;}

</style>


----------------------------------------------

Code (2)


<div id='news-slider'>

<ul class='jcarousel-skin-tango' id='mycarousel'>

<li><a href='SLIDE-1-LINK-HERE'><img src='SLIDE-1-IMAGE-ADDRESS-HERE'/></a></li>

<li><a href='SLIDE-2-LINK-HERE'><img src='SLIDE-2-IMAGE-ADDRESS-HERE'/></a></li>

<li><a href='SLIDE-3-LINK-HERE'><img src='SLIDE-3-IMAGE-ADDRESS-HERE'/></a></li>

<li><a href='SLIDE-4-LINK-HERE'><img src='SLIDE-4-IMAGE-ADDRESS-HERE'/></a></li>

<li><a href='SLIDE-5-LINK-HERE'><img src='SLIDE-5-IMAGE-ADDRESS-HERE'/></a></li>

</ul>

</div>


=============================================================

ꨟꨤင္ꨳꨕꨤင္ထꨰင္ꨳတꨤင္ꨳꨡꨓ္

Code (1)


<script type='text/javascript'>

//<![CDATA[



//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.

//** May 2nd, 08'- Script rewritten and updated to 2.0.

//** June 12th, 08'- Script updated to v 2.3, which adds the following features:

//1) Changed behavior of script to actually collapse the previous content when the active one is shown, instead of just tucking it underneath the later.

//2) Added setting to reveal a content either via "click" or "mouseover" of pagination links (default is former).

//3) Added public function for jumping to a particular slide within a Featured Content instance using an arbitrary link, for example.



//** July 11th, 08'- Script updated to v 2.4:

//1) Added ability to select a particular slide when the page first loads using a URL parameter (ie: mypage.htm?myslider=4 to select 4th slide in "myslider")

//2) Fixed bug where the first slide disappears when the mouse clicks or mouses over it when page first loads.



var featuredcontentslider={



//3 variables below you can customize if desired:

ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="loading.gif" /> Fetching slider Contents. Please wait...</div>',

bustajaxcache: true, //bust caching of external ajax page after 1st request?

enablepersist: true, //persist to last content viewed when returning to page?



settingcaches: {}, //object to cache "setting" object of each script instance



jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.

this.turnpage(this.settingcaches[fcsid], pagenumber)

},



ajaxconnect:function(setting){

var page_request = false

if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)

try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")

}

catch (e){

try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")

}

catch (e){}

}

}

else if (window.XMLHttpRequest) // if Mozilla, Safari etc

page_request = new XMLHttpRequest()

else

return false

var pageurl=setting.contentsource[1]

page_request.onreadystatechange=function(){

featuredcontentslider.ajaxpopulate(page_request, setting)

}

document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg

var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()

page_request.open('GET', pageurl+bustcache, true)

page_request.send(null)

},



ajaxpopulate:function(page_request, setting){

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){

document.getElementById(setting.id).innerHTML=page_request.responseText

this.buildpaginate(setting)

}

},



buildcontentdivs:function(setting){

var alldivs=document.getElementById(setting.id).getElementsByTagName("div")

for (var i=0; i<alldivs.length; i++){

if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"

setting.contentdivs.push(alldivs[i])

alldivs[i].style.display="none" //collapse all content DIVs to begin with

}

}

},



buildpaginate:function(setting){

this.buildcontentdivs(setting)

var sliderdiv=document.getElementById(setting.id)

var pdiv=document.getElementById("paginate-"+setting.id)

var phtml=""

var toc=setting.toc

var nextprev=setting.nextprev

if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){

for (var i=1; i<=setting.contentdivs.length; i++){

phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '

}

phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')

pdiv.innerHTML=phtml

}

var pdivlinks=pdiv.getElementsByTagName("a")

var toclinkscount=0 //var to keep track of actual # of toc links

for (var i=0; i<pdivlinks.length; i++){

if (this.css(pdivlinks[i], "toc", "check")){

if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)

pdivlinks[i].style.display="none" //hide this toc link

continue

}

pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link

pdivlinks[i][setting.revealtype]=function(){

featuredcontentslider.turnpage(setting, this.getAttribute("rel"))

return false

}

setting.toclinks.push(pdivlinks[i])

}

else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"

pdivlinks[i].onclick=function(){

featuredcontentslider.turnpage(setting, this.className)

return false

}

}

}

this.turnpage(setting, setting.currentpage, true)

if (setting.autorotate[0]){ //if auto rotate enabled

pdiv[setting.revealtype]=function(){

featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])

}

sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on

featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])

}

setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation

this.autorotate(setting)

}

},



urlparamselect:function(fcsid){

var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL

return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index

},



turnpage:function(setting, thepage, autocall){

var currentpage=setting.currentpage //current page # before change

var totalpages=setting.contentdivs.length

var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)

turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust

if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly

return

setting.currentpage=turntopage

setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex

this.cleartimer(setting, window["fcsfade"+setting.id])

setting.cacheprevpage=setting.prevpage

if (setting.enablefade[0]==true){

setting.curopacity=0

this.fadeup(setting)

}

if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)

setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")

setting.onChange(setting.prevpage, setting.currentpage)

}

setting.contentdivs[turntopage-1].style.visibility="visible"

setting.contentdivs[turntopage-1].style.display="block"

if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)

this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")

if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)

this.css(setting.toclinks[turntopage-1], "selected", "add")

setting.prevpage=turntopage

if (this.enablepersist)

this.setCookie("fcspersist"+setting.id, turntopage)

},



setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)

var targetobject=setting.contentdivs[setting.currentpage-1]

if (targetobject.filters && targetobject.filters[0]){ //IE syntax

if (typeof targetobject.filters[0].opacity=="number") //IE6

targetobject.filters[0].opacity=value*100

else //IE 5.5

targetobject.style.filter="alpha(opacity="+value*100+")"

}

else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax

targetobject.style.MozOpacity=value

else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax

targetobject.style.opacity=value

setting.curopacity=value

},



fadeup:function(setting){

if (setting.curopacity<1){

this.setopacity(setting, setting.curopacity+setting.enablefade[1])

window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)

}

else{ //when fade is complete

if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)

setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")

setting.onChange(setting.cacheprevpage, setting.currentpage)

}

},



cleartimer:function(setting, timervar){

if (typeof timervar!="undefined"){

clearTimeout(timervar)

clearInterval(timervar)

if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div

setting.contentdivs[setting.cacheprevpage-1].style.display="none"

}

}

},



css:function(el, targetclass, action){

var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")

if (action=="check")

return needle.test(el.className)

else if (action=="remove")

el.className=el.className.replace(needle, "")

else if (action=="add")

el.className+=" "+targetclass

},



autorotate:function(setting){

window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])

},



getCookie:function(Name){

var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair

if (document.cookie.match(re)) //if cookie found

return document.cookie.match(re)[0].split("=")[1] //return its value

return null

},



setCookie:function(name, value){

document.cookie = name+"="+value



},





init:function(setting){

var persistedpage=this.getCookie("fcspersist"+setting.id) || 1

var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index

this.settingcaches[setting.id]=setting //cache "setting" object

setting.contentdivs=[]

setting.toclinks=[]

setting.topzindex=0

setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)

setting.prevpage=setting.currentpage

setting.revealtype="on"+(setting.revealtype || "click")

setting.curopacity=0

setting.onChange=setting.onChange || function(){}

if (setting.contentsource[0]=="inline")

this.buildpaginate(setting)

if (setting.contentsource[0]=="ajax")

this.ajaxconnect(setting)

}



}



//]]>

</script>



<style>

#slider4{

border: 2px solid #181818;

background: #ffffff;

margin-left: 9px;

}

#paginate-slider4{

border-color: #181818;

margin-left: 9px;

margin-top: 4px;

}

#paginate-slider4 a img{

width: 80px;

height: 60px;

border: 2px solid #181818;

margin-top: 5px;

}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{

border: 2px solid #ffc04e;

}

.sliderwrapper{

position: relative; /*leave as is*/

overflow: hidden; /*leave as is*/

border: 10px solid navy;

width: 500px; /*width of featured content slider*/

height: 325px;

}

.sliderwrapper .contentdiv{

visibility: hidden; /*leave as is*/

position: absolute; /*leave as is*/

left: 0; /*leave as is*/

top: 0; /*leave as is*/

padding: 5px;

background: white;

width: 500px; /*width of content DIVs within slider. Total width should equal slider's inner width */

height: 100%;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}

.pagination{

width: 500px; /*Width of pagination DIV. Total width should equal slider's outer width */

text-align: right;

background-color: #ffffff;

padding: 0px 5px;

}

.pagination a{

padding: 0 5px;

text-decoration: none;

color: #181818;

background: #ffffff;

}

.pagination a:hover, .pagination a.selected{

color: #181818;

background-color: #ffffff;

}

</style>


Code (2)


<div style="float:left;">



<div id="slider4" class="sliderwrapper">



<div style="background: url('IMAGE-1-LINK') center left no-repeat" class="contentdiv">

</div>



<div style="background: url('IMAGE-2-LINK') center left no-repeat" class="contentdiv">

</div>



<div style="background: url('IMAGE-3-LINK') center left no-repeat" class="contentdiv">

</div>



<div style="background: url('IMAGE-4-LINK') center left no-repeat" class="contentdiv">

</div>



<div style="background: url('IMAGE-5-LINK') center left no-repeat" class="contentdiv">

</div>



</div>



<div id="paginate-slider4">



<a href="#" class="toc"><img alt="IMAGE-1" src="IMAGE-1-THUMBNAIL-LINK"/></a>



<a href="#" class="toc"><img alt="IMAGE-2" src="IMAGE-2-THUMBNAIL-LINK"/></a>



<a href="#" class="toc"><img alt="IMAGE-3" src="IMAGE-3-THUMBNAIL-LINK"/></a>



<a href="#" class="toc"><img alt="IMAGE-4" src="IMAGE-4-THUMBNAIL-LINK"/></a>



<a href="#" class="toc"><img alt="IMAGE-5" src="IMAGE-5-THUMBNAIL-LINK"/></a>



</div>



<script type="text/javascript">

featuredcontentslider.init({

id: "slider4", //id of main slider DIV

contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]

toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]

nextprev: ["", "Next"], //labels for "prev" and "next" links. Set to "" to hide.

revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"

enablefade: [true, 0.1], //[true/false, fadedegree]

autorotate: [true, 5000], //[true/false, pausetime]

onChange: function(previndex, curindex){ //event handler fired whenever script changes slide

//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)

//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)

}

})

</script>



</div>


==========================================================

ꨟꨤင္ꨳꨕꨤင္ထꨰင္ꨳတꨤင္ꨳꨡꨓ္

Code (1)


<script type='text/javascript'>

//<![CDATA[

/* ------------------------------------------------------------------------

s3Slider



-------------------------------------------------------------------------- */





(function($){



    $.fn.s3Slider = function(vars) {      



        var element     = this;

        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;

        var current     = null;

        var timeOutFn   = null;

        var faderStat   = true;

        var mOver       = false;

        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");

        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");



        items.each(function(i) {



            $(items[i]).mouseover(function() {

               mOver = true;

            });



            $(items[i]).mouseout(function() {

                mOver   = false;

                fadeElement(true);

            });



        });



        var fadeElement = function(isMouseOut) {

            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;

            thisTimeOut = (faderStat) ? 10 : thisTimeOut;

            if(items.length > 0) {

                timeOutFn = setTimeout(makeSlider, thisTimeOut);

            } else {

                console.log("Poof..");

            }

        }



        var makeSlider = function() {

            current = (current != null) ? current : items[(items.length-1)];

            var currNo      = jQuery.inArray(current, items) + 1

            currNo = (currNo == items.length) ? 0 : (currNo - 1);

            var newMargin   = $(element).width() * currNo;

            if(faderStat == true) {

                if(!mOver) {

                    $(items[currNo]).fadeIn((timeOut/6), function() {

                        if($(itemsSpan[currNo]).css('bottom') == 0) {

                            $(itemsSpan[currNo]).slideUp((timeOut/20), function() {

                                faderStat = false;

                                current = items[currNo];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        } else {

                            $(itemsSpan[currNo]).slideDown((timeOut/20), function() {

                                faderStat = false;

                                current = items[currNo];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        }

                    });

                }

            } else {

                if(!mOver) {

                    if($(itemsSpan[currNo]).css('bottom') == 0) {

                        $(itemsSpan[currNo]).slideDown((timeOut/20), function() {

                            $(items[currNo]).fadeOut((timeOut/20), function() {

                                faderStat = true;

                                current = items[(currNo+1)];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        });

                    } else {

                        $(itemsSpan[currNo]).slideUp((timeOut/20), function() {

                        $(items[currNo]).fadeOut((timeOut/20), function() {

                                faderStat = true;

                                current = items[(currNo+1)];

                                if(!mOver) {

                                    fadeElement(false);

                                }

                            });

                        });

                    }

                }

            }

        }



        makeSlider();



    };



})(jQuery);

//]]>

</script>

<script type='text/javascript'>

$(document).ready(function() {

$('#s3slider').s3Slider({

timeOut: 4000

});

});

</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<style type='text/css'>



/* Styles for the slideshow */

.crosscol {

background: #000;

width: 540px;

height: 280px;

padding: 0;

margin-top: 16px;

margin-bottom: 40px;

}

#s3slider {

width: 580px; /* important to be same as image width */

height: 280px; /* important to be same as image height */

position: relative; /* important */

overflow: hidden; /* important */

left: 0px;

}

#s3sliderContent {

width: 540px; /* important to be same as image width or wider */

position: absolute; /* important */

margin-left: 0; /* important */

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#s3sliderContent {

}

}

.s3sliderImage {

float: left; /* important */

position: relative; /* important */

display: none; /* important */

list-style: none;

}

.s3sliderImage span {

position: absolute; /* important */

left: 0;

font: 12px Arial, Helvetica, sans-serif;

padding: 10px 20px 15px 20px;

width: 500px;

background-color: #000;

filter: alpha(opacity=70); /* here you can set the opacity of box with text */

-moz-opacity: 0.7; /* here you can set the opacity of box with text */

-khtml-opacity: 0.7; /* here you can set the opacity of box with text */

opacity: 0.7; /* here you can set the opacity of box with text */

color: #fff;

display: none; /* important */

bottom: 0;

/*

if you put

top: 0; -> the box with text will be shown at the top of the image

if you put

bottom: 0; -> the box with text will be shown at the bottom of the image

*/

}

.s3sliderImage strong a{

color: #FFF;

font-family: 'Helvetica', arial, sans-serif;

font-size:14px;

text-transform: uppercase;

font-weight: bold;

}

.s3sliderImage strong a:hover{

text-decoration: none;

}

.clear {

clear: both;

}



</style>





* Now click to save your blogger Template.




Code (2)


<div class='crosscol'>

<div id='s3slider'>



<ul id='s3sliderContent'>

<li class='s3sliderImage'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUaWh4yp2vheIV7HHVY28hC4HLDiGvc58vrrB8kP8Sl0tSEwBUiE4VanLVUrnDJMkuCJaewSucZ5xkQ9Dnbafi9gou8ZY-BKtNDr74e6bWONRYEiCaOl-etAANTuQJP4Ra6JzJbAb5kdY/s1600/1.jpg'/>

<span><strong><a href='ADD HERE POST1 URL'>ADD HERE POST1 TITLE</a></strong>

<p>ADD HERE POST1 SHORT DESCRIPTION.</p>

</span>

</li>

<li class='s3sliderImage'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRZoupeqJP2jxMBjizwpNgHtBFMhUKRQ8K-tnS8fPreuF8kZOYCTq4jZQsiyVMv0nDq1hlCcHJOZ7B4QcWH8b-1xpsIpTQjnZQhxmQknAo88EUYpn8vxvMD9mNpCLcuat55ZsfCnwwcm8/s1600/2.jpg'/>

<span><strong><a href='ADD HERE POST2 URL'>ADD HERE POST2 TITLE</a></strong>

<p>ADD HERE POST2 SHORT DESCRIPTION.</p>

</span>

</li>



<li class='s3sliderImage'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3L1zLUfjDfn5j-c1hIEMgBckp-gMWeNTnA0Y2NO_IpbTpKKTEO32R4GuNGWKPUaIZXK1lFX-b9NYlVZImQsOwlpCKeAcq3ADpXVaF1xYVW72wOzZJAxIfOxP_eOwR62LD2ykfzKNMl60/s1600/3.jpg'/>

<span><strong><a href='ADD HERE POST3 URL'>ADD HERE POST3 TITLE</a></strong>

<p>ADD HERE POST3 SHORT DESCRIPTION.</p>

</span>

</li>

<li class='s3sliderImage'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfMaHESAtATx6RZ7Q6dpSMb5QPIhcgwHBuMbXApXlH28hqoL5uTqfUEMj8ChpabH1PaXuFtqf4B6LW4qbrcgkCY-3iTolFArdKNJLeI6tGw9KpJz4aAUpdVSQ-TG7KZHdc-yQFLVC4aQ8/s1600/4.jpg'/>

<span><strong><a href='ADD HERE POST4 URL'>ADD HERE POST4 TITLE</a></strong>

<p>ADD HERE POST4 SHORT DESCRIPTION.</p>

</span>

</li>

<li class='s3sliderImage'>



<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCzO59FKd_21jngcYbHk4_-sSC1pj8ey2EuOixAUNPhhzx4F-bAauqiPDk_V3cvCk7Sm5smzMhjy4IBoJ2NA22n-Y2c9lJfUUaRHxAywgZQwzJidGwCtivnCoAaX7GkfY_Iovo1eo_ig/s1600/5.jpg'/>

<span><strong><a href='ADD HERE POST5 URL'>ADD HERE POST5 TITLE</a></strong>

<p>ADD HERE POST5 SHORT DESCRIPTION.</p>

</span>

</li>

<div class='clear s3sliderImage'></div>

</ul>

</div>


======================

ꨟꨮ္ꨳꨀꨤမ္လီေသꨀမ္းꨁဳꨳ ꨵꨵꨵꨵꨵ

ꨟꨱတ္းမြꨀ္ꨳꨀုမ္ꨳꨅြမ္းလင္Cursor ꨓူꨘꨯး

မ္ꨮꨲသုင္ေသꨀမ္းꨁဳꨳ၊ မူိဝ္ꨳꨡြꨓ္တꨤင္း ꨁဳꨳꨟဝ္းလꨯꨳလꨤတ္ꨳꨀꨮဳꨲလြꨀ္းလꨯꨤးလꨰꨀ္ꨳလꨯꨤꨳ

cursorꨓူꨘꨯးꨟဝ္းꨁဳꨳေꨓဳꨳ။ မူိဝ္ꨳꨓꨯꨵေꨀဳꨳꨁဳꨳꨟဝ္ꨳေတ မဳးလꨤတ္ꨳေꨓ လꨯꨤးꨟꨱတ္းမြꨀ္ꨳꨀုမ္ꨳꨅြမ္းလင္ Cursor ꨡꨓ္ဝဳꨳ Make Snow effect on cursor ꨓꨯꨁဳꨳေꨡဳꨳ။ ꨡမ္ꨲယꨤပ္ꨲေသꨡိတ္းꨁဳꨳ ။

တူꨉ္းꨡဝ္လြꨀ္းလꨯꨤးꨟꨱတ္းတꨤင္းတ္ꨮꨳꨓꨯꨵꨀူꨉ္းေꨀဳꨳေမဳယဝ္ꨵꨁဳꨳေꨡဳꨳ ။

သုိပ္ꨳꨓꨱꨀ္းတီꨳ Add a Gadget ယဝ္ꨵေꨀဳꨳလူိꨀ္ꨳ HTML/JavaScript ေသယဝ္ꨵ Copy ꨡဝ္ Code တꨤင္းတ္ꨮꨳꨓꨯꨵေသ Past သ္ꨮꨲပꨓ္ꨀူꨉ္းေꨀဳꨳလꨯꨳယဝ္ꨵေꨡဳꨳ ။ တီꨳꨡꨓ္ပꨱꨓ္တူဝ္လိꨀ္ꨳလꨰင္ ꨡဝ္ဝဳꨳ black ꨓꨓ္ꨵꨟဝ္းလꨯꨳꨅ္ꨮသီလꨯꨓꨯေꨀဳꨳလꨯꨤꨳလꨯꨳယူꨲေꨡဳꨳ


<script type='text/javascript'>

// <![CDATA[

var colour="black";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {

tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

==================================
တြꨓ္ꨳတဳꨲေတလူိꨀ္ꨳꨡဝ္သီမꨓ္း

Selected Color Code: