ကၽြႏု္ပ္၏ ေက်ာင္း: Blogger

ေႏြးေထြးစြာႀကိဳဆိုပါ၏ေလ့လာပါ၊ သင္ယူပါ၊ မွ်ေဝပါ

Artisteer (ကိုယ္ပိုင္ Template ေရးခ်င္သူမ်ားအတြက္)

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 3:29 AM with No comments

ကိုယ္တိုင္ Website, Blog, Wordpress Template ေရးခ်င္သူမ်ားအတြက္ ေဆာ့ဖ္ဝဲေကာင္းေလးတစ္ခု တင္ေပးလိုက္ပါတယ္။ Patch ဖိုင္ပါ တြဲၿပီးတင္ေပးလိုက္ပါတယ္..... အဆင္မေျပတာေလးမ်ားရွိရင္ ေကာမန္႔ေလးမ်ားထားခဲ့ႏိုင္ပါတယ္။

Download - Artisteer
Download - Patch File

အျပည့္အစုံဖတ္ရန္

Book Template for blog

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 8:49 PM with No comments

စာအုပ္စဥ္ပုံစံ ဒီဇုိင္းေလးပါ............. စာအုပ္မ်ားတင္ခ်င္ေသာ Blogger မ်ားအတြက္ D မွာ Blog Template ေနာ္................

အျပည့္အစုံဖတ္ရန္

Codify Blog Template

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 11:43 PM with No comments

Template : Codify

Author : Templateify

Style : Magazine & Blog

Release Date : 28 September 2013

License : Creative Commons Attribution 3.0

ကၽြန္ေတာ္ကိုယ္တိုင္ေရးဖို႔အခ်ိန္မရွိတာရယ္.... အခုမွေလ့လာခါစဆိုေတာ့ မေရးတက္ေသးတာရယ္... ဒါေတြေၾကာင့္... Blog Template ေကာင္းႏိုးရာရာေလးေတြကို ရွာေဖြၿပီးတင္ေပးလိုက္ပါတယ္။ နမူနာၾကည့္ရန္။ ဒီမွာ

လိုခ်င္ရင္- Download

အျပည့္အစုံဖတ္ရန္

Code သံုးၿပီး animation လုပ္ရေအာင္ 2

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 1:30 AM with No comments

ဒီတစ္ခါမွာေတာ့.. animation box ေလးေတြလုပ္ၾကရေအာင္...။ ပံုဆြဲစရာမလုိပါဘူး..။ code နဲ႔ပဲေရးသြားမွာပါ..။ ပထမဆံုးေအာက္က.. code ေတြကို.. copy ကူးလိုက္ပါ..။

<html>
<head>
<style>
body {margin:0px ; padding: 0px}
canvas{display:block}

</style>
</head>
<body>
<canvas id="c"></canvas>
<script>
window.onload = function()
{
    // lets get the HTML canvas element so we draw on it
    var canvas = document.getElementById("c");
    var ctx = canvas.getContext("2d")
   
    var W = window.innerWidth,    // get the width of our window
            H = window.innerHeight;// get the height
           
            // set our canvas to our size of Width and height
            canvas.width = W;
            canvas.height = H;
           
            /*=========== Box class ===========*/
            function Box(_x,_y)
            {
                // the X/Y position
                this.x = _x;
                this.y = _y;
               
                // lets give it velocity X and Y
                this.xVel = 10 + Math.random()*20;
                this.yVel = 1;
               
                // the box width and height
                this.width = 20
                this.height = 20;
               
                // random colors for our box
                this.r = Math.round(Math.random()*255);
                this.g = Math.round(Math.random()*255);
                this.b = Math.round(Math.random()*255);
               
                this.rgba = "rgba("+this.r+","+this.g+","+this.b+",1)";
               
                // lets make draw method for our box
                this.draw = function()
                {
                    ctx.strokeStyle = this.rgba;
                    ctx.strokeRect(this.x,this.y,this.width,this.height);
                   
                    this.update();
                }
               
                // function that handle our logics for our box
                this.update = function()
                {
                    // lets check if the ball get out of our screen and when
                    // it does that, make it bounce
                    // check the left window border
                    if(this.x < 0) {
                        this.x = 0;            // set its position to 0
                        this.xVel *= -1; // make it bounce
                    }
                   
                    // check the right border
                    if(this.x > W - this.width)
                    {
                            this.x = W - this.width;            // set its position to 0
                            this.xVel *= -1; // make it bounce
                    }
                   
                    // check the top border
                    if(this.y < 0) {
                        this.y = 0;            // this is what happen when u copy/paste
                        this.yVel *= -1; // make it bounce
                    }
                   
                    // the reason why we did this if function so the boxes dont
                    // try to add y by its velocity when its reach bottom
                    // cause it will cause it to spazz
                    // now we add gravity
                    if(this.y < H - this.height)
                        this.yVel += .25;
                   
                    // check the bottom border
                    if(this.y > H - this.height)
                    {
                            // when it bounce off the bottom decrease the ball speed
                            this.xVel *= .5
                            this.yVel *= .5
                           
                            this.y = H - this.height;            // set its position to 0
                            this.yVel *= -1; // make it bounce
                    }

// move add speed to our x/y
                    this.x += this.xVel;
                    this.y += this.yVel;
                }
            }
           
            // lets make array of boxes
            var boxes = [];
           
            // Function to draw stuff on our screen :)
            function draw()
            {
                // Background
                ctx.globalCompositeOperation = "source-over";
                ctx.fillStyle = "rgba(0,0,0,0.5)"
                ctx.fillRect(0,0,W,H);
               
                ctx.globalCompositeOperation = "lighter"
               
                // loop through the boxes and draw them
                for(i=0; i < boxes.length; i++)
                    boxes[i].draw();
               
                update();
            }
           
            // Function for our logic
            function update()
            {
                // loop through the boxes and draw them
                for(i=0; i < boxes.length; i++)
                    boxes[i].update();
            }
           
            // add box every minute we specify
            setInterval(function(){
                boxes.push( new Box(0,0))
            },1000);
           
            // set interval so we can draw then update our drawing
            // every 30 milisecond
            setInterval(draw,30);
}
</script>
</body>
</html>

notepad ထဲမွာ.. code ေတြကုိ.ထည့္လိုက္ပါမယ္..။ File > save ဆုိၿပီး.. box.html လို႔နာမည္ေပးၿပီး.. desktop မွာ သိမ္းလိုက္ပါ..။ desktop ေပၚက.. box.html ကုိ double click ႏွိပ္ၿပီးဖြင့္ၾကည့္လိုက္ပါ..။ box ေလးေတြ..က်လာတာကုိ..ေတြ႔ရပါလိမ့္မယ္...။ ဘာ ပံုမွမပါပါဘူး.. code နဲ႔ပဲေရးသြားတာပါ.. ^_^

ဝန္ခံခ်က္။ ။ Technological Villa မွ ကူးယူတင္ျပပါသည္။

အျပည့္အစုံဖတ္ရန္

Android အရုပ္ေလးကုိ Coding ေလးေတြနဲ႔လုပ္ရေအာင္

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 1:04 AM with No comments

ဒီတစ္ခါေတာ့.. Android အရုပ္ေလးကုိ..ဘာပုံမွမပါပဲနဲ႔.. HTML, CSS သံုးၿပီးေတာ့..ဆြဲၾကည့္ရေအာင္ေနာ္.။
ေပးထားတဲ့.. code ေတြကုိ.. copy ကူးလိုက္ပါ..။

<html>
<head>
<style>
div {margin: o; padding: 0;}
div div {background: #A4CA39; position: relative;}

.android{
    height: 404px; width: 334px;
    margin: 100px auto;
  
}
.head{
    width: 220px; height: 100px;
    top: 32px;
  
    border-radius: 110px 110px 0 0;
    -moz-border-radius: 110px 110px 0 0;
    -webkit-border-radius: 110px 110px 0 0;
  
    -webkit-transition: all 0.1s ease-in;
}
.l_eye, .r_eye {
    background: #fff;
    width: 20px; height: 20px;
    position: absolute; top: 42px;
  
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.l_eye {left: 50px;}
.r_eye {right: 50px;}

.l_ant, .r_ant{
    width: 6px; height: 50px;
    position: absolute; top: -34px;
  
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.l_ant {
    left: 50px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
}
.r_ant {
    right: 50px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
}

.body{
    width: 220px; height: 184px;
    top: 40px;
  
    border-radius: 0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
}

.l_arm, .r_arm, .l_leg, .r_leg {
    width: 50px; position: absolute;
    -webkit-transition: all 0.1s ease-in;
}
.l_arm, .r_arm {
    height: 150px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.l_leg, .r_leg {
    height: 80px; top: 182px;
    border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    -webkit-border-radius: 0 0 25px 25px;
}
.l_arm {left: -58px;}
.r_arm {right: -58px;}
.l_leg {left: 45px;}
.r_leg {right: 45px;}

.head:hover {
    -webkit-transform: rotate(-5deg) translate(-4px, -8px);
    -transform: rotate(-5deg) translate(-4px, -8px);
    -moz-transform: rotate(-5deg) translate(-4px, -8px);
}
.l_arm:hover{
    -webkit-transform: rotate(15deg) translate(-14px, 0);
    -transform: rotate(15deg) translate(-14px, 0);
    -moz-transform: rotate(15deg) translate(-14px, 0);
}
.r_arm:hover{
    -webkit-transform: rotate(-30deg) translate(30px, 0);
    -transform: rotate(-30deg) translate(30px, 0);
    -moz-transform: rotate(-30deg) translate(30px, 0);
}

</style>
</head>
<body>
<div class="android">
    <div class="head">
        <div class="l_ant">
</div>
<div class="r_ant">
</div>
<div class="l_eye">
</div>
<div class="r_eye">
</div>
</div>
<div class="body">
        <div class="l_arm">
</div>
<div class="r_arm">
</div>
<div class="l_leg">
</div>
<div class="r_leg">
</div>
</div>
</div>
</body>
</html>

code ေတြကုိ.. notepad ထဲထည့္လိုက္ပါ.။ ၤFile ထဲက save ႏွိပ္ၿပီး.. android.html ဆိုၿပီး.. desktop မွာ save လုပ္လိုက္ပါ..။ ၿပီးရင္.. desktop ေပၚက.. android.html ကုိ double click ႏွိပ္ၿပီး.. ဖြင့္လုိက္ပါ..။ Android အရုပ္ေပးေပၚကုိ. mouse တင္ၾကည့္ပါ..။ အရုပ္ေလးက..လွဳပ္ေနပါလိမ့္မယ္... ^_^

ဝန္ခံခ်က္။ ။ Technological Villa မွ ကူးယူတင္ျပပါသည္။

အျပည့္အစုံဖတ္ရန္

Code သံုးၿပီး.animation လုပ္ရေအာင္

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 12:46 AM with 1 comment

ဒီတစ္ခါေတာ့..သစ္ပင္ေလးတစ္ပင္ကုိ html , javascript နဲ႔ css သံုးၿပီး.. animation တစ္ခုဖန္တီးၾကမယ္.. :) ေအာက္မွာၿပထားတဲ့ code ေတြကုိ.. copy ကူးလိုက္ပါ..။

<html>
<head>
<script>
window.onload = function(){
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");
 //Lets resize the canvas to occupy the full page
 var W = window.innerWidth;
 var H = window.innerHeight;
 canvas.width = W;
 canvas.height = H;
 
 //Some variables
 var length, divergence, reduction, line_width, start_points = [];
 
 init();
 
 function init()
 {
  //filling the canvas white
  ctx.fillStyle = "white";
  ctx.fillRect(0, 0, W, H);
  
  //Lets draw the trunk of the tree
  //lets randomise the variables
  //length of the trunk - 100-150
  length = 100 + Math.round(Math.random()*50);
  //angle at which branches will diverge - 10-60
  divergence = 10 + Math.round(Math.random()*50);
  //Every branch will be 0.75times of the previous one - 0.5-0.75
  //with 2 decimal points
  reduction = Math.round(50 + Math.random()*20)/100;
  //width of the branch/trunk
  line_width = 10;
  
  //This is the end point of the trunk, from where branches will diverge
  var trunk = {x: W/2, y: length+50, angle: 90};
  //It becomes the start point for branches
  start_points = []; //empty the start points on every init();
  start_points.push(trunk);
  
  //Y coordinates go positive downwards, hence they are inverted by deducting it
  //from the canvas height = H
  ctx.beginPath();
  ctx.moveTo(trunk.x, H-50);
  ctx.lineTo(trunk.x, H-trunk.y);
  ctx.strokeStyle = "brown";
  ctx.lineWidth = line_width;
  ctx.stroke();
  
  branches();
 }
 
 //Lets draw the branches now
 function branches()
 {
  //reducing line_width and length
  length = length * reduction;
  line_width = line_width * reduction;
  ctx.lineWidth = line_width;
  
  var new_start_points = [];
  ctx.beginPath();
  for(var i = 0; i < start_points.length; i++)
  {
   var sp = start_points[i];
   //2 branches will come out of every start point. Hence there will be
   //2 end points. There is a difference in the divergence.
   var ep1 = get_endpoint(sp.x, sp.y, sp.angle+divergence, length);
   var ep2 = get_endpoint(sp.x, sp.y, sp.angle-divergence, length);
   
   //drawing the branches now
   ctx.moveTo(sp.x, H-sp.y);
   ctx.lineTo(ep1.x, H-ep1.y);
   ctx.moveTo(sp.x, H-sp.y);
   ctx.lineTo(ep2.x, H-ep2.y);
   
   //Time to make this function recursive to draw more branches
   ep1.angle = sp.angle+divergence;
   ep2.angle = sp.angle-divergence;
   
   new_start_points.push(ep1);
   new_start_points.push(ep2);
  }
  //Lets add some more color
  if(length < 10) ctx.strokeStyle = "green";
  else ctx.strokeStyle = "brown";
  ctx.stroke();
  start_points = new_start_points;
  //recursive call - only if length is more than 2.
  //Else it will fall in an long loop
  if(length > 2) setTimeout(branches, 50);
  else setTimeout(init, 500);
 }
 
 function get_endpoint(x, y, a, length)
 {
  //This function will calculate the end points based on simple vectors
  //http://physics.about.com/od/mathematics/a/VectorMath.htm
  //You can read about basic vectors from this link
  var epx = x + length * Math.cos(a*Math.PI/180);
  var epy = y + length * Math.sin(a*Math.PI/180);
  return {x: epx, y: epy};
 }
 
 
 
}
</script>
<style>
/*Some basic CSS*/
* {margin: 0; padding: 0;}
/*To remove the scrollers*/
#canvas {display: block;}
</style>
</head>
<body>

<canvas id="canvas"></canvas>
</body>
</html>

ၿပီးရင္.. notepad မွာထည့္လိုက္ပါ..။ tree.html ဆုိၿပီး.. desktop မွာ.. save လုပ္လိုက္ပါ့မယ္..။ desktop မွာ..အခုသိမ္းလိုက္တဲ့.. tree.html ဖိုင္ေလးကုိ.. double click ႏွိပ္ၿပီး ဖြင့္လိုက္ပါ..။ ဘာပံုမွမပါဘဲ..animation tree ေလးကုိ..ေတြ႔ရပါလိမ့္မယ္.. ^_^

ဝန္ခံခ်က္။ ။ Technological Villa မွကူးယူတင္ျပပါသည္။

အျပည့္အစုံဖတ္ရန္

My Stories Blog Template

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 8:17 PM with No comments

Blog Template ေလးတင္ေပးလိုက္တယ္ေနာ္

အျပည့္အစုံဖတ္ရန္

ဘေလာ့ ျပဳလုပ္ၾကမယ္။ အပိုင္း (၂)

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 6:39 PM with No comments

ပထမပိုင္းမွာ ေဖာ္ျပခဲ့တာက..... ဘေလာ့ကို တည္ေဆာက္ရံုပဲရွိပါေသးတယ္...။။။...။။ အထဲမွာ ဘာအသားမွမရွိေသးပါဘူး... ။။ အခြံလြတ္ႀကီးတစ္ခုလိုေပါ့ဗ်ာ......။။ ျဖည့္သင့္တာေတြျဖည့္ရမယ္။။....။။
ဒီအတြက္အခု ပို႔စ္တင္နည္းလာပါၿပီ။။ မိမိဘေလာ့မွာ ဘာေတြထည့္မွာလဲ.... စာေတြလား။။ ဓါတ္ပံုေတြလား...။။ ရုပ္ရွပ္ကားေတြလား.. စသည့္ျဖင့္ ထည့္တာကို Post တင္တယ္လို႔ေခၚပါတယ္။ Post တင္ရန္အတြက္ Create New Post ကို Click ႏွိပ္ပါ။ စာေတြေရးသားႏိုင္မယ့္၊ ပံုေတြ ထည့္ႏိုင္တဲ့ Window တစ္ခုက်လာပါမည္။ ၎ကို Post Editor လို႔လည္းေခၚပါတယ္။

Post Title
ဒီေနရာမွာက post title၊ ဟိုအေရွ႕မွာ ျဖည့္ခဲ့တဲ့ title က Blog title ။ မေရာေထြးမိပါေစႏွင့္။ Blog title ဆိုတာက စာအုပ္အမည္လိုတစ္ခုပဲရွိမယ္။ Post title ဆိုတာက ကိုယ့္တင္ရင္တင္သေလာက္မ်ားမယ္။ ဥပမာဆိုရရင္ blog တစ္ခုထဲမွာ post ဆယ္ခုတင္ရင္ post title ဆယ္ခုရွိမယ္ေပါ့။

Text Area (Body)
ေရးလိုသမွ်ကို text area ထဲမွာေရးသားၾကရပါတယ္။ ဒီေနရာမွာေရးသားသမွ်တို႔သည္ မိမိတင္မည့္ post ၏ စာကိုယ္ျဖစ္ပါတယ္။ ေရးလိုသမွ်ေရးၿပီး၍ စိတ္တိုင္းက်ၿပီဆိုလွ်င္ Publish ကို ႏွိပ္လိုက္ပါက ေရးထားေသာ post ကို အင္တာနက္မွာ အမ်ားသူငါၾကည့္၍ရေအာင္ ေအာင္ျမင္စြာလႊင့္တင္ၿပီးပါၿပီ။

မိမိရဲ႕ Blog ကို ကိုယ္တိုင္ၾကည့္ခ်င္လွ်င္ View Blog ကို ႏွိပ္၍ ၾကည့္ႏိုင္ပါသည္။

Post အသစ္ထက္ေရးခ်င္လိုလွ်င္ Create new post ျဖစ္ေစ၊ ေအာက္တြင္ျပထားေသာ ခဲတံပုံေလးနဲ႔ ျဖစ္ေစ...... Post မ်ား ထပ္မံေရးသားႏိုင္မည္ ျဖစ္ပါသည္။

အျပည့္အစုံဖတ္ရန္

Simple Blue

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 4:40 AM with No comments

နမူနာ

<style type="text/css">#cssmenu{border:1px solid #009;background:#009}#cssmenu > ul{padding:1px 0;margin:0;list-style:none;width:100%;height:21px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;font:normal 8pt verdana,arial,helvetica}#cssmenu > ul li{margin:0;padding:0;display:block;float:left;position:relative;width:148px}#cssmenu > ul li a:link,#cssmenu > ul li a:visited{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#009;color:#fff;width:148px;height:13px}#cssmenu > ul li:hover a,#cssmenu > ul li a:hover,#cssmenu > ul li a:active{padding:4px 0;display:block;text-align:center;text-decoration:none;background:#06F;color:#fff;width:146px;height:13px;border-left:1px solid #fff;border-right:1px solid #fff}#cssmenu > ul li ul{margin:0;padding:1px 1px 0;list-style:none;display:none;background:#fff;width:146px;position:absolute;top:21px;left:-1px;border:1px solid #009;border-top:none}#cssmenu > ul li:hover ul{display:block}#cssmenu > ul li ul li{clear:left;width:146px}#cssmenu > ul li ul li a:link,#cssmenu > ul li ul li a:visited{clear:left;background:#009;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li:hover a,#cssmenu > ul li ul li a:active,#cssmenu > ul li ul li a:hover{clear:left;background:#06F;padding:4px 0;width:146px;border:none;border-bottom:1px solid #fff;position:relative;z-index:1000}#cssmenu > ul li ul li ul.navigation-3{display:none;margin:0;padding:0;list-style:none;position:absolute;left:145px;top:-2px;padding:1px 1px 0 1px;border:1px solid #009;border-left:1px solid #009;background:#fff;z-index:900}#cssmenu > ul li ul li:hover ul.navigation-3{display:block}#cssmenu > ul li ul li ul.navigation-3 li a:link,#cssmenu > ul li ul li ul.navigation-3 li a:visited{background:#009}#cssmenu > ul li ul li ul.navigation-3 li:hover a,#cssmenu > ul li ul li ul.navigation-3 li a:hover,#cssmenu > ul li ul li ul.navigation-3 li a:active{background:#06F}</style><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://bitly.com/24workpng1" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>

<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>

ဘေလာ့ခရီးသည္ မွကူးယူတင္ျပသည္။

အျပည့္အစုံဖတ္ရန္

Blue Tabbed Menu

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 4:36 AM with No comments

နမူနာ

<style
 type="text/css">@import 
url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the
 lovely google font,please keep this line at the top of your stylesheet 
*//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li 
a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu
 > ul:before,#cssmenu > 
ul:after{content:'';display:table}#cssmenu:after,#cssmenu > 
ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLhXwjg88Q8sTOsnLYsTXbxXfOjE1JQR2aZ7YJKmBcWi0U3alDAUD3EnkOM-WdI5MUE3dQg8rRYotN3JbnhB3kuFQkpyA-iXZkUPbbwAuYyb9oXWgjeyDJtgT7fWBnfip_V73AXRZlNHDo/s1600/bottom-bg.png)
 repeat-x center bottom;border-radius:2px;width:auto}#cssmenu 
ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLHfUcWe6b8gsMcSNYjHZUivzPvXYZNYjefZAfp-QacbuaSnWqrxcYNU2gaJqMwozOj2H0y1aeqXpCR45fgvW5Kff29KtarIyTuH0LNVgxXWfacywLsa71D274whlXzJrfeqpsNQwjVBVT/s1600/nav-bg.png)
 repeat-x 0 4px;height:69px}#cssmenu ul 
li{float:left;list-style:none}#cssmenu ul li 
a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 
0;border-radius:2px 2px 0 
0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px 
rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child 
a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active 
a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvD31HYRQB-eDB8HyVAlhI4reFHsJVAKCE7i4_2mPBiUXVIinUlZBwblQ_dlp6BJRTEsJIFPXx5A-XJuJFGDCCt38ZjpyximtBM8Og4KJcvsrhF9OfKs8CMdBNeYlTGEjO0R8yRwFFsWpG/s1600/color.png)
 center 
bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#004f7c;text-shadow:0
 1px 1px rgba(255,255,255,0.55);opacity:1}</style><a 
href="http://24work.blogspot.com/" rel="dofollow" target="_blank" 
title="Drop Down Menus"><img src="https://bitly.com/24workpng1" 
alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; 
right: 0%; top: 0px;" /></a><a 
href="http://24work.blogspot.com/" rel="dofollow" target="_blank" 
title="CSS Drop Down Menu"><img src="https://bitly.com/24workpng1"
 alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 
10%; right: 0%;" /></a><a href="http://24work.blogspot.com/"
 rel="dofollow" target="_blank" title="Pure CSS Dropdown 
Menu"><img src="https://bitly.com/24workpng1" alt="Pure CSS 
Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 
0%;" /></a>

<div id="cssmenu">
<ul>
<li class="active"><a 
href="index.html"><span>Home</span></a></li>
<li><a 
href="#"><span>Products</span></a></li>
<li><a 
href="#"><span>About</span></a></li>
<li class="last"><a 
href="#"><span>Contact</span></a></li>
</ul>
</div>

ဘေလာ့ခရီးသည္ မွကူးယူတင္ျပသည္။

အျပည့္အစုံဖတ္ရန္

ဘေလာ့ ျပဳလုပ္ၾကမယ္။ အပိုင္း (၁)

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 7:16 PM with 1 comment

Blog ေရးခ်င္တဲ့ ကိုကို မမ ေတြအတြက္... ကၽြန္ေတာ္တင္ဆက္လိုက္ပါတယ္။
အရင္ဆံုးေတာ့ Blog အေၾကာင္း intro ဝင္မယ္ေနာ္။ Blog ဆိုတာ Blog ေပါ့ေနာ္... အဲ... Blog ဆိုတာ Website ေတြလိုပါပဲ။ Blog မွာလည္း Website လိုပဲ မတူညီတဲ့ ကုိုယ္ပိုင္ လိပ္စာ URL (Uniform Resource Locator) တစ္ခုစီရွိရပါတယ္။ ဥပမာ ဒီလိုေပါ့ www.myschoolmmo.blogspot.com ။ page တစ္ခုကေနအျခား အျခား page တစ္ခုကို ကူးေျပာင္းၾကည့္ရႈ႕ႏိုင္တဲ့ hyperlink ေတြပါရွိၾကပါတယ္။ အဓိကအားျဖင့္ Website တို႔တြင္ ေရးသားေဖာ္ျပထားေသာအေၾကာင္းအရာတို႔ႏွင့္ ပတ္သက္ၿပီး ဝင္ေရာက္ဖတ္ရႈသူမ်ားအေနႏွင့္ ပါဝင္ေဆြးေႏြးခြင့္မရွိပါဘူး။ ဝင္ေရာက္ဖတ္ရႈႏိုင္ရံုသက္သက္ျဖစ္ပါတယ္။ Blog မွာေတာ့ ဖတ္ရႈသူအေနနဲ႔ စိ္တ္ဝင္စားရင္ Comment ဝင္ေရးႏိုင္ပါတယ္။ ရွင္းရွင္းေျပာရင္ ေရးသူႏွင့္ ဖတ္သူတို႔အၾကားမွာ အျပန္အလွန္ဆက္ဆံေရးရွိတယ္ လို႔ဆိုလိုႏိုင္ပါတယ္။ ၿပီးေတာ့ free ေနာ္။

အင္တာနက္ေပၚမွာ free လုပ္လို႔ရတဲ့ ဆိုဒ္ေတြအမ်ားႀကီးရွိပါတယ္။ ဒါေပမယ့္ အခု Blogger ကုိေရြးခ်ယ္ ေဖာ္ျပရျခင္းအေၾကာင္းအရင္းကေတာ့ blog မွာ Google မွ ေပးေသာ service တစ္ခုျဖစ္သည့္အတြက္ Google ၏ ဟန္ပန္အတုိင္းပင္ အျမင္ရိုးရွင္းၿပီး အသံုးျပဳရလြယ္ကူျခင္း၊ အခမဲ့ အသံုးျပဳႏိုင္ျခင္းတို႔ပင္ျဖစ္ပါတယ္။

အရင္ဆံုး www.blogger.com မွာ အရင္ဆံုး Register လုပ္ရမွာျဖစ္ပါတယ္.။ သို႔ေသာ္ မိမိမွာ Gmail ရွိမယ္ဆိုရင္ေတာ့ Bloggger မွာ Registerလုပ္စရာမလိုပဲ တန္းေရးလို႔ရပါတယ္။ Gmail မွာ သံုးသည့္ username နဲ႔ password တို႔ိကုိ ရိုက္ထည့္ၿပီး ဝင္ေရာက္ေရးသားၾကရံုျဖစ္ပါတယ္။

ေနာက္တစ္ခု လုိအပ္ခ်က္က font ျဖစ္ပါတယ္။ Blog ကုိျမန္မာလို ေရးခ်င္သူေတြ အေနန႔ဲ မိမိသံုးသည့္စက္ထဲမွာ ျမန္မာ ယူနီကုဒ္ တစ္ခုခုကို ထည့္သြင္း install လုပ္ထားဖို႔လိုပါတယ္။ သို႔မွသာ Blog ကို ျမန္မာလို ေရးႏိုင္ဖတ္ႏိုင္ၾကမွာျဖစ္ပါတယ္။ ယေန႔ Website ေတြကို ျမန္မာလိုေရးတဲ့ေနရာမွာ အသံုးမ်ားဆံုးျမန္မာစာ Unicode font ေတြထဲမွာ ZawGyi သည္လည္း အပါအဝင္ျဖစ္ပါတယ္။ အခမဲ့လည္း ျဖစ္တယ္၊ သံုးရတာလည္း လြယ္တယ္။ "Ctrl + Shift" key တြဲႏွိပ္ရံုျဖင့္ ျမန္မာႏွင့္ အဂၤလိပ္ကို အလြယ္တကူ ကူးေျပာင္း အသံုးျပဳႏိုင္ပါတယ္။ ကဲ ေဇာ္ဂ်ီေဖာင့္ လိုခ်င္ရင္ေတာ့ ဒီမွာ ေဒါင္းလုပ္ဆြဲလိုက္ပါ။

ကဲ ျမန္မာေဖာင့္လည္းရၿပီ.... gmail account လည္းရွိၿပီဆိုရင္ Blog တစ္ခုဖန္တီးဖို႔အတြက္ www.blogger.com မွာ Sing in လုပ္ရပါမယ္။

Login ဝင္ခဲ့ၿပီးတဲ့အခါ Profile picture အတြက္ ပံုတစ္ပံုႏွင့္ ကုိယ္အေရးအက်ဥ္းကို ထည့္သြင္းေပးဖို႔ေတာင္းဆိုပါလိမ့္မယ္။ အဲဒါကို ေနာက္မွ ထည့္သြင္းလည္းရတဲ့အတြက္ ေက်ာ္သြားလိုက္ မယ္ေနာ္။.....။.....။ Continue to Blogger ကိုႏွိပ္ၿပီး ေက်ာ္သြားလိုက္ပါ။ ကဲဒါဆို ေနာက္ထပ္တစ္ေနရာ ကိုေရာက္သြားပါလိမ့္မယ္။။။ အဲဒီေနရာကို Dashboard လို႔ေခၚပါတယ္။ Blog တစ္ခုကို စတင္ဖန္တီးရန္အ တြက္ "New Blog" ကို Click ႏွိပ္ရပါမယ္။ ေနာက္ Blog အတြက္ Title ေနရာတြင္ မိမိေပးလိုသည့္ နာမည္ကို ေပးရမည္ျဖစ္သည္။ Address ေနရာတြင္ မိမိ Blog လိပ္စာထည့္ေပးပါ... ဥပမာ myschoolmmo.blogspot.com ၿပီးရင္ေတာ့ မိမိဘေလာ့အတြက္ Template ေရြးေပးရပါမယ္။ မူရင္းေပးထားေသာ.. Template မ်ားမွာ စံုစံုလင္လင္ရွိပါတယ္။ ဒါကို ေရာင့္ရဲတင္းတိမ္ႏိုင္ျခင္းမရွိဘဲ... အျခား Template မ်ားကို ပါအသံုးျပဳလိုပါက.... ကၽြန္ေတာ့္ဘေလာ့မွာတင္ေပးထားပါတယ္... အဲဒီကိုသြားလုိက္ပါ... >>> Here <<< ထို႔ေနာက္ Create Blog ကို ႏွိပ္လိုက္ပါက.... Blog တစ္ခုတည္ေဆာက္လို႔ၿပီးသြားပါၿပီ။။.....။။ ပို႔စ္ တင္တဲ့အပိုင္းကို ဆက္လက္တင္ျပပါဦးမည္။

မၾကာမီ... လာမည္...... ေမွ်ာ္

လာမည္..... ၾကာမည္ေပါ့ေနာ္

အားလံုးကိုေက်းဇူးတင္ပါတယ္... အဆင္မေျပတာေလးရွိရင္.... Comment ေပးတာျဖစ္ျဖစ္ C box ကျဖစ္ျဖစ္.... မွတ္ခ်က္ေလးမ်ားထားသြားႏိုင္ပါတယ္.

အျပည့္အစုံဖတ္ရန္

Johnysompret-banget Template

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 10:39 PM with No comments

Template ဒီဇိုင္းဇုိင္းလွလွေလးေတြသံုးခ်င္သူမ်ားအတြက္.... လက္ေဆာင္ေပးလိုက္တယ္။....။.....။ ေျပာင္းရတာလည္း အရမ္းလြယ္တယ္။။။....။။ ၿပီးေတာ့ ခဏေလး...။ စိတ္ဝင္စားရင္ေတာ့ ေဒါင္းသြားဗ်ိဳ႕...။
ကၽြန္ေတာ္လည္း ရွာလို႔ေတြ႕တာေလးေတြ အသံုးတည့္မယ္ထင္လို႔ျပန္ရွယ္တာ..... :P

Demo ၊ Download

1.Slider
၎ template တြင္ Slider ျပဳလုပ္ရန္အတြက္ ေအာက္ပါ ကုဒ္မ်ားကို ကူးပါ.....။

၎ကုဒ္မ်ားကို Layout >> Add Gadget >> HTML/JavaScript တြင္ ကူးထည့္လိုက္ပါ။

2.Tab View Widget per Label

<div class='tabber' id='tab1'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/sport?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/lifestyle?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/economics?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/diary?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/health?max-results="+numposts9+"&orderby=published&alt=json-in-script&callback=showrecentposts9\"><\/script>");
</script></div>
<div class='clear'>
</div>

4.Widget Subscribe me

style type='text/css'>
.social a{color: #6e6e6e;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}
.social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}
.sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;}
.emailform{margin:16px 0 0; display:block; clear:both;}
.emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2r3RiV7xTRiN1sp9k7JeFZ_gKN3mgBUMXz0JlyhbNtNTHtfk0v16_Ef9AsxtDU4HDVDg_14YL1e3xCaYUnx7WWMtFUtXZx5adUUXPxeUKID-rwwi13bHPPd_9eNOAgqgtLhjau5tcf2E/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;}
.emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2r3RiV7xTRiN1sp9k7JeFZ_gKN3mgBUMXz0JlyhbNtNTHtfk0v16_Ef9AsxtDU4HDVDg_14YL1e3xCaYUnx7WWMtFUtXZx5adUUXPxeUKID-rwwi13bHPPd_9eNOAgqgtLhjau5tcf2E/s1600/email.png) no-repeat scroll 4px center;border-color:#999;}
.emailtext:focus{outline:none;}
.sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999}
.sub-button:hover{color:#444;border-color: #999;background:#ccc}
</style>
<center>
<div class="social" style="padding: 0pt 0pt 0pt 5px;">
<table><tbody>
<tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9u2_dPoJDbVp7n8xwarA7fG649GlEsAXJvORn8hJO53NIulUuXdbCIGJKKZ8Nvn-W5rtP8ldXmPzS7HAFjHGbwurv7fdMwEXcXNqi5nYf0lqWVLzUhpRpTHCo8DizZTwYOCz50qCM7M/s1600/mail.png" border="0" title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_L73_pNleMGlPo9L4yVRJsaKRw-hXzga7wDGlEZCeRQYH-giz0tX2thAmBMb1INqazptjU0U0GRr_0qZ_cXkFkaJn9HWCW0PHbqI6sozysDM7GhMYeHY93nT0rEsXDCkdq3QD0YluC40/s1600/rss.png" border="0" title='rss'/></a> </td>
<td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9CsGpKPqIL0OM-VfZ5etBu4ArPbfNlHd2sG9QSSf6DoPGUt0pIYqStSlFaLKVwTZO4vTLlZV8ej8nr365QUkio_HV49azsQHYim7AKz0cCCT_w4-55zAgpDvACXf1uF4EaYRtdsaZxg/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
<td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9kSozyAWnXxfdFZIQaFeavHMTGJl0zBJJaN0pfSeqsLljBssXGZ0JzdZPiOFBuoh795C6t2xr7vQHt-1fFPvVPP7NT9vSXOCC2H9afYeKxY6MR_Lccy9emDL8UIcbHE77kflWepL2fCM/s1600/facebook.png"  border="0" title='facebook'/></a> </td>
<td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrIvez9ENw-AyNuFl7b5Y-uZgZLMf6nVg-qt2pc4VMd8O8c6f1ONTDwvq_QUVYb9f5a0uLxueCp5sB5vKGYaI-ZwWc5SgG9yzMSei-HJz53SOo_UrdjOCALVgjciOL5rUMuLRW4y_xjj0/s1600/youtube.png"  border="0" title='youtube'/></a>
</td></tr>
</tbody></table>
</div>
</center>
<center>
<div class='sub-box'>
<div style="text-align: left; display: inline-block;">
<h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
<small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="maskolis" name="uri"/>
<input type="hidden" name="loc" value="fr_FR" />
<input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="sub-button" value="Enter" title='' alt='' />
</form>
</div>
</div>
</center>

အျပည့္အစုံဖတ္ရန္

Horizontal Menu ေလးလုပ္ရေအာင္

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 8:35 PM with No comments

ဘေလာ့တစ္ခုရဲ႕ အလွအပဟာလည္း Menu ေလးေတြနဲ႔သက္ဆိုင္ေနပါတယ္...။။....။။
ဒါေၾကာင့္ လွလည္းလွၿပီး... အသံုးျပဳရတာလည္း လြယ္ကူမယ့္ Menu Bar ေလးေတြ ေပးလိုက္ပါမယ္။
ကဲစၿပီေနာ္....

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

အျပည့္အစုံဖတ္ရန္

read more ေနရာမွာ ပံုေလးေတြနဲ႔ အစားထိုးမယ္

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 3:41 AM with No comments

Read More တဲ့ေနရာေလးမွာ ပံုေလးေတြနဲ႔အစားသြင္းလိုသူအတြက္.... ေအာက္မွာ နည္းလမ္းေတြအမ်ိဳးမ်ဳိးေပးထားပါတယ္။

နည္းလမ္း (1)

အဆင္႕ 1 Template > Edit HTML > Expand Widget Templates မွာအမွန္ျခစ္ေပးပါ။
အဆင္႕ 2 Ctrl + F ကိုႏွိပ္ျပီး ဒီကုတ္ေလးကိုရွာပါ </head>
အဆင္႕ 3 ေတြ႕ျပီဆိုရင္ </head> ရဲ႕ေအာက္မွာေအာက္က Code ကို ကူးထည္႕ေပးပါ။
အဆင္႕ 4 အရင္ဆံုး Preview နဲ႕အရင္ၾကည္႕ပါ။ အဆင္ေျပျပီဆိုမွ Save ႏွိပ္ေပးပါ။

အျပည့္အစုံဖတ္ရန္

မိမိဘေလာ့မွာ အလွဆင္ၾကရေအာင္လား

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 11:55 PM with No comments

ဘေလာ့ကာတိုင္း မိမိတို႔ျပဳလုပ္ထားတဲ့.. ဘေလာ့ေလးက ဆြဲေဆာင္မႈရွိေနတာကို သေဘာက်မွာပါ။ ကၽြန္ေတာ္ဆို တစ္ပါတ္တစ္ခါေလာက္ေျပာင္းေနတာ.... သူမ်ားဆိုဒ္ေတြက လွတာေလးေတြေတြ႕ရင္မ ေတာ့တာပဲ..... အခုလည္းေတြ႕လာလို႔ ျပန္ရွယ္ေပးလိုက္တယ္....။။...။။...။။...။။....။။.....။။ သည္မွာ နမူနာ ေအာက္ပါပံုအား နမူနာၾကည့္ရန္သြားၾကည့္ႏိုင္ပါတယ္။

အျပည့္အစုံဖတ္ရန္

favicon

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 10:29 PM with 2 comments

ဒီတစ္ေခါက္ရွယ္ခ်င္တာေလးကေတာ့.... မိမိတို႔ ဘေလာ့ ဆိုဒ္နာမည္ရဲ႕ေဘးနားက logo ေလးျဖစ္ပါတယ္ လုပ္ရတာအရမ္းလြယ္ပါတယ္။

အင္တာနက္ေပၚကေနရွာထားတဲ့ပံုေတြကို Icon Maker ေဒါင္းလုပ္ဆြဲၿပီး ယူႏိုင္ပါသည္။ေလးသံုးၿပီးေတာ့လည္း logo ေလးေတြဖန္တီးလို႔ရ ပါတယ္။

ယင္း favicon.cc

နဲ႔ Logo and fonts

မွလည္း သြားေရာက္ၿပီးယူႏိုင္ပါတယ္။

အျပည့္အစုံဖတ္ရန္

စာလုံး အၾကီး+အေသး ကလစ္ဖတ္ႏုိင္ရန္

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 7:31 PM with No comments

ဒါေလးကေတာ့ မိမိဘေလာ့ရဲ႕ စာလုံးေတြကို ၾကီးလိုပါက ၾကီးနိဳင္တယ္.... ေသးလိုပါကလည္း ေသးနိဳင္ပါတယ္ ဆိုတဲ့ ကုဒ္ဒင္းေလးတစ္ခုပါ...ထည့္ရတာလဲ အရမ္းလြယ္ကူပါတယ္...ေနာ္.... ထည့္နည္းနဲ႕ ကုဒ္ေတြကို ေအာက္မွာ ယူလိုက္ပါ... ထည့္နည္း.......

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

Ref; ဘေလာ့ ခရီးသည္

အျပည့္အစုံဖတ္ရန္

Simple calendar clock

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 6:58 AM with No comments

ပထမဦးဆံုး Layout ထဲကိုဝင္ပါ။
Add a Gadget
HTML/JavaScript တြင္ ေအာက္မွေပးထားေသာကုဒ္ကိုထည့္၍
Save

code

from blogger Design

အျပည့္အစုံဖတ္ရန္

CITIZEN Calendar

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 6:55 AM with No comments

ပထမဦးဆံုး Layout ထဲကိုဝင္ပါ။
Add a Gadget
HTML/JavaScript တြင္ ေအာက္မွေပးထားေသာကုဒ္ကိုထည့္၍
Save

code

from Blogger Design

အျပည့္အစုံဖတ္ရန္

Shengruxiahua Calendar

တင္ဆက္သူ Unknown ဤအခ်ိန္တြင္ 6:53 AM with No comments

ပထမဦးဆံုး Layout ထဲကိုဝင္ပါ။
Add a Gadget
HTML/JavaScript တြင္ ေအာက္မွေပးထားေသာကုဒ္ကိုထည့္၍
Save

code

အျပည့္အစုံဖတ္ရန္

Support : ကၽြႏု္ပ္၏ ေက်ာင္း | My School | ျမတ္မဂၤလာ
Copyright © 2013. ကၽြႏု္ပ္၏ ေက်ာင္း - All Rights Reserved

Template Created by My School Published by Justin Philippe
Proudly powered by Blogger