websites blogger ေတြအတြက္ ေကာင္းနိုးရာရာ ကုတ္ေလးမ်ား

လိုအပ္ၾကမယ္လို႕ထင္ပါတယ္ websites ေတြအတြက္ ေကာင္းနိုးရာရာ html        ကုတ္ေလးမ်ား.......

ဒါကေတာ့ ေနာက္ခံဘက္ဂေရာင္း အတြက္ ကုတ္ေလးပါ..။


<style type="text/css">
body {
background-image: url(ဒီေနရာမွာ ဘက္ဂေရာင္းလင့္ေလးထည့္ပါ) ;
background-attachment:fixed;
background-repeat: no-repeat;
background-position:Bottom; }</style>



အနီေရာင္ေလးေတြေနရာမွာ စိတ္ၾကိဳက္ေျပာင္းလို႔ရပါတယ္...။
................................................................

ဒါေလးကေတာ့ Text Box အတြက္ကုတ္ေလးပါ

<form method="post" action="">
<textarea name="comments" cols="60" rows="5">
စာေတြဒီေနရာမွာရိုက္ထည့္ပါ.....
</textarea><br>
</form>

.................................................................

ဒါေလးကေတာ့ box အတြက္ျဖစ္ပါတယ္

<table width=50% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;"><font size="1">ဒီေနရာမွာအေၾကာင္းအရာေရးပါ</td></tr></table>

<table width=50% cellpadding="6" cellspacing="2" style="border:double 5px #9900FF,"><tr><td style="border:double 5px #9900FF;">ဒီေနရာမွာအေၾကာင္းအရာေရးပါ</td></tr></table>

...............................................

ဒါေလးကေတာ့ သူ႔ကိုႏွိပ္လိုက္ရင္ စာမ်က္ႏွာအေပၚဆံုးကိုေရာက္သြားမယ့္ ကုတ္ေလးပါ

<div align="center">
<p id="top"><a href="#" temp_href="#"><img src="http://img140.imageshack.us/img140/5843/top1.png" width="70" height="45" border="0" alt="Back to the Top" title="အေပၚသို႔"></a></p>

စိမ္းေရာင္ေလးနဲ႔ လင့္ေနရာမွာေတာ့ မိမိၾကိဳက္တဲ့ ပံုစံေျပာင္းထည့္လို႔ရပါတယ္...။

..................................................................

ဒါကေတာ့ Flash ဖိုင္ေတြကိုစာမ်က္ႏွာမွာတင္မယ့္ ကုတ္ေလးပါ

<embed
src=" ဒီေနရာမွာ *.swf ဖိုင္ရွိတဲ့လင့္ေလးထည့္ေပါ့ " ="" wmode="transparent"
allowfullscreen="true" allowscriptaccess="always"
height="300" width="460">

*.swf ဖိုင္ကိုအရင္ upload တင္ရပါမယ္ ျပီးေတာ့မွ ဖိုင္ရွိတဲ့လင့္ကိုထည့္ရမွာျဖစ္ပါတယ္။
အနီေရာင္ ေတြေနရာမွာေတာ့လိုတဲ့ အရြယ္အစားကို အစားထိုးေျပာင္းလို႔ရပါတယ္။
.............................................

ဒါကေတာ့ စာလံုးအရြယ္အစားနဲ႔ အေရာင္ေတြအတြက္ပါ

<Font size ="2" color ="green">ဒီလိုေလးျဖစ္သြားပါမယ္</font>
<Font size ="3" color ="blue">ဒီလိုေလးျဖစ္သြားပါမယ္</font>
<Font size ="4" color ="yellow">ဒီလိုေလးျဖစ္သြားပါမယ္</font>

လိုအပ္တဲ့အရြယ္နဲ႔ အေရာင္ကို ၾကိဳက္သလိုျပန္ျပင္လို႔ရပါတယ္။

ဒီလိုေလးျဖစ္သြားပါမယ္ ဒီလိုေလးျဖစ္သြားပါမယ္ ဒီလိုေလးျဖစ္သြားပါမယ္
.............................................

ဒါကေတာ့ လင့္ခ်ိတ္တဲ့ ကုတ္ေလးပဲျဖစ္ပါတယ္

<a href=" ဒီေနရာမွာ ေပးသြားေစခ်င္တဲ့ လင့္ကိုထည့္ပါ "
target="_blank"> ဒီေနရာမွာက မိမိေဖၚျပခ်င္တဲ့အေၾကာင္းအရာေပါ့ </a>

ေဖၚျပခ်င္တဲ့ေနရာမွာ စာသားသက္သက္ေရးလဲရတယ္ ဒါမွမဟုတ္
ဓာတ္ပံုေလးနဲ႔ လုပ္လဲရပါတယ္ ဓာတ္ပံုေလးနဲ႔ ေဖၚျပမယ္ဆိုရင္ေတာ့ ဒီလိုေလးပါ

<a href=" ဒီေနရာမွာ ေပးသြားေစခ်င္တဲ့ လင့္ကိုထည့္ပါ "
target="_blank"> <img style="width: 280px; height:50px;"
src=" ဒီေနရာမွာ ဓာတ္ပံု လင့္ေလးထည့္ပါ "
alt=""/> </a>

ဒီလိုေလးပါ ကုတ္မ်ားအေၾကာင္း
.............................................

ဒါေလးကေတာ့ လင့္ ကို ေထာက္လိုက္ရင္ အေရာင္ေျပာင္းေအာင္လုပ္တာပါ

<style
type="text/css"> <!-- A:link { text-decoration: none; color:yellow
} A:visited { text-decoration: none; color:red} A:hover { text-decoration:
none; color:green } --> </style>

ပံုမွန္ လင့္အေရာင္ ။ ေမာက္စ္ျဖင့္ေထာက္လိုက္ေသာအေရာင္ ။ ၾကည့္ျပီးသြားေသာအေရာင္
.......................................................

ဒါေလးကေတာ့ စာလံုးေပၚကို ေထာက္လိုက္ရင္ အေရာင္ေျပာင္းေအာင္လုပ္တာပါ

<b onmouseout="this.style.color = 'black';" onmouseover="this.style.color
= 'red';" align="justify">ဒီေနရာမွာအေၾကာင္းအရာထည့္ပါ </b>

.................................................

ဒါကေတာ့ မိမိစာမ်က္ႏွာကိုဖြင့္လိုက္တာနဲ႔ သတိေပးတဲ့စာေလးေပၚလာေအာင္လုပ္တာပါ

<SCRIPT language="JavaScript">
<!-- hide from old browsers

alert("ဒီေနရာမွာမိမိေပၚေစခ်င္တဲ့စာသားေတြေရးပါ");

//-->
</SCRIPT>

.............................................

ဒါေလးကေတာ့ Tab bar မွာစာသားေလးေတြေျပးေနေအာင္လုပ္တာပါ

<script language="javascript" type="text/javascript">
msg = " ဒီေနရာမွာ စာသားထည့္ပါ ";
msg = "..." + msg;pos = 0;
function scrollMSG() {
doc**ent.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);
}
scrollMSG();
</script>

.............................................

ဒါေလးကေတာ့ သင့္စာမ်က္ႏွာကို Print လုပ္မဲ့ ကုတ္ေလးပါ

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
doc**ent.write('<form>'
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"></form>');
}
// End -->
</script>

.............................................

ဒါေလးကေတာ့ Drop Down List အတြက္ျဖစ္ပါတယ္

<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>ဒီေနရာမွာ ေခါင္းစဥ္ထည့္ပါ<!-- change the links with your own --></option>
<option value="ဒီေနရာမွာ လင့္ ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္ </option>
<option value="ဒီေနရာမွာ လင့္ ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္ </option>
<option value="ဒီေနရာမွာ လင့္ ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္ </option>
</select></form>

.............................................

ဒါေလးကေတာ့ ဇယားအတြက္ ကုတ္ေလးပါ

<table border = "1">
<caption> ဒီေနရာမွာ ေဖၚျပခ်က္</caption>
<tr><th>ေခါင္းစဥ္ ၁</th><th> ေခါင္းစဥ္ ၂ </th></tr>
<tr><td> အမွတ္စဥ္ ၁/၁ </td><td> အမွတ္စဥ္ ၁/၂ </td></tr>
<tr><td> အမွတ္စဥ္ ၂/၁</td><td> အမွတ္စဥ္ ၂/၂</td></tr>
</table>

.............................................

ဒါေလးကေတာ့ ဇယားကြက္ထဲမွာ Drop down List ထည့္တဲ့ကုတ္ေလးပါ

<table border="0" cellspacing="0" align="center">
<tr>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<tr><td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td></tr>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
</tr>
</table>

........................................................

ဒါေလးကေတာ့ ြGoogle Search အတြက္ကုတ္ေလးပါ

<FORM method=GET action=http://www.google.com/custom>
<INPUT TYPE=text name=q size=14 maxlength=255 value="">
<INPUT type=submit name=sa VALUE="ရွာမယ္"><br>
<input type=hidden name=domains value="ning.com">
<input type=radio name=sitesearch value="" checked>Google <br>
<input type=radio name=sitesearch value="ning.com"> ning.com
</FORM>

.............................................

ဒါေလးကေတာ့ လင့္ဘက္ဂေရာင္းအတြက္ကုတ္ေလးပါ

a:hover {
color:#FF0000;
text-decoration:none;
background:transparent url(ဒီေနရာမွာ *.gif လင့္ေလးထည့္ပါ);
}

ဒီေနရာကို ေမာက္စ္နဲ႔ ေထာက္ၾကည့္လိုက္ပါ

............................................

ဒါကေတာ့ comment wall ေနာက္ခံဘက္ဂေရာင္းအတြက္ပါ

/*---pic in comment wall---*/
#xg_profiles_chatterwall_post_comment{
color: #ff6000;
background-color:transparent!important;
background-image:url(ဒီေနရာမွာ ဓာတ္ပံု လင့္ေလးထည့္ပါ);
background-repeat: no-repeat;
background-position:bottom;
background-attachment:relative;}

ဒါေလးကေတာ့ comment wall toolbar မွာပံုေလးေတြထည့္ခ်င္ရင္ေပါ့

/*---pic in comment wall toolbar---*/
.texteditor_toolbar {
background-image:url( ဒီေနရာမွာ URL ထည့္ပါ )!important;
border:2px ridge black;
width:500px;
height:50px;
}

.............................................

ဒါေလးကေတာ့ network Icon အတြက္ျဖစ္ပါတယ္

<link rel="icon" type="image/gif" href=" ဒီေနရာမွာ Icon လင့္ေလးထည့္ေပးပါ ">

.............................................

ဒါကေတာ့ website Header မွာ Flash ထည့္ဖို႔ပါ

<script language="JavaScript">
//insert under the NingBar only if the NingBar exists
var ningBar = doc**ent.getElementById('xn_bar');
if(ningBar) { var headlinerAd = doc**ent.createElement('div');
headlinerAd.id='headliner_ad'; headlinerAd.innerHTML = '<div style="font-size: 20pt; float: center; color: #FF0000; border: 1px; background-color: transparent; text-align: center;"><embed src=" ဒီေနရာမွာ *.swf ဖိုင္ရွိတဲ့လင့္ေလးကိုထည့္ပါ " ="" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" height="120" width="960"></embed></div>'; ningBar.parentNode.insertBefore(headlinerAd,ningBar.nextSibling);}</script>

အနီေရာင္စာလံုးေတြေနရာမွာေတာ့ၾကိဳက္သလိုျပန္ေျပာင္းလို႔ရပါတယ္...။

.............................................

ဒါေလးကေတာ့ စာမ်က္ႏွာေပၚမွာ
Floating အေနနဲ႔ေပၚေအာင္လုပ္တာပါ

<div style="position:fixed;top:20px;right:0px;">
ဒီေနရာမွာ အေၾကာင္းအရာေရးပါ</div>

ဒီေနရာမွာ စာသားတင္မကပဲ ဓာတ္ပံုေတြ Flash ေတြကိုပါေပၚေအာင္လုပ္လို္႔ရပါတယ္
Position ကိုေတာ့ မိမိ လိုသလိုျပင္ဆင္ယူလို႔ရပါတယ္ (စာလံုး အျပာ၊ အနီ)


.............................................

ဒါကေတာ့ အေပၚဆံုးက navigation bar အတြက္ ပါ

#xg_navigation { margin-top:1em; background: url(
ဒီေနရာမွာ ဓာတ္ပံု လင့္ ထည့္ပါ ) top repeat-x; height: 60px; border-top:2px ridge (transparent); border-right:2px ridge (transparent); border-center:2px ridge (transparent); border-bottom:2px ridge (transparent); }

...........................................

ဒါကေတာ့ Title Bar အတြက္ကုတ္ေလးပါ

.xg_module_head {
background-color:transparent;
background-image:url( ဒီေနရာမွာ ဓာတ္ပံု လင့္ေလးထည့္ေပးပါ );
background-repeat:repeat;
margin-bottom:0em;
}

...............................................

ဒါေလးကေတာ့ စာမ်က္ႏွာ ေအာက္ေျခမွာ ထည့္ခ်င္ရာထည့္ဖို႔အတြက္

#xg_foot {
background-image:url(ဒီေနရာမွာ jpeg, gif, png ဖိုင္ လင့္ေလးထည့္ပါ );
}

.............................................

ဒါေလးကေတာ့ စာသားေတြေရြ႕ေနေအာင္လုပ္တဲ့ေကာင္ေလးပါ

<marquee>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=right>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<center><marquee behavior=alternate width=50%> ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee></center>

<marquee direction=up height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50 behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ
.....................................................

ဒါေလးကေတာ့ scroll-box အတြက္ကုတ္ေလးပါ

<style type="text/css">
div.scroll-box {
height:100px;
width:200px;
font:10pt/20pt Verdana,arial,sans-serif;
overflow:scroll;
}
</style>
<div class="scroll-box">
ဒီေနရာမွာ စာသားေတြထည့္ပါ
Enter your scroll box text here... once there's enough text, the box will grow scroll bars!
You can also put pictures in here and it will scroll if the picture is too big.
</div>

ဒီလိုေလးလဲလုပ္လို႔ရတယ္

<div style="border: 9px ridge rgb(96, 214, 243); overflow: scroll; height: 100px; width: 220px;">ဒီေနရာမွာအေၾကာင္းအရာမ်ားေရးထည့္ပါ</div>

......................................................

ဒါေလးကေတာ့ ဓာတ္ပံု slide show အတြက္ပါ

<div align=center>
<table width=400 border=0 align=center>
<tr>
<td>
<marquee width=400>
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL ထည့္ပါ />
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL ထည့္ပါ />
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL ထည့္ပါ />
</marquee>
</td>
</tr>
</table>
</div>

................................................

ဒါေလးကေတာ့ လင့္ေအာက္က underlines ေလးကိုေျဖာက္ထားဖို႔ပါ

<style type="text/css">
<!-- a { text-decoration: none; }// -->
</style>

..............................................

ဒါေလးကေတာ Tab ေလးေတြထည့္ဖို႔ပါ

<FORM>
<INPUT TYPE="BUTTON" VALUE="Home Page"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL ထည့္ပါ ' ">
<INPUT TYPE="BUTTON" VALUE="HTML Books"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL ထည့္ပါ ' ">
<INPUT TYPE="BUTTON" VALUE="JavaScript"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL ထည့္ပါ ' ">
</FORM>

............................................

ဒါေလးကေတာ့ iframe အတြက္ကုတ္ေလးပါ
(ခ်က္ရြန္းေတြ၊ ဓာတ္ပံုေတြကိုစာမ်က္ႏွာေပၚမွာတင္ရန္)

<iframe src=" ဒီေနရာမွာ URL ထည့္ပါ "
width="200"
height="150"
scrolling="auto"
frameborder="1"></iframe>

................................................

ဒါေလးကေတာ့ သီခ်င္းထည့္ဖို႔ပါ

<embed name="ဒီေနရာက သီခ်င္းနာမည္ေပါ့"
src=" ဒီေနရာက သီခ်င္း URL *.wav ေပါ့ "
width="300"
height="90"
loop="false"
autostart="false">
</embed>

ဒါေလးကေတာ့ myspace music ထည့္ဖို႔ပါ

<embed src="http://lads.myspace.com/theAnswer.swf"
quality="high"
bgcolor="#ffffff"
width="450"
height="345"
name="mp3player"
align=""
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>

................................................

ဒါေလးကေတာ့ ဗီဒီယို ထည့္ဖို႔အတြက္ပါ

<object width="425px" height="360px" >
<param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<param name="movie" value=" ဒီေနရာမွာ နာမည္ထည့္ပါ "/>
<embed src=" ဒီေနရာကေတာ့ Video ရွိတဲ့ URL ထည့္ပါ " width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/>
</object>

.................................................

ေဘာင္ကြတ္မဲ့ကုတ္ေလးပါ

<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color=" #FF0000">ဒီေနရာကေတာ့ ေခါင္းစဥ္ေပါ့</font></legend><font color=" #FF0000"><p align="center (left, right) ">အေၾကာင္းအရာေလးေတြဒီေနရာမွာေရးပါ</p></font></fieldset>

...............................................

ဒါေလးကေတာ့ BlogPost ေဖၚျပတဲ့ေနရာမွာ Scrollbar နဲ႔ ေဖၚျပခ်င္ရင္ေပါ့

/* scroll box for the blog post */
#xg_module_blog, .body_detail{
height: 300px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 14px;
font-family :arial;
}

......................................................

ဒါေလးကေတာ့ ကိုယ္ပိုင္ စာမ်က္ႏွာ ေပၚမွာ Update Status ကိုေျဖာက္ထားမယ္ဆိုရင္ေပါ့

#xj_StatusAndShareLink {display:none}

...............................................................

ဒါေလးကေတာ့ ကိုယ္ပိုင္ စာမ်က္ႏွာ ေပၚမွာ latest activity ကို scroll ေလးထည့္ဖို႔ပါ

xg_module, .xg_module_activity {
background: url();
background-repeat: no-repeat;
background-position: center 0px;
width: 500;
height: 500px;
overflow : auto;
overflow-x: hidden;
position:relative;
margin : 3px;
text-align : center;
font-size : 10px;
font-family : arial;
border:1px solid #04B404;
}

................................................
Ads by Google ကိုေျဖာက္ထားခ်င္ရင္

.xg_ads { right:1500px; } .xg_ads { height:0px; width:0px; }

 
      လွ်ဳိ၀ွက္ဥယ်ာဥ္မွသယ္လာတာၿဖစ္ပါတယ္   

ဘေလာ့မွာ စာေလးေတြ ပ်ံေနတာထည့္မယ္

<marquee>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=right>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<center><marquee behavior=alternate width=50%> ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee></center>

<marquee direction=up height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50 behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

Image Menu ေလးေတြဖန္တီးၾကည့္ရေအာင္

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

က်ေနာ္ ေတြ႕ ရွိတာေလးေတြကို အျမဲစမ္းသတ္ျပီးမွ တင္ေလ့ရွိပါတယ္.. ဒါေလးကိုေတာ့ အခ်ိန္မရတာနဲ႕  တင္လို္ကပါတယ္.. ကိုယ္တိုင္စမ္းသတ္ ၾကည့္ေစလိုပါတယ္...

ထည့္နည္း.............

  အဆင့္....(၁)......

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။
]]></b:skin> ေတြ႕တာနဲ႕ သူ႕ေရွ႕ကေန  ေပးထားတဲ့ ေအာက္ကကုဒ္ေတြကို ထည့္ေပးလို္ကပါေနာ္။

#imagemove {            
        padding:0;             
        margin-left:30px;             
        list-style-type:none;             
        height:120px;             
        }             
#imagemove li {             
        display:block;             
        float:left;             
        width:120px;             
        height:120px;             
        position:relative;             
        margin:0 15px 7px 0;             
        }             
#imagemove li a {             
        display:block;             
        width:120px;             
        height:120px;             
        background:transparent;             
        overflow:hidden;             
        position:relative;             
                padding:5px;             
        } 
#imagemove li a img {            
        width:100%;             
        height:100%;             
        border:0;             
        margin-right:30px;             
        padding:5px;             
        }             
#imagemove li a:hover{             
        position:absolute;             
        left:0px;             
        top:20px;             
        padding:5px;             
        width:120px;             
        height:120px;             
        z-index:100;             
        }

ျပီးတာနဲ႕ ေဆ့လုိ္ကပါေနာ္....

အဆင့္...(၂)......

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

<ul id="imagemove">              
<li><a href="http://www.fobbleup.blogspot.com/"><img alt="menu 1" src="http://i43.tinypic.com/2arep5.png" title="home"/>home</a></li>

<li><a href="http://www.fobbleup.blogspot.com/"><img alt="download" src="http://i41.tinypic.com/20pxbmc.png" title="download"/>download</a></li>

<li><a href="http://www.fobbleup.blogspot.com/"><img alt="music" src="http://i41.tinypic.com/2rhqtlf.png" title="menu 3"/>menu 3</a></li>  

<li><a href="http://www.fobbleup.blogspot.com/"><img alt="feed" src="http://i40.tinypic.com/vqkvbl.png" title="feed"/>feed</a></li>  

<li><a href="http://www.fobbleup.blogspot.com/search?max-results=200"><img alt="search" src="http://i44.tinypic.com/2lus08g.png" title="search"/>search</a></li>               
</ul>

 မွတ္ခ်က္ ။                 ။

* မိမိတို႕လင့္နဲ႕အစားထိုးလိုက္ပါ.. http://www.fobbleup.blogspot.com/
* အစိမ္းေရာင္ ျပထားတဲ့ ေနရာလင့္ေတြဟာ  ပုံ ရဲ႕လင့္ေတြပါ ၾကိဳက္သလို ေျပာင္းလဲ နိဳင္ပါတယ္..

ပုံေလးေတြ ဖန္တီးျပီး အဲေနရာမွာ အစားထိုးေပးလုိက္ပါ။
  save, လုိက္ေတာ့ေပါ့..ျပီးပါျပီ...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက... www.aungsanmks.blogspot.com www.ledimyethar.com တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

ဘေလာ့ ေခါင္းစဥ္ ထည့္နည္း ႏွင့္ လင့္ခ်ိတ္နည္းအျပည့္စုံ

သည္နည္းေလးေကတာ့ ဘေလာ့ကာရဲ႕ မူရင္းတက္ပလက္ေတြ အတြက္ ပိုအသုံးး၀င္ပါတယ္..
ဘာေၾကာင့္လဲ ဆိုေတာ့  မူရင္းေတြမွာ Tab Menu ဆိုတဲ့ ေခါင္းစဥ္ေတြ မပါတတ္လို႕ပါ.. ခ်ိန္းထားတဲ့ တက္ပလ္ကေတြကေတာ့ ေအာ္တိုပါတတတ္ပါတယ္..
သည္နည္းေလးေကတာ့  ထည့္ရတာ လြယ္ကူသလို... လင့္ခ်ိတ္တဲ့ ေနရာမွာလည္း အရမ္းရိုးရွင္းလြန္းလွပါတယ္..ကဲစၾကမယ္ေနာ္  ပုံေလးေတြ နဲ႕ ရွင္းျပပါ့မယ္...

ေတာင္းဆိုသူးကေတာ့
 နည္းပညာထားဝယ္ေျမ: http://www.mgnyiko.blogspot.com/ ကပါခင္ဗ်ားက်ေနာ္ဝက္ဆုိဒ္မွာ HOME တခုတဲျဖစ္ေနလုိ႕ပါ..ေျပာျပပါလားဗ်..နည္းပညာ ဘေလာ႕ စာမ်က္နွာ သီခ်င္း ဒီလုိေလးလုပ္ခ်င္တာ.

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

<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #555; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #FE9C54; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="မိမိဘေလာ့လိပ္စာ"><span>မူလစာမ်က္ႏွာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဘာသာေရး</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>နည္းပညာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဗဟုသုတ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ကဗ်ာ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ဟာသ</span></a></li>
<li><a href="မိမိဘေလာ့လိပ္စာ"><span>ေဆာ့၀ဲလ္</span></a></li>
<li><a  href="မိမိဘေလာ့လိပ္စာ"><span>ဆက္သြယ္ရန္</span></a></li>  
  
<li></li></ul></div>

မိမိဘေလာ့လိပ္စာေနရာမွာ မိတ္ေဆြတို႕ ဘေလာ့ URL ထည့္ေပးလိုက္ပါ။
ေနာက္က ေခါင္းစဥ္ေတြေတာ့ စိတ္ၾကိဳက္ ေရးနိဳင္ပါတယ္.....
မိမိတို႕ ဘေလာ့ ထိပ္ဆုံး မွာ ထားေပးလိုက္ပါ ေခါင္းစဥ္ေတြ ျမင္ေတြ႕ေနရပါျပီေနာ္....


လင့္ခ်ိတ္နည္းးး အေသးစိတ္။         ။ 

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

အဆင့္ (၁)  ။               ။  ေခါင္းစဥ္ ဇယားေလးနဲ႕  ဘေလာ့ ႏွစ္ခု ယွဥ္ဖြင့္မယ္။
အဆင့္ (၂)  ။               ။  ဘေလာ့ေပၚက ေခါင္းစဥ္ေတြကို တစ္ခုခ်င္းစီ ခ်ိတ္ၾကမယ္..။
အဆင့္ (၃)  ။               ။  ေခါင္းစဥ္ေပၚ ေမာက္တင္ ညာကလစ္ ေပးပါ။
အဆင့္ (၄)  ။               ။  အဲထဲက copy link location ကိုကလစ္ျပီးေကာ္ပီယူလုိက္ပါ။
                                     (ကလစ္တာနဲ႕ ေကာ္ပီျပီးသားပါ)
အဆင့္ (၅)  ။               ။  ဘယ္ဘက္က ေခါင္းစဥ္ဇယား ထဲက မိမိဘေလာ့ခ်ပ္စာ ဆိုတဲ့ေနရာမွာ
                                    အထက္က ေကာ္ပီယူလာတာကို  Psat  ခ်ေပးလိုက္ပါ။
အဆင့္ (၆)  ။               ။ ေခါင္းစဥ္တစ္ခု လင့္ခ်ိတ္ျခင္းေအာင္ျမင္ပါျပီ။

မွတ္ခ်က္ ။              ။ က်န္ေခါင္းစဥ္မ်ားကိုလည္း အဲနည္းအတိုင္း ခ်ိတ္သြားလိုက္နိဳင္ပါျပီ ။  ။
                            သတိေပးျခင္တာကေတာ့  ေခါင္းစဥ္ေတြကို တၾကိမ္တည္း အျပီးခ်ိတ္နိဳင္တာ
ပိုေကာင္းပါတယ္... ခဏခဏ၀င္ရင္ မွားတတ္လို႕ပါ... အဲအတြက္ မိမိတို႕ ဘေလာ့ေပၚမွာ လိုျခင္တဲ့
ေခါင္းစဥ္ေတြအတိုင္း အဦးဆုံး ပို႕စ္တစ္ခုဆီေတာ့  တင္ထားသင့္ပါတယ္.. ဒါမွ တၾကိမ္ တခါတည္းနဲ႕  အိုေကမယ္.... ကဲ သည္ေလာက္ဆို ရွင္းပါျပီေနာ္... ဒါမွ မရွင္ပါက
ေအာ္ခဲ့ပါအုံးးေနာ္....

သိထားဖို႕ကေတာ့ သည္နည္းလမ္းက.. ဘေလာ့ရဲ႕ Layout..Java/Script ကေနထည့္တဲ့ ေခါင္းစဥ္ေတြအတြက္...ထည့္နည္း ခ်ိတ္နည္းပါ.... ဘေလာ့တက္ပလက္က ေအာ္တိုပါလာေသာ
ေခါင္းစဥ္ ေတြအတြက္   လင့္ခ်ိတ္နည္းကို     သည္ေနရာေလးမွာ   ဆက္လက္ေလ့လာလိုက္ပါ။

တုန္႕ျပန္မွဳအေနနဲ႕ fb like ခဲ့ပါ  မန္ဘာ၀င္ အားေပးပါ လို႕ ေတာင္းဆို ရင္းေလးစားစြာျဖင့္
ေအာင္ေအာင္(မကစ)

www.aungsanmks.blogspot.com

www.ledimyethar.com 

လိုအပ္ပါက..............
တို႕မွာ လာေရာက္ ေရးသားေတာင္းဆိုနိဳင္ပါတယ္..

Search Box အလန္းေလးေတြ မွသုံးျခင္တယ္ဆို

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

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

Style 1

<style type="text/css">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiquFUExOkLGgme17zuKAIj29-ZPFsEZFh0qpGKAxv5EWkFIeAjawpw6ogJKArT8n6VDabC4MnCR7lYCbM-_TewBYZROgMfKC40QrfAQcenlbSvRNrec_WgXa_SbSiXubmZuIK2CSDADUU/s1600/red.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
  
form#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Style 2

<style type="text/css">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLfOCepnHq6DHT0Soq9De3SXnCk3viiQH3EMhbCFM6lgqK4h6FlVO-3L9dyeHDga7lEn5MuGprOHThibH9ttzof5k5IeeHmv4TvreFffVuTQ9p-LH8a5zuLYwCpEKtLOQOsXIts5zLP9pN/s1600/purple.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
  
form#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Style 3

<style type="text/css">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPjC8WcQn6Vm1pQfA3j_U6YYUvmj4kV8p9oBmetAzVrY9JTZ6W5RTNzTj1hBmbvvdjElj2o2-J1t76S4st2PErrpvdaTQnShfoYele3oj7so7999icIC8odQIx8WnyOvrdsnQpxXZ_tj5P/s1600/green.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
  
form#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Style 4

<style type="text/css">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdN_7Uj_p55VEd0t8lJOS3CuQLVNTJtADpwnFxfS8sbS9XWAWnj9GJm-fyrB3k4ekiqzpcrDpZQcZba0oLl_cJ5zuYTw5pjnss0uCwJ81xDP9_4VDyWEyEG5JLwxWrD7q7DNHYHwJYbrfZ/s1600/blue.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
  
form#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Style 5

<style type="text/css">
#btrix-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsEGjQezRKcnQf__RgJWGCDCE1sH3iTBcrGN0nmGEU7i_cgQQpvzoTTo8E2KsPS5lx4yGRiRMVzsvJbwakEkkzc2ZpbBSThmMStJx5bLf8bFrXsvWV4-DS0kdSDPErKKlJIS_NbYmbzPN1/s1600/orange.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}
  
form#btrix-searchform {
    display: block;
    padding: 9px 16px;
    margin: 0;
}
  
form#btrix-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
  
form#btrix-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="btrix-searchbox">
    <form id="btrix-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

ကဲ စိတ္တိုင္းက် ျပီဆိုပါက ေဆ့လုိက္ေပါ့..ေနာ္.. အဆင္ေျပၾကပါေစ

ဘေလာ့မွာ Post နဲ႕ Comment အေရတြက္ေလးသိျခင္ရင္

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

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

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://tawwinminntharlay.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://tawwinminntharlay.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<noscript><a href="http://tawwinminntharlay.blogspot.com" target="_blank">ေတာ္၀င္မင္းသားေလး</a></noscript>

မွတ္ခ်က္   ။            ။ ကုဒ္ေတြထဲက အနီေရာင္ျပထားတဲ့  က်ေနာ္ရဲ႕  လင့္ေတြကို မိမိတို႕ လင့္နဲ႕ အစားထိုးေပးလုိက္ပါေနာ္..

http://tawwinminntharlay.blogspot.com/ 

Address ဘားမွာ လိုဂိုေလးေတြထည့္မယ္

ကၽြန္ေတာ္ တို႕ ဘေလာ့ဂ္တစ္ခုကိုဝင္လိုက္ျပီဆိုရင္ ဘေရာက္ဇာရဲ့ ထိပ္မွာရွိတဲ့ လိပ္စာ ဘားမွာ ဘေလာ္ဂါကြန္ ရဲ့လိုဂိုေလး ကိုဒီလိုေတြ႕ရမွာ ျဖစ္ပါတယ္...။

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

လုပ္ပံုလုပ္နည္းကေတာ့ အလြန္လြယ္ကူပါတယ္ ကဲစလိုက္ၾကရေအာင္...

(၁)  ပထမဦးဆံုး ဘေလာ့ဂ္ ရဲ့ Layout ကိုဝင္လိုုက္ပါ..

(၂)   ၿပီးရင္ေတာ့ Edit HTML ထဲကိုထပ္ဝင္လိုက္ပါ...

အဲဒီမွာ ကုဒ္ေတြထဲက

<head>

ဆိုတဲ့ကုဒ္ေလးရဲ့ ေနာက္မွာဒီကုဒ္ကိုထည့္လိုက္ပါ...

<link href='http://www.fos.su.se/~arnold/travel/asia2001/myanmar_flag.gif'
rel='shortcut icon'/>

အထက္ကလင့္ေလးေတြဘဲေလ.. အျပာေရာင္လင့္ေတြက လိုဂို ပုံရဲ႕လင့္ပါ။
အေပၚကလင့္က ျမန္မာနိဳင္ငံအလံေလးပါ။

<link href='http://www.flagsimporter.com/american/images/buddhist_m.gif'
rel='shortcut icon'/>

အေပၚကေတာ့ သာသနာ့အလံေလးရဲ႕ လင့္ပါ။
 မိမိတို႕စိတ္တိုင္းၾကပုံရဲ႕ လင့္ကို လင့္ယူျပီး စိတ္ၾကိဳက္ ထည့္နိဳင္ပါတယ္....
အဆင္ေျပပါေစေနာ္..

ဘေလာ့မွာ လိပ္စာဘားေလးက နာမည္ေျပးေနျခင္လား

ဒါေလးကေတာ့ gtalk ကေန ညီေလးတစ္ေယာက္ လာေရာက္ ေတာင္းဆိုထားလို႕ပါ..

မိိမိတို႕ဘေလာ့ အတြက္လဲ လွပါတယ္... လုပ္ထားးသင့္ပါတယ္..ေနာ္
Blog Name Scrolling လို႕ေခၚနိဳင္ပါတယ္...  လုပ္နည္းေလးကလဲ လြယ္တာမို႕ လုပ္ၾကည့္လိုက္ၾကပါေနာ္...

ထည့္နည္းေလး ကေတာ့..ရိုးရွင္းပါတယ္...
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

              

</head>  ဆိုတာကို ပုံထဲကတိုင္းရွာလိုက္ပါ  ေတြ႕တာနဲ႕ သူ႕အေပၚကပ္ျပီး

ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို  ထည့္လိုက္ပါ။ 

<script type='text/javascript'>
var txt="ဤေနရာမွာမိမိရဲ႕ဘေလာ့နာမည္ေလးေရးလိုက္ပါ ";
var espera=200;
var refresco=null;
function rotulo_title()
{
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout

("rotulo_title()",espera);
}
rotulo_title();
</script>

မိမိၾကိဳက္တဲ့ နာမည္ဆိုတဲ့ေနရာမွာ ျမန္မာလို မရပါ ဥပမာ  welcome to my blog ေပါ့..
ၾကိဳက္တာ ေရးပါ.. ျပီးတာနဲ႕   ေဆ့လိုက္ပါ.... ၾကည့္လိုက္ေတာ့ေနာ္
ဘေလာ့လိပ္စာ ဘားေလးေျပးေနမယ္.... သိပ္လွဗ်ာ  ယူလိုက္ေတာ့..

ေမာက္ေနာက္က လုိက္ေနမဲ့ စာတန္းေလး

ထည့္နည္းူေလးကေတာ့...သည္လိုေလးေပါ့...

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

<script language="javascript">
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='tawwinminntharlay';
var delay=40; // SPEED OF TRAIL
var Xoff=-130; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=10; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#F10B2A"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.


//********** NO NEED TO EDIT BELOW HERE **********\\


ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';


for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);


function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}


function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}


function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}


function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}


function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}


function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}


window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

5.    ဒီေနရာမွာ သင္ႏွစ္သက္သလိုေျပာင္းႏိုင္ပါတယ္ “Happy 2012”

6.   အေရာင္ကိုေျပာင္းခ်င္ေသးတယ္ဆိုရင္  #F10B2A 

 က်ေနာ္ဆိုဒ္မွာ ကာလာကုဒ္ေတြ ေရြးခ်ယ္ဖို႕ ဆိုဒ္ဘားမွာ ရွိပါတယ္..

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

 ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။
လယ္တီေျမသား www.ledimyethar.com
ဘေလာ့ခရီးသည္ http://aungsanmks.blogspot.com/
မွတ္စုစာအုပ္ http://aungsan96.blogspot.com/
ဒီပဲယင္းသားေလး www.depelyin.co.cc
 ေဆာ့၀ဲလ္ျမိဳ႕ေတာ္ www. aungkyaw.com
 ဓမၼဗိမာန္ http://dhamabimarn.blogspot.com/

Posted in: Blogs Html

ဘေလာ့ခရီးသည္တင္ျပီးသမွ် ဘေလာ့ပညာမ်ားစုုစည္းမွဳ

9:33:00 am  ေအာင္ေအာင္(မကစ)  1 comment

မိတ္ေဆြအေပါင္းး မဂၤလာအေပါင္းနဲ႕ ခေညာင္းၾကပါေစ  သည္တစ္ခါ က်ေနာ္ ေသျခာစဥ္းစားမိျပီးေတာ့ စီစဥ္ထားတဲ့ ပို႕စ္ေလးကိုတင္ေပးထားပါတယ္.. ဒါကေတာ့ ဘေလာ့ခရီးသည္ကိုအားေပးၾကေသာ မိတ္ေဆြ ညီကို ေမာင္ႏွမမ်ားအတြက္ က်ေနာ့္ရဲ႕ ဘေလာ့ပညာမ်ားအား အလြယ္တကူ ရွာေဖြနိဳင္ရန္ဆိုတဲ့ စိတ္ကူးေလးနဲ႕  သည္လိုေလးစုစည္းထားလိုက္ရတာပါ... မဟုတ္ရင္ မိတ္ေဆြတို႕လဲ ရွာေဖြရခက္ခဲသလို က်ေနာ့္အတြက္လဲ  အကူညီလာေတာင္းသမွ် ျပန္လည္ရွာေဖြေပးေနရေတာ့ အခ်ိန္ေႏွာင့္ေႏွးေစပါတယ္.. ဒါေလးကေတာ့ လုံး၀ (လုံး၀) ကိုအဆင္ေျပေစတယ္ဗ်ာ.. ဒါေလးကို လက္ကိုင္ထားလိုက္ၾကပါ... လိုျခင္တာေတြကို ေခါင္းစဥ္ေလးေတြ နဲ႕ အျမန္ရွာနိဳင္ပါျပီ..

တင္ျပီးသမွ်  ဘေလာ့ပညာမ်ား .

►1-You Might Also Like ပုံေလးေတြထည့္နည္း

►2-Auto Read More ေလးထည့္နည္း

►3-ဖိုင္ေတြ-ပုံေတြတင္ဖို႕ Hosting ဆိုဒ္မ်ား

►4-အလည္သြားစရာဆိုဒ္မ်ားလုပ္ဖို႕

►5-ဘေလာ့မွာ Favaicon အလြယ္ထည့္နည္း

►6- Blog မွာ Content Warning ကုိ Remove လုပ္နည္း

►7-ပုံေလးေတြနဲ႕လင့္ညႊန္တဲ့နည္းပါ

►8- ဘေလာ့လိပ္စာအမည္ေလးေျပးေနျခင္လား

►9- အသဲေတြပ်ံ၀ဲက်လာျခင္သလား

►10-ေမာက္တင္တာနဲ႕ တင္တဲ့ပုံေလးၾကီးလာေစဖို႕

►11- ခ်က္ေဘာက္ေလးကို ေဘးမွာသိမ္းထားျခင္လား

►12-ဘေလာ့ေခါင္းစဥ္ေရွ႕က ပုံေလးနဲ႕အလွဆင္နည္း

►13- ဘေလာ့မွာစာတန္းအေျပးေလးနဲ႕ ေရးၾကမယ္

►14- သက္တန္႕ေရာင္လင့္မ်ားဖန္တီးျခင္း

►15- ေမာက္ေရႊ႕တိုင္းၾကယ္ေလးေတြ၀ဲပ်ံက်လာေသာကုဒ္

►16- ဘေလာ့မွာ Floating Follow Button ေလးထည့္နည္း

►17-ဘေလာ့ ေခါင္းစဥ္ ထည့္နည္း ႏွင့္ လင့္ခ်ိတ္နည္းအျပည့္စုံ

►18-အခမဲ့ converter ဆိုဒ္ေလးပါ

►19-ဘေလာ့ဧည့္ေကာင္တာလုပ္နည္း (၂)

►20- ဘေလာ့ဧည့္ေကာင္တာလုပ္နည္း (၁)

►21-ဘေလာ့မွာ Layout-Java Script မွာ ကုဒ္ထည့္နည္း (အသစ္မ်ားအတြက္သာလွ်င္) ►22-မိမိရဲ့ဘေလာ့ ျမန္ျမန္ေလးပြင့္သြားေအာင္လုပ္ခ်င္ရင္

►23- ဘေလာ့မွာ Printer ေလးထားချင္ရင

►24-Freeshoutbox ဆိုဒ္ေလးရဲ႕ C-Box လွလွေလး

►25-C-Box ဖရီးလုပ္နိဳင္ေသာ ဆိုဒ္ (၁၀) ခု

►26-Post Title ေအာက္က Author,label.time ဆိုတာေလးထည့္နည္း

►27-ဘေလာ့မွ ၀င္၀င္တာနဲ႕ ၾကိဳဆိုတဲ့ေဘာက္ေလးထည့္မယ္

►28-ဘေလာ့မွာ Post နဲ႕ Comment အေရတြက္ေလးသိျခင္ရင္

►29-ဘေလာ့အတြက္ ေနာက္ခံ ကာလာ/ ပုံ ေတြထည့္နည္း

►30-Recent Comments ပုံစံေလးတမ်ိဳးနဲ႕လွေနျခင္ရင္

►31-Auto Video Template ေလးပါေနာ္..

►32- Google Translate အလံေလးေတြ ထည့္ၾကမယ္

►33-ဘေလာ့ labels ေနာက္က နံပါတ္ေတြ ျဖဳတ္နည္း

►34-ChromeGT ဆိုတဲ့ အလန္းစား တက္ပလက္ေလး

►35-post author, date, labels and comments ေတြကို ပုံေလးေတြနဲ႕ အလွဆင္မယ္

►36- ဘေလာ့မွာ Comment ေပးတာေလေးတြ တင္ၾကမယ္

►37-ပို႕စ္တင္နည္း (ဘေလာ့ကာအသစ္မ်ားအတြက္-သီးသန္႕)

►38-မိမိဘေလာ့ copy ကာကြယ္နည္း

►39-CherryTruffle ဆိုတဲ့ တက္ပလက္အလန္းေလးပါ

►40-အရမ္းလွတဲ့ Unite Template ေလးပါ

►41-ဘေလာ့ေပၚမွာ ေခြးေလးနဲ႕ကစားမယ္

►42-ဘေလာ့မွာ လွပေသာ Vertical Navigation Menu လုပ္နည္း

►43-မိမိတို႕ဘေလာ့မွာ calculator ေလးထည့္နည္း

►44-ChatWing ဆိုတဲ့ ခ်က္ေဘာက္ Cbox ထည့္နည္း

►45-ေခါင္းစဥ္နဲ႕ ပို႕စ္ လင့္ခ်ိတ္နည္း အျပည့္အစုံ

►46-ဘေလာ့ Template ေျပာင္းနည္း

►47-ဘေလာ့ Read More လုပ္နည္း ပုံျဖင့္အစားထိုးနည္း

►48-ဘေလာ့မွာ Drop Down Menu ေလးလုပ္နည္း

►49-ဘေလာ့မွာ Social Subscribe Icons ေလးထားၾကမယ္

►50- Marquee code မ်ားနဲ႔ ေပ်ာ္စရာ

►51-ဘေလာ့ search box လွလွေလးထည့္ဖို႕

►52-ဆံုးရွံုးသြားေသာ Data, File မ်ားအား ျပန္လည္ ရယူျခင္း

►53- ဘေလာ့မွာ Html ကာလာကုဒ္ ထည့္နည္း

►54-ဘေလာ့မွာrelated posts widget ေလးထည့္ၾကမယ္.

►55-Run Box မွ ကိုယ္ပိုင္စိတ္ႀကိဳက္ shortcut မ်ားေခၚယူျခင္း (ဖတ္သင့္သည္)

►56-ဘေလာ့မွာ cloud menu ေလးလုပ္နည္း

►57-ဘေလာ့မွာ Skin’s Social Media Listing Widget ေလးထည့္မယ္

►58-ဘေလာ့မွာ post (atom) ေလးျဖဳတ္နည္း

►59-ဘေလာ့မွ fb like box ေလးထည့္နည္းပါ

►60-Facebook Like Button ေလးထည့္နည္း

►61-Magazine Dynamic view ေတြကို read more လုပ္နည္း

►62- ဘေလာ့မွာ ကိုယ့္အေၾကာင္းေလးထည့္နည္း

►63- ဘေလာ့ ကြန္မက္အတြက္ reply button ေလးထည့္နည္းပါ

►64-ခ်က္ေဘာက္မွာအရုပ္ေတြထပ္ျပီးစံုခ်င္ရင္ဒီလိုလုပ္ အလန္းဇယားေလးေတြ

►65-ဘေလာ့မွာPopularPostsကိုSlideပံုစံေျပာင္းနည္း 

►66- Template Width ခ်ဲ႔နည္း

►67- Peekaboo Comments ေလးမ်ား လုပ္ၾကမယ္..

►68-Address ဘားမွာ လိုဂိုေလးေတြထည့္မယ္

►69-ဘေလာ့ကာရွိ/မရွိ္ ဆိုတာေလးထည့္နည္း

►70-Feedburner ျပဳလုပ္နည္း

►71-Search Box ထည့္သြင္းပံု

►72-Botton Page ျပဳလုပ္နည္း

►73-ဘေလာ့အတြက္ နာရီအလန္းစားမ်ားစြာ...

►74-ဆိုဒ္ဘားကို ေဘာင္ခတ္နည္းေလးပါ.

►75-ဘေလာ့ေနာက္ခံ ဒီဇိ္ုင္းအလြယ္ထည့္နည္း

►76-ဘေလာ့မွာ ရန္စက္ေလးထည့္ တီးၾကမယ္.. ရွယ္ဘဲေနာ္.

►77-ဘေလာ့ေပၚမွာ တေယာ ေလးတင္ျပီး တီးခတ္ၾကမယ္

►78-HorizontalDoubleLineMenu ေလးတည္ေဆာက္ၾကမယ္

►79-Menu ေတြ လင့္ေတြကလစ္တာနဲ႕ new lab နဲ႕ထေပၚေအာင္လုပ္မယ္

►80-ဘေလာ့ရဲ႕site feed ေလးေျပာင္းနည္း

►81-ဘေလာ့ေအာက္ေျခက power by blogger ဆိုတာကို အစားထိုးနည္း

►82-HTMLcode ေတြကိုအေရာင္းေျပာင္းတဲ့ software

►83- WPA သို႕မဟုတ္ WPA2/PSK WiFi ဟက္နည္း

►84-ျမန္မာေနရွင္နယ္လိဒ္ပြဲစဥ္ဇယားေလးမိမိဘေလာ့ေပၚထားျခင္ရင္

►85-ပရီးမီးယားလိဒ္ပြဲစဥ္ဇယားေလး ဘေလာ့မွာ ထားမယ္ဆိုရင္

►86-Stars rating ကို Blog Postတင္တိုင္း ေပၚေစလိုက

►87- မိရဲ႕ဘေလာ့Post က Read More ကိုပံုနဲ႕အစားထိုးနည္း

►88-MouseOver Social Bookmark ေလးထားခ်င္ရင္

►89-ဘေလာ့အတြက္အလြယ္ကူဆံုးRead moreလုပ္နည္း

►90- Menu Tab လုပ္နည္းမ်ား

►91-Printer Friendly ဘေလာ႔ဂ္ပုိ႔စ္ေလးမ်ား ဖန္တီးျခင္း

►92- Popular Posts ကို slider ေလးနဲ႕ ဘေလာ့ထိပ္ကေနအလွဆင္မယ္

►93-ပို႕စ္တစ္ခုနဲ႕တစ္ခု ေနာက္ခံကာလာ မတူေအာင္တင္နည္

►94-How to Add A Comment Count Bubble To Blogger Post Titles

►95-Flash နာရီေလးေတြ႔ ဘေလာ့မွာ အလွဆင္ဖို႕

►96-Google +1 button and Badge for Blogger

►97- ေျပာသြားေသာကြတ္မန္းကိုစတိိုင္အသစ္ေလးလုပ္ရေအာင္

►98- မိမိဘေလာ့ပို႕စ္မွာ ဓါတ္ပုံ မူဗီမ်ားးတင္နည္း

►99-Vertical Navigation CSS Menu မ်ားစြာေပးေနတယ္

►100-How to Backup/restore Blogger template

►101-ဘေလာ့ Template ေျပာင္းနည္း

►102-Blog မွာ Slider တစ္ခု ျပဳလုပ္နည္း

►103-မိမိဆိုဒ္ေပၚကလစ္တာနဲ႕ေပၚေစခ်င္တဲ့ ဆိုဒ္ကို ထေပ

►104-ဘေလာ့ဆိုဒ္မွာ ဘေလာ့ပိုစ့္ တင္းနည္း ပံုစံ-၂ မ်ိဳး

►105-Blogs အတြက္ Themes ေဆာ့၉ဲလ္

►106-Ayar ပရိတ္သတ္မ်ား အတြက္

►107-Blogger ထဲမွာ Yahoo player ထဲရေအာင္...

►108-ဘေလာ့မွာ MP3 Player လုပ္နည္း

►109-ဘေလာ့မွာ အလြယ္တကူ အေပၚ ေအာက္ ဆြဲတင္-ခ် တဲ့ မွ်ားေလးထည့္မယ္

►110- ပံုေအာက္မွာမိမိတို့ညြန္းခ်င္တဲ့လင့္ေလးေတြထည့္ျပီးသံုး၇ေအာင္

►111- Blog ရဲ႕Label ကေလးကုိႏွိပ္လုိက္ရင္ေခါင္းစဥ္ကေလးေတြပဲေပၚေအာင္

►112-Recent Posts & Comments

►113-Top to page arrow

►114-Playtagger နဲ႔ သီခ်င္းတင္နည္း

►115- web space တခု၀ယ္မယ္ဆိုရင္

►116-Image Menu ေလးေတြဖန္တီးၾကည့္ရေအာင္

►117-Domain name ဆိုတာ..

►118-ဓာတ္ပုံေတြကုိ မူရင္းအရြယ္အစားအတုိင္း ေပၚေစလုိလွ်င္

►118- Menu Tab လုပ္နည္းမ်ား - ပုံစံ (၁)

►120-

►121- What is Professional Blogging and How to? [ 2 ]

►122-ဘေလာ႔ဂ္ပုိ႔စ္ေလးမ်ားတြင္ Footnote ထည္႔နည္း

►123-ကုိယ္ႏွစ္သက္တဲ႔ Site ေလးေတြကုိ ဒီလုိေစာင္႔ဖတ္မယ္...

►124-ေဇာ္ဂ်ီ-ယူနီကုဒ္ 5.1 ေျပာင္း Box ထည့္ျခင္;

►125- Blogger Header မွာ Random,Rotating Images ထည့္နည္း

►126-Navbar ကို ေဖ်ာက္ဖို႔အလြယ္ဆံုးနည္းလမ္း

►127- Blogger Links ေတြကို Rainbow Links ေတြ အျဖစ္လြယ္လြယ္ေျပာင္းနည္း

►128-ပို႕စ္ေတြကို Hightlight ပုံစံနဲ႕တင္နည္း

►129-Blog မွာ Slider တစ္ခု ျပဳလုပ္နည္း

►130-ဘေလာ့အဟက္မခံရေအာင္ ၾကိဳတင္ကာကြယ္ ျပင္ဆင္နည္း

►131-shout Box ကို စာမ်က္ႏွာေဘးမွာထားခ်င္ရင္

►132- Blogger Comment Box ေလးမွာ Smileys ပံုေလးေတြ

►133-ဘေလာ့မွာmp3playerထည့္ရေအာင္

►134- Blog လုပ္နည္း အျပည္႔အစံု

►135-ေဘာလုံးပြဲစဥ္ ဇယားေလး မိမိဘေလာ့မွာ ထည့္မယ္ဆိုရင္

►136-Post တစ္ခုနွင့္တစ္ခုကိုပိုင္းျခားေပးတဲ့ မ်ဥ္းေၾကာင္းေလးထည့္ခ်င္ရင္

►137- Lebalsေရွ႕မွာRss Feed Link Buttonေလးထည့္နည္း

►138-Add Page Elements ကို Blog Header မွာထည့္ၾကည့္ရေအာင္

►139-ဇယားကြက္ေလးနဲ႕ စာေလးေတြ ေရးမယ္ဆိုရင္

►140-ပိုစ္ေခါင္းစဥ္ေအာက္မွာAuthor,အခ်ိန္,LabelsIconထားနည္း

  

►141-အခမဲ့ဘေလာ့ Tamplate ဆိုက္ဒ္မ်ား

►142-အေကာင္းဆံုးWordpress Themes ဆိုက္ဒ္ ၇၉ ခု

►143- ဘေလာ့ Comment Box ကေန၇ာလြတ္ၾကီးကိုျဖဳတ္နည္း

►144- ဘေလာ့ထဲမွာYoutube သီခ်င္းေတြကိုလြယ္ကူစြာထည့္နည္း

►145-ဘေလာ့ဆိုက္ဘားနဲ႕ပိုစ္Bodyကိုဘယ္ညာေျပာင္းနည္း

►146- ဘေလာ့ Post ေအာက္မွာ Add Location ေလးထည့္နည္း

►147-ဘေလာ့ Post ေအာက္မွာ Add Location ေလးထည့္နည္း

►148-့HTML အေၾကာင္း ေလ့လာနိဳင္စရာ (၂)

►149-မိမိဘေလာ့မွာ ေနာက္ခံ ကာလာေတြ စိတ္ၾကိဳက္ ခ်ိန္းနိဳင္

►150-ေမာက္ေနာက္က စာတန္းေလး တေကာက္ေကာက္

►151-Zawgyi-Unicode Blog-page Font changer ေလးထည့္ၾကမယ္္

►152-မိမိဘေလာ့ပို႕စ္မွာ ဓါတ္ပုံ မူဗီမ်ားးတင္နည္း

►153-ဘေလာ့မွာ vertical navigation menu ေလးလုပ္နည္း

►154-Search Box လွလွေလးဖန္တီးၾကမယ္

►155-ေခါင္းစဥ္ Menu လွလွေလး လုပ္လိုပါက

►156-Dropdown Menu လွလွေလးလုပ္ၾကမယ္.

►157-ဘေလာ့ Error မ်ားအတြက္ ေျဖရွင္းနည္း

►158-Blogs For Rainbow Link တဲ့ေနာ္...

►159-ဘေလာ့မွာ ၾကည္ညိဳဖြယ္ရာ ဘုရားးပုံေတာ္ေလး

►160-ဘေလာ့မွာ Layout-Java Script မွာ ကုဒ္ထည့္နည္း (အသစ္မ်ားအတြက္သာလွ်င္)

►161-မိမိရဲ့ဘေလာ့ ျမန္ျမန္ေလးပြင့္သြားေအာင္လုပ္ခ်င္ရင္

►162-ဘေလာ့ပို႕စ္ေတြမွာ Printer ေလးထားၾကမယ္

►163-Freeshoutbox ဆိုဒ္ေလးရဲ႕ C-Box လွလွေလး

►164-C-Box ဖရီးလုပ္နိဳင္ေသာ ဆိုဒ္ (၁၀) ခု

►165-Post Title ေအာက္က Author,label.time ဆိုတာေလးထည့္နည္း

►166-ဘေလာ့မွ ၀င္၀င္တာနဲ႕ ၾကိဳဆိုတဲ့ေဘာက္ေလးထည့္မယ္

►167-ဘေလာ့မွာ Post နဲ႕ Comment အေရတြက္ေလးသိျခင္ရင္

►168--Search Box ေလးအလြယ္ထည့္နည္း

►169-ဘေလာ့မွာ Floating Bar ေလးထည့္နည္း

►170-Random Post Widget ေလးနဲ႕ အလွဆင္ၾကမယ္

►171- Dropdown Menu အလြယ္ထည့္နည္း

►172-မွားဖ်က္မိေသာ Post မ်ား ျပန္ရွာနည္း

►173-Anomous အမည္ျဖင့္ Comment ေပးမရေအာင္

►174-Image Menu ေလးေတြဖန္တီးၾကည့္ရေအာင္

►175-ပို႕စ္ေတြကို Hightlight ပုံစံနဲ႕တင္နည္း

►176-Dropdown Menu လွလွေလးလုပ္ၾကမယ္.

►177-ေဆာ့၀ဲလ္မလိုဘဲ ေဒါင့္ေလာ့ Speed ကိုျွမွင့္တင္မယ္

►178-ဘေလာ့ေခါင္းစဥ္ေတြကလစ္တာနဲ႕ စာမ်က္ႏွာအသစ္နဲ႕ေပၚေအာင္

►179-စာသားေလးေတြ အေပၚသို႕တက္သြားေစတဲ့ Marquee ကုဒ္

►180-ဘေလာ့ရဲ႕ Newer Post......Home.....Older Post ေတြအလုပ္မလုပ္ခဲ့ရင္

►181- မိမိဘေလာ့ကို Summit ပုံမွန္ လုပ္ၾကပါ

►182-မိမိဘေလာ့ေခါင္းစဥ္ကို ျပန္ေျပာင္းနည္း( c-box ေမးျမန္းမွဳ)

►183-ဘေလာ့ခရီးသည္တင္ျပီးသမွ် နည္းပညာမ်ားစုုစည္းမွဳ ကလစ္ပါ

►184-မိမိတို႕ပို႕စ္ေလး အျမဲ ထိပ္ဆုံးကရွိေနေစျခင္ရင္

►185-ဘေလာ့တစ္ခုရဲ႕ အေရးပါေသာ Importblog-Exportblog

►186-ဘေလာ့ Share ေလးလွလွေလးလုပ္မယ္ဆို.

►187-ဘေလာ့ကာအတြက္ Popup Subscribe Box ေလးေတြ

►188-CSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီး-အေသးေျပာင္းနည္း

►189-Websiteႏွင့္Weblogအတြက္ Iconမ်ား

►190-အခမဲ့ Button,Menu,Banner,Texts,Flash ေတြသုံးနိဳင္တယ္

►191- လင့္ေတြကို Rollover Button ေလးနဲ႕သုံးျခင္ရင္

►192-ဘေလာ့ Template အသစ္ထည့္နည္း(C-B0x ေတာင္းဆိုမွဳ)

►193- ေဘာလုံး၀ါသနာရွင္မ်ားအတြက္ ပြဲစဥ္ဇယားေလးမ်ား

►194-ကိုယ့္ Profile ကို ဘယ္သူေတြ ဝင္ၾကည့္သလဲ

►195-ဘေလာ့မွာ facebook comment ေရးနိဳင္ေအာင္

►196-Gmail Account ဖြင္႕နည္း (ေနာက္တစ္မ်ိဳး)

►197-Horizontal Menu ေလးအလြယ္ထည့္မယ္

►198-Css Menu Bar ေလးတည္ေဆာက္ၾကမယ္

►199-Scrolling Text - Marquee HTML Code ေလးေရးနည္း

►200-ေျပးလႊားကစားေနတဲ့ Marquee ကုဒ္ေလးေတြ လာျပီဗ်ာ

►201-ဘေလာ့မွာ Facebook Like Button ထည့္နည္း

►202-Button Hover Style လွလွေလးဖန္တီးၾကစို႕

►203-ဘေလာ႔Header ပံုလုပ္ရန္အတၢက္ Xheader maker ေဆာ့၀ဲလ္

►204-ဘေလာ့ပို႕စ္တြင္...ကုဒ္မ်ားကိုဇယားကြက္ေလးနဲ႕တင္နည္း

►205-အလြယ္ကူဆုံး Button Tab Menu ထည့္နည္းလာျပီေနာ္

►206-ဘေလာ့ရဲ႕ resent post လွလွေလးထည့္ၾကမယ္

►207-ျပကၡဒိန္လွလွေလးလက္ေဆာင္ေနာ္

►208-CSS Menu Generator လုပ္ရန္ေဆာ့၀ဲလ္ေလးပါ

►209-၀ဲပ်ံက်လာေသာ ႏွင္းပြင့္မ်ား-သစ္ရြက္ေလးမ်ား

►210-Multi-Tabbed Widget ေလးနဲ႕ အသုံးျပဳၾကမယ္

►211-ျမန္မာျပကၡဒိန္ေလးေနာ္..ယူထားပါ

►212-ျမန္မာေငြေၾကးအေျချပေလး ေဘလာ့မွာ ထည့္မယ္

►213-ရိုးရိုးရွင္းရွင္း Related Post ေလးထည့္နည္း

►214-ဘေလာ့ကိုျမန္ေစတဲ့ Loading Speed ေလးလာျပီ.

►215-Never-Home-Older ေတြကို ပုံေလးနဲ႕ အစားထိုးနည္း(မွ်ေ၀ျခင္း)

►216-လင့္ေတြကို ေမာက္တင္တာနဲ႕ ေမာက္ပုံစံေျပာင္းေစတယ္

►217-ဘေလာ့ရဲ႕အလွဆင္တဲ့Lavalamp Menu ေလးေနာ္

►218-Highlighted Background ေလးနဲ႕ ပို႕စ္တင္နည္း

►219-Easy Menu For Your Blog

►220-ကုဒ္ေတြကူးတာမပင္ပန္းရေအာင္ Select All ေလးထည့္နည္း

  

►221-ေမာက္ေနာက္က လုိက္ေနမဲ့ စာတန္းေလး

►222-မိမိဘေလာ့အတြက္ Author ဖိတ္ေခၚနည္း (အသစ္မ်ားအတြက္)

►223-မိမိ Gtalk မွာ ဘာသာျပန္စနစ္ထည္႔နည္း

►224-ဘေလာ့စလုပ္သူမ်ားအတြက္ post တင္နည္း

►225-ဘေလာ့ဖြင့္တာနဲ႕ ဆီးၾကိဳတဲ့ alert-pop-up-box ေလး

►226-ဘေလာ့ကို စစ္မယ္၊ျမန္ေအာင္လုပ္လုပ္နည္း

►227-SyntaxHighlighter (V3) သုံးျပီးပို႕စ္တင္မယ္

►228-Related Post ေလးေတြ ထည့္ၾကမယ္..

►229-ဘေလာ့အတြက္ Back To Top ေလးေတြ +19 Style ေနာ္

►230-ဘေလာ့မွာ Auto Refresh ေလးလုပ္ခိုင္းၾကမယ္

►231-Welcome Clock ဆိုတဲ့ နာရီအလန္းေလး

►232-Fast Car အမည္ရွိတဲ့ Template အလန္းေလး

►233-ဘေလာ့အတြက္ နာရီ ေတြအခမဲ့ေပေးနျပီ

►234-ဘေလာ့မွာ အသဲႏွလုံးေတြ က်လာမယ္

►235-Sidebar Tex ကာလာေတြ ေျပာင္းၾကမလား

►236-Blogger template - Float..few more versions

►237-Html ၀င္နည္းေလးပါ ( ဘေလာ့ကာအသစ္မ်ားအတြက္ပါ)

►238-Popular Post လွလွေလးဖန္တီးၾကရေအာင္

►239-မန္ဘာ၀င္ျခင္းျဖင့္ ေက်ာ္ခြ ျခင္းမွ ကင္းေစရန္

►240-(Header)ေပၚမွာ Add Page Elementထည့္နည္းေလးပါ

►241-CO.CC မွာ မုရင္း blogspot.com ျပန္ခ်ိန္းနည္း
►242-Template ေဒါင္းယူျပီး xml ဖိုင္ရယူနည္း
►243-ေနာက္ဆုံးတင္သမွ် Slider Post ေလးလုပ္နည္း( ရွယ္ေနာ္ )
►244-Read More လုပ္နည္း ( လန္းတယ္ေနာ္ သူကတမ်ိဳးေလး)
►245-Scroll Bar ေနာက္ခံ႕ာလာနဲ႕ ပို႕စ္တင္ၾကမယ္
►246-X`Mas လက္ေဆာင္ေလး အမွတ္တရ လုပ္မယ္
►247-Template အလန္းမ်ား ( ၁ )
►248-Beauty Template Chucky (သိပ္လွတယ္ေနာ္)
►249-ဘာသာေရးဘေလာ့မ်ားအတြက္ Domain အလွဴဒါနပြဲ
►250-ဘာသာေရးဘေလာ့မ်ားအတြက္ Domain အလွဴဒါနပြဲအင္တာဗ်ဴး


►251-မိမိဘေလာ့ပုံေလးနဲ႕ကုဒ္ေရာပါ လုိျခင္သူယူနိဳင္ရန္
►252-ဘယ္-ညာ ဆိုဒ္ဘားနဲ႕ သိပ္လွတဲ့ ProDesign Template
►253-Free Download Template For Blogger
►254-Right Click မရေသာဆိုဒ္မ်ားအား ရေအာင္လုပ္ယူနည္း
►255-ေမာက္တင္တာနဲ႕ ရပ္တန္႕ေစတဲ့..Marquee ...ကုဒ္..
►256-Marquee ကုဒ္ေလးေတြ နဲ႕စာလဲေရးမယ္ ပုံေလးလဲ ေျပးေနမယ္
►257-ဂ်ာနယ္ဆိုဒ္ေလးေတြ ဘေလာ့မွာ ထားျခင္ရင္
►258-Perogato Wordpress Theme

•  Zawgyi Font ေဒါင္းရန္ေလး ဘေလာ့မွာ ထားမယ္
•  Marquee အေၾကာင္းသိေကာင္းစရာ (၂)
•  Marquee ကုဒ္အေၾကာင္းသိေကာင္းစရာ (၁) 
•  Template အလန္းစားမ်ားလာျပီေနာ္ ( ၂ )
•  Template ဒီဇိုင္းမ်ား ေဒါင္းရန္ ( ၃ ) 
•  
•  Free Template Download
• Home Page မွာ Post Title သာေပၚေစျခင္ရင္
• Christmas အတြက္လက္ေဆာင္ေနာ္
• ျမန္မာ-အဂၤလိပ္ ေဖါင့္မ်ိဳးစုံ
• ျမန္မာျပကၡဒိန္ေလးအတြက္
•  
• ဘေလာ့မွာ မီးပုံးေလးေတြ ပ်ံ၀ဲက်လာေစျခင္
• ေမာက္ေနာက္ကလိုက္ေနတဲ့ အသဲနီနီေလးမ်ား
• Multi Color Advanced Css3 Menu 
• CSS3 Semi Opaque Menu For Blogger
• ပုံေလးေတြကို Slideshow နဲ႕လုပ္ျခင္လား 
•  
• Free Domain ေလးေတြေဖာ္ျပေပးလိုက္ပါတယ္ေနာ္ 
• ေမာက္ကေနထြက္ေနတဲ့ ဗူလုံးေလးေတ 
• ပုံေတြကို ZOOM နဲ႕ၾကည့္နိဳင္ေအာင္တင္နည္း 
• ဆက္သြယ္ရန္ဆိုတာေလး ထားမယ္ေနာ္ 
• ေမာက္စ္ရဲ့ၿမားပုံေလးေအာက္မွာ မိမိေရးခ်င္တဲ့စာေရးၿပီး ထားလုိ ့ရတဲ့ေဆာ့ဝဲလ္ေလးပါ 
•  
• ဘေလာ့ေပၚမွာ မိမိ အြန္လုိင္းရွိ/မရွိ ဆိုတာေလးထားမယ္ 
• ဘေလာ့မွာ ေနာက္ခံပုံ ထည့္နည္း 
• Green Colour Css Dropdown-Menu 
• မိမိဘေလာ့မွာ စာမ်က္ႏွာလွလွေလး ထားျခင္ရင္ 
• Dropdown Menu လွလွေလးဖန္တီးၾကမယ္
•  
• ဘေလာ့ link ကာလာ နဲ႕ font ဆိုဒ္အလြယ္ျပင္နည္း 
• ဘေလာ့မွာ CCTV ေလးတပ္ဆင္ၾကမယ္ေနာ္... 
• မိမိဘေလာ့ရဲ႕ Loading Time ကိုစစ္ေဆးၾကမယ္ 
• ဘေလာ့မွာ အေပၚမွ ေအာက္ကုဒ္ေလး ( cbox ေတာင္းဆိုမွဳ) 
• ဘေလာ့မွာ ေရဒီယိုေလး (cbox ေတာင္းဆိုမွဳ) 
•  
• ဘေလာ့လုပ္နည္းစာအုပ္ေလးပါ 
• ဘေလာ့အသစ္လုပ္လိုသူအတြက္ စာအုပ္ေကာင္းေလ 
• android Device ေပၚကေန blog ေရးလို႔ရျပီေနာ္
• Joomla ျဖင့္ website ေရးျခင္း
• ဖုန္းဆိုဒ္ေလးေတြ တင္ျခင္ရင္ ( ကုဒ္ပါအသင့္သုံးဗ်ာ)
•  
• JavaScript ဆိုတာဘာလဲ
•  Join This Site ဆိုတဲ့ မန္ဘာ၀င္ရန္ေဘာက္ေလး ထည့္နည္း
•  ဘေလာ့ခရီးသည္ရဲ႕ တက္ပလက္ ေလးပါဗ်ာ..(ေတာင္းဆိုမွဳအရ)
•  လာျပီ ဘေလာ့ကာေတြအတြက္ ခ်က္ခန္း (နိဳင္ဆိုဒ္ေတြနဲ႕ဆင္တယ္..ေိေိ)
•  ခရစ္စမတ္ႏွင္းးေလးေတြနဲ႕ အလွဆင္ၾကမယ္
•  
• Search Box လွလွေလး လိုျခင္ယူလိုက္ၾကပါ
• 2013 အတြက္ သံုးဘာသာ ျပကၡဒိန္ 
• ကိုယ့္ Blog မွာ Facebook like box ထဲ့နည္း
• ဘေလာ့ရဲ႕ လင့္အမွားေတြ ပ်က္တာေတြ စစ္ေဆးေပးတဲ့ Xenu's Link Sleuth V 1.3.8 
• Flash Animation Software ေလးပါ (ဘေလာ့သမားေတြအတြက္ရွယ္)
•  
• ပံုေတြကို Imgur နဲ႔ Upload လုပ္နည္း 
• Zippyshare နဲ႔ Upload လုပ္နည္းေလး
• UG အကလွေလးနဲ႕ ျပကၡဒိန္ေလးးေနာ္
• Android ဖုန္းကေန ဘေလာ့ေရးတင္ၾကမယ္...
• 2013 ရဲ႕ အေကာင္းဆုံး Antivirus Software ၁၀ မ်ိဳး 
•  
• Blog List ေလးေတြကို စကိုးဘားေလးနဲ႕ ဖန္တီးမယ္
• Online မွာ Video ေလးေတြရွယ္ျပီး ေငြရွာရေအာင္