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

Color	Color Name	Hexadecimal Value		Color	Color Name	Hexadecimal Value
	Black	#000000			Green	#008000
	Silver	#c0c0c0			Lime	#00ff00
	Gray	#808080			Olive	#808000
	White	#ffffff			Yellow	#ffff00
	Maroon	#800000			Navy	#000080
	Red	#ff0000			Blue	#0000ff
	Purple	#800080			Teal	#008080
	Fushia	#ff00ff			Aqua	#00ffff

 <div class="txt_box border specHigh1" id="txt_content_130"><div style="border: 7px ridge rgb(0, 255, 127); text-align: center;"><span style="font-size: xx-small;"><strong><div class="widget HTML" id="HTML20">
<div class="widget-content">
<script language="javascript">
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
<script type="text/javascript">
var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;


function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}
// Picker ---------------------------------------------------------

function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
hueUpdate();
dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}
executeonload(init);

function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}

function hueUpdate(newVal) {


var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }
var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);
document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
pickerSwatchUpdate();
}
function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);
h = h / 180;
var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);
var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);
var a = YAHOO.util.Color.hsv2rgb( h, s, v );
document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}
</script><!--[if gte IE 5.5000]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
YAHOO.util.Event.addListener(window, "load", correctPNG);
</script>
<![endif]-->
<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="260"><tbody><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">

</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">

</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">

</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">

</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">

</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">

</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#070719">

</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">

</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="20"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">

</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">

</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="20"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">

</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="20"><td id="vzorec" bgcolor="#74df00" height="20" width="18">
</td><td valign="bottom"><p>ကာလာCode ယူရန္ : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text" /></p></td></tr></tbody></table>
</form></center>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">

<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=7494992141692581959&amp;widgetType=HTML&amp;widgetId=HTML20&amp;action=editWidget&amp;sectionId=sidebar" onclick='return _widgetmanager._popupconfig(document.getelementbyid("html20"));' target="configHTML20" title="Edit">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="12" width="10" />
</a>
</span>
</span>
<div class="clear"></div>
</div></strong></span></div></div>

အဲလိုေလးေတြေပါ့ေနာ္..မိမိတို႕ဘေလာ့မွာ က်ေနာ့္ လို ကာလာကုဒ္ေလး ထည့္ထားမယ္ဆိုရင္ ေအာက္ကကုဒ္ေတြကိုယူျပီး
(၁) ဘေလာ့ကာ၀င္ပါ
(၂) layout ကိုသြားပါ
(၃) add a gadget ကိုကလစ္
(၄) html/javascript ကိုကလစ္လို႕ က်လာတဲ့ ေဘာက္ထဲ ထည့္ေပးလုိက္ပါ။
မိမိလိုသလို ေနရၾကို ထားနိဳင္ပါတယ္..
ေအာင္ေအာင္(မကစ)
www.ledimyethar.com
www.aungsanmks.blogspot.com

Read More

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

 

က်ေနာ့္ ဘေလာ့မွာလည္း တင္မထားရေသးတာနဲ႔ ဒီ related posts widget ေလးကို တင္အံုးမယ္လို႔ စိတ္ကူးလိုက္တာပါ။ အရင္ကေတာ့ thumbnails နဲ႔ ျပတဲ့ related post widgetကိုသုံးၾကပါတယ္..ဒါေလးကေတာ့အဆန္းေလးေပါ့ သုံးၾကည့္ပါေနာ္..

အဆင့္(၁)။ အေနနဲ႔ Relatedposts ဆိုတဲ့ .js ဖိုင္ေလးကို အရင္ download ယူထားလိုက္ပါ။ ၿပီးရင္ ျပန္တင္ေပးရမွာ ျဖစ္ပါတယ္။
အဆင့္(၂)။ က်ေနာ္တို႔ ထံုးစံအတိုင္း Layout ထဲက Edit HTML ကို သြားရပါမယ္။
အဆင့္(၃)။ backup ေလး လုပ္ဖို႔ မေမ႔နဲ႔ေပါ့ဗ်ာ။
အဆင့္(၄)။ ၿပီးရင္ html ကို၀င္လိုက္ပါ
အဆင့္(၅)။ ၿပီးရင္ေတာ့ </head> ဆိုတာေလးကို ရွာလိုက္ပါ။


အဆင့္(၆)။ ေအာက္က code ေတြကို အဲဒီ </head> ရဲ႕အေပၚ မွာ ထည့္ေပးလိုက္ပါ။

<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(http://img38.imagefra.me/img/img38/6/4/29/thetnaing/f_i29o2gm_44959d9.gif) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://ေဒါင္းလုပ္ယူခဲ့တဲ့ relatedposts.js' type='text/javascript'/><!--RelatedPostsStops-->

အေရာင္နဲ႔ ျပထားတာေတြကို စိတ္ႀကိဳက္ျပင္လို႔ ရပါတယ္။ အားလံုးလည္း သိၿပီးျဖစ္မွာပါ။

အဆင့္(၇)။ <data:post.body/> ဆိုတာေလးကို ရွာလိုက္ပါ။
အဆင့္(၈)။ ေအာက္က code ေတြကို <data:post.body/> ဆိုတာရဲ႕ ေအာက္မွာ ထည့္ေပးလိုက္ပါ။

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; data:label.name &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--RELATED-POSTS-STOPS-->

အေရာင္နဲ႔ ျပထားတာေတြကို စိတ္ႀကိဳက္ျပင္လို႔ ရပါတယ္။ အားလံုးလည္း သိၿပီးျဖစ္မွာပါ။

အဆင့္(၉)။ အားလံုးၿပီးသြားၿပီ ဆိုရင္ေတာ့ Save Template ကိုႏွိပ္လုပ္လိုက္ပါ။ ဒါဆို related post widget ထည့္တာ ၿပီးသြားပါၿပီ။ ပို႔စ္ title သို႔မဟုတ္ readmore ဆိုတာေတြ ႏွိပ္ၾကည့္မွ related post က ေပၚမွာျဖစ္ပါတယ္။တကူးတက ဖတ္ေပးတာ ေက်းဇူးပဲဗ်ာ....

Read More

VZO Myanmar Version ေလးလာျပီေနာ္ သိပ္မိုက္ဗ်ာ

VZO Myanmar Version Download ေလးေပၚလာျပီေနာ္.. ...

စိတ္၀င္စားၾကသူမ်ား အေျပးအျမန္ မေႏွးရန္ ယူေဆာင္သုံးစြဲ နိဳင္ၾကပါျပီေနာ္..

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

အဆင္ေျပၾကလိမ့္မယ္လို႕ ေမွ်ာ္လင့္ပါတယ္.. သိထားရမွာက အသုံးျပဳနည္းဟာ

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

ေက်းဇူးတင္ပါတယ္...

ေအာင္ေအာင္(မကစ)

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

Read More

Facebook ကေန Email ေတြပို႕တာ ရပ္တန္႕ေစခ်င္ရင္

ကၽြန္ေတာ့ကို ခဏခဏေမးတဲ႕ အေၾကာင္းအရာေလးပါ ဒါေပမယ့္ကၽြန္ေတာ္ကိုယ္တိုင္ 

အင္တာနက္ဆိုင္မွာသံုးရေတာ့ Screen shot ရိုက္ဖို႕အဆင္္မေျပတာနဲ႕ ၾကာေနတာပါ

အခုေတာ့ မတင္မျဖစ္ေတာ့လို႕ ၇ွာေတြ႕တာေလးအရင္တင္ေပးလိုက္တယ္

မူရင္းလင့္ကိုေတာ့ http://freeidea2012.blogspot.com/2012/07/facebook-email.html

မွာသြားၾကည့္ႏိုင္ပါတယ္ခင္ဗ်ာ..

ကမၻာတစ္၀န္းလံုးက အသံုးျပဳေနၾကတဲ့ Social Network တစ္ခုျဖစ္တဲ့ Facebook ကေတာ့ တကယ္လည္း အႀကိဳက္ေတြ႕စရာေကာင္းပါတယ္ ....။ သူငယ္ခ်င္း မိတ္ေဆြေတြကို ဆက္သြယ္ရလြယ္ကူသလို သတင္းစံု သိရၿပီး ကိုယ္သိတာေလးေတြကုိ အလြယ္တကူ ျပန္မွ်ေ၀ႏိုင္တယ္ ....။ ဓါတ္ပံုေတြကို Image Hosting ၾကားခံသံုးစရာမလိုဘဲ တိုက္႐ိုက္တင္ႏိုင္တာက အားသာခ်က္ျဖစ္ ေနသလို သူ႕မွာပါတဲ့ Comment စံနစ္ ကလည္း ႏွစ္ၿခိဳက္စရာ ေကာင္းလွပါတယ္ .....။ ေျပာမယ္ဆိုရင္ေတာ့ အမ်ားႀကီးပါဘဲ ....။ ခက္ေနတာက Facebook အေကာင့္ဖြင့္တုန္းက သံုးခဲ့တဲ့ ကိုယ့္ရဲ႕ Gmail ထဲမွာ တစ္ေန႔တစ္ေန႔ email ေပါင္းမ်ားစြာ ေရာက္႐ွိလာတဲ့ ကိစၥပါ ....။ ဒါကလည္း တကယ္ေတာ့ ကၽြန္ေတာ္တို႔ အသံုးျပဳသူေတြ ဘက္ကေနၿပီးေတာ့ ျပဳျပင္ေပးထားလို႔ ရပါတယ္ ...။ ကၽြန္ေတာ္ ဘယ္လိုျပဳျပင္ရမယ္ဆိုတာေလး ေရးေပးပါမယ္။ (တကယ္ေတာ့ ေရးေပးထားတဲ့ ေနရာေတြ အမ်ားႀကီး႐ွိ သလို သိၿပီး၊ တတ္ၿပီး သူေတြလည္း အမ်ားႀကီး ျဖစ္မွာပါ ...။) မသိေသး၊ မတတ္ေသးတဲ့ သူ တစ္ဦးတစ္ ေယာက္ကမ်ား ကၽြန္ေတာ့္ Blog ထဲက ဒီ Post ေလးကို မ်က္စိလည္ၿပီး ေရာက္လာ ဖတ္႐ႈခဲ့မိမယ္ ဆိုရင္ ..... ဒီ Post ေလးကို ေရးတင္လိုက္ရတဲ့ အတြက္ ေပးလိုက္ရတဲ့ အခ်ိန္ (30) မိနစ္အတြက္ ကၽြန္ေတာ္ ႏွေမ်ာမိမွာ မဟုတ္ပါဘူး ....။ ကဲ ... ဒီလိုေလး လုပ္လိုက္ရေအာင္ ....


အဆင့္(၁)
ကိုယ့္ရဲ႕ Facebook အေကာင့္နဲ႔ www.facebook.com သို႔  Login ၀င္လိုက္ပါ။

အဆင့္(၂)
Login ၀င္ၿပီးသြားရင္ ညာဘက္အစြန္ အေပၚေထာင့္နာမွာပါတဲ့ Home ရဲ႕ ေဘးက ႀတိဂံအနက္ေလးကို ႏွိပ္လိုက္ပါ။ Menu ေလးတစ္ခု က်လာပါမယ္ ။ အဲဒီ Menu ထဲက Account Settings ကိုႏွိပ္ၿပီး ဆက္၀င္လိုက္ပါ။

အဆင့္(၃)
Account Setting windows ပြင့္လာရင္ ဘယ္ဘက္ျခမ္းမွာ Setting ေတြပါပါမယ္။ အဲဒီထဲက Notifications ကိုႏွိပ္လိုက္ပါ။

အဆင့္(၄)
ဘယ္ဘက္ျခမ္းမွာ Notification နဲ႔ပတ္သက္တဲ့ အခ်က္အလက္ေတြ ကို ေတြ႕ရမွာျဖစ္ပါတယ္ ...။ အဲဒီထဲက ကိုယ့္ဆီသို႔ Email မပို႔ေစလိုတဲ့ အခ်က္ေတြရဲ႕ ေဘးက Edit ဆိုတာေလးကို ႏွိပ္ၿပီး ပြင့္လာတဲ့ Notification Settings ေတြရဲ႕ ေဘးက အျဖဴေရာင္ ေလးေထာင့္ကြက္ ထဲက အမွန္ျခစ္ေလးေတြကို Click ႏွိပ္ၿပီး ျဖဳတ္ေပးလိုက္ပါ။ ေအာက္မွာပါတဲ့ Save Changes ဆိုတာေလးကို ႏွိပ္လိုက္ပါ ....။

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

Read More

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

• software တစ္ခုတင္တိုင္း desktop ေပၚမွာ short cut icon ရွုပ္ပြလာတဲ႔ အခါ
  စိတ္ညစ္လာတတ္ၾကပါတယ္ ။ ၾကည့္ရတာလဲ အဆင္မေျပပါဘူး။
  အဆင္လည္းေျပေအာင္ ျမန္လည္းျမန္ေအာင္ ကိုယ္လိုခ်င္တဲ႔ဘယ္ေနရာမဆို အျမန္ဆံုးသြားလို႔ရေအာင္ ဒီလိုလုပ္ၾကည့္ရေအာင္။
  windows logo + R ႏွိပ္ျပီး Run command promt ေပၚတဲ႔အခါ calc type ျပီး enter ေခါက္ရင္ဘာေၾကာင့္ calculator ေပၚလာသလဲလို႔ ေတြးၾကည့္ဖူးပါသလား။
  ဒီလိုပါ။ calc.exe ဟာ C:\Windows\System32\ ေအာက္မွာရွိတာပါ။တစ္ကယ္ဆို ဒီလို C:\Windows\System32\calc.exe အျပည့္ type ရမွာပါ။
  အျပည့္ type စရာမလိုပဲ ရ ရျခင္းအေၾကာင္းအရင္းဟာ C:\Windows\System32\ ကို Windows Environment Class Path မွာ setting လုပ္ထားလို႕ရယ္
  .exe .dll .ဘာညာ ဆိုျပီး excutable class path extension ေၾကညာထားလို႔ရယ္ေၾကာင့္ ျဖစ္ပါတယ္။ဒါဆိုရင္က်ေနာ္တို႕run ခ်င္တဲ႔ Application or
  Folder ေတြရဲ႕ short cut ေတြကို System32 မွာ သြားထားျပီး လိုသလို ဆြဲစားရင္ရရမွာေပါ့။ ဥပမာ Desktop မွာရွိေနတဲ႔ Gtalk shortcut ကို gt လို႔
  
  rename ေပး။ cut ။ C:\Windows\System32\ မွာ သြားထား။ျပီးရင္ Run Command promt မွ gt လို႔ type ။ Enter ေခါက္ရင္ Gtalk window
  ျပူးေနေအာင္တက္လာပါလိမ့္မယ္။ မိမိဘာသာ Environment Class Path တစ္ခု setting ခ်ျပီး လုပ္ရင္ေရာ ျဖစ္ရမွာေပါ့။
  ကဲစရေအာင္ new folder တစ္ခုေဆာက္ပါ။ၾကိုက္တဲ႔ေနရာမွာ ထားပါ။ ဥပမာ က်ေနာ္ကဒီလိုလုပ္ပါတယ္။ C:\ မွာ myshortcuts ဆိုျပီး Folder ေဆာက္ပါတယ္။ path က ဒီအတိုင္းပါ။ C:\myshortcuts ပါ။

အဲ ဒါ ကို environment path အတြင္းသြင္းေပးရေအာင္။ My Computer icon ကို right lick ပါ။ ကို properties နိွပ္ပါ။ Advanced->Environment Variables ကို နိွပ္ပါ။

System Variables မွ Path ကိုရွာပါ။

Edit ကို နိွပ္ပါ။ Delete ကိုမႏွိပ္မိဖို႔သတိထားပါ။

Variable Value အဆုံးတြင္ cursor ခ်ပါ။ ;C:\myshortcuts; ထပ္ထည့္ျပီး Ok ေပး။ဒါဆိုျပီးပါျပီ။
က်ေနာ္ဥပမာလုပ္တဲ႔ shortcuts ေတြကေတာ့ movies folder ( mov ), Gtalk (gt ), Pfingo ( pf ).

Run command promt မွ gt လို႕ type ပါက Gtalk တက္လာပါျပီ။ mov လို႕ type ပါက Movies Folder တက္လာပါျပီ။အသံုး၀င္ပါေစလို႔
ေမ်ာ္လင့္ပါတယ္။


{C4F} [By YeaKharr]{ Code For Fun }

မွတ္ခ်က္။ ။။ ေနမင္း ဒီ စေကး ေတြကို ဘယ္ဆိုဒ္က ဆြဲထားမွန္ မသိေတာ့ဘူးခင္ဗ်..။
အသံုး၀င္ထင္လို တင္လိုက္တယ္ေနာ္..။ ဒီအေႀကာင္းေလး သိရလိုလဲ  ဒီ ပိုစ့္ကိုေရးတဲ့သူကိုေနမငး္ အရမး္ ေက်းဇူတင္ပါ၏..။

အားလံုးကိုေက်းဇူတင္ပါတယ္ခင္ဗ်ာ..။

ေနမင္းသူ(သထံုသားေလး)

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

Read More

သိပ္လွပတဲ့ cloud menu ေလးလုပ္နည္း

1. ဘေလာ့ကာ၀င္လုိက္ပါ  Dashboard > Settings > Layouts
2. ေနာက္ Add a Gadget > Labels ကိုကလစ္ပါ
3. အဲထဲက  Cloud ဆိုတာကို ေရြးခ်ယ္ေပးးရမယ္
4. ေရြးခ်ယ္ပါ display 25 labels
5. Save widget.လိုက္ပါ ဆက္ျပီးေတာ့   Settings > Template
6. Backup your template. လုပ္ခဲ့ပါ...
7.  Edit HTML > Proceed ဆိုျပီးသြားလိုက္ပါ  ေနာက္..
8. CTRL+F အကူျဖင့္   ]]></b:skin>  ကုဒ္ရွာလုိက္ပါ..
9. ေတြ႕တာနဲ႕ သူ႕အေပၚမွာ  ေအာက္က ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ။။
10. 
    
11.  

/*-----Custom Labels Cloud widget by www.MyBloggerTricks.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #6BB5FF; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

မွတ္ခ်က္     ။             ။ မိတ္ေဆြမ်ား သည္နည္းလမ္းမွာ အခက္ေတြ႕ေစတာကေတာ့ တက္ပလက္ေတြရဲ႕  html က႑ကိုအသစ္ေျပာင္းလဲလုိက္ျခင္းပါ  သည္ေတာ့ တခ်ိဳ႕ကုဒ္ေတြ ရွာ မရျဖစ္တတ္ပါတယ္.. ခုနည္းလမ္းက    ]]></b:skin> သည္ကုဒ္ဆို လုံး၀ရွာမရပါဘူးးး ဒါကိုကြ်န္ေတာ္

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

</b:skin>  ဆိုျပီး ထည့္ရွာပါ  အဲတာေတြ႕တဲ့  စာတိုင္မွာ ၾကည့္လုိက္ပါ  မွ်ာအနက္ေလးနဲ႕  နံပါတ္ ၂၁ မွာ ျဖစ္မယ္  အဲတာကို ကလစ္ေပးလုိက္တာနဲ႕ သက္ဆိုင္ရာ ကုဒ္ေတြ ထပ္က်လာတယ္.. သေဘာကေတာ့  သူကကုဒ္ေတြကို ေခါက္သိမ္းထားတဲ့သေဘာ ရွိပါတယ္.. သည္ေတာ့ ရွာရသူ  ရြာလည္ေစတာေပါ့...   ေအာက္ကပုံေလးကိုၾကည့္ လုပ္ပါ.....

 

      ေနာက္ေတြ႕လိုက္ပါျပီ....သူဖြက္သိမ္းထားတဲ့ ကုဒ္ေလးကိုေပါ့.....သြားးးးးးးးးးးးးလူဆိုးးးခ်ာလုိက္ရတာ...

10. Save template လုပ္လိုက္ပါ။

အဆင္ေျပပါေစေနာ္....

စကားေလးတစ္ခြန္းနဲ႕ fb like ေလးနဲ႕ဘဲ တုန္႕ျပန္မွဳေလးရရင္ ေက်နပ္ပါျပီ

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာ့ရဲ႕ Nav Bar ကိုအျပီးေဖ်ာက္နည္း

• ဘေလာ့ကာ၀င္လုိက္ပါ ေနာက္  “Template” ကိုသြားပါ..
• “Edit HTML” ကိုကလစ္ပါ ေနာက္ “Proceed”. ကိုဆက္သြားးပါ
•  “Ctrl+F”, အကူညီျဖင့္   ]]></b:skin> ကို ရွာလုိက္ပါ..
• ေတြ႕တာနဲ႕ ေအာက္ကေပးထားတဲ့ ကုဒ္ကို သူ႕အေပၚမွာ ထည့္ေပးလိုက္ပါ..

#navbar-iframe {position: fixed;right: 0px;bottom: 0px;left: 0px;}

• Save your template  လုပ္လို႕ရပါျပီ...
• အဆင္ျပလို႕ ေပ်ာ္ရႊင္ၾကပါေစ

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

Read More

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

ဒါေလးကေတာ့ မိမိတို႕ ဘေလာ့မွာ Skin’s Social Media Listing Widget ေခၚတဲ့ အလန္းစားေလး ထည့္ၾကမယ္... 

စၾကမယ္ေနာ္.. 

• အရင္ဆုံး ဘေလာ့ကာ၀င္လိုက္ပါ  “Layout”.  ကိုသြားပါ
• အဲမွာ  “Add a Gadget” ကိုကလစ္ ေနာက္ “HTML/JavaScript”. ကိုကလစ္ပါ
• က်လာမဲ့ ေဘာက္ေလးထဲမွာ ေအာက္က ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ။

<div>
<ul>
<li><a href="http://feeds.feedburner.com/chandeepsBlogTips">Subscribe to the RSS Feed</a></li>
<li><a href="https://twitter.com/chandeeban">Follow me on Twitter</a></li>
<li><a href="https://www.facebook.com/blogtipsntricks">Find me on Facebook</a></li>
<li><a href="https://plus.google.com/u/0/b/101110372634917065358/">Join me on Google+</a></li>
<li><a href="http://in.linkedin.com/in/blogtipsntricks">Connect with me on LinkedIn</a></li>
<li><a href="http://www.youtube.com/user/chandeep10">Watch me on YouTube</a></li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/ 
.btnt-chronicl-social {  width: 320px;  margin: -10px;  }
.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }
.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }
.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }
/*]]>*/
</style>     

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

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

Read More

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

သည္တစ္ခါေတာ့ မိမိတို႕ ဘေလာ့မွာ ေပၚေနတဲ့  post (atom) ဆိုတာေလး ေဖ်ာက္နည္းေလးပါ။

ေအာက္မွာ လုပ္နည္းေလး ၾကည့္လိုက္ပါေနာ္။ 

(၁)  Blogger Dashboard > Template > Edit HTML > 

(၂)   ProceedExpand Widget Template ဆိုတာကိုေတာ့ html ၀င္တိုင္း အမွန္ျခစ္ေပးၾကပါေနာ္။

(၃)   CTRL+F  အကူညီျဖင့္  .feed-links  ဆိုတာေလးကို ရွာလုိက္ပါေတြ႕တာနဲ႕ ေဟာသည္  display:none  ဆိုတာေလးကို {  }  ေလးထဲမွာ ထည့္ျပီး .feed-links  ေနာက္ကေန ကပ္ထည့္လုိက္ပါ

သည္လိုေလးေပါ့

.feed-links{display:none}

• ေနာက္ထပ္ ေအာက္ကကုဒ္ကို ထပ္ရွာလုိက္ပါေနာ္...

<b:include name='feedLinks'/>

• ေတြ႕တာနဲ႕  အဲကုဒ္ကို ဖ်က္ေပးလိုက္ပါ....
• Save template  မလုပ္မွီ  preview နဲ႕ျပန္ စမ္းစစ္ၾကည့္ပါ..ေသျခာမွ ေဆ့လုပ္ပါ။

အဆင္ေျပၾကပါေစဗ်ာ..
တုန္႕ဲျပန္မွဳ ေလးတစ္ခုအေနနဲ႕ စကားေလးတစ္ခြန္းေတာ့ ခ်န္ထားခဲ့ေစျခင္ပါတယ္..
ေအာင္ေအာင္ (မကစ)

Read More

you might also like ပိုစ္ေအာက္ကေန ေလးေထာင့္ ပိုစ္ေလးေတြထက္ထည့္ခ်င္ရင္

CBOX ကေန linnthant ေတာင္းထားလို့တင္ေပးလိုက္ပါတယ္ေနာ္...........
 အေပၚကေတြ့တဲ့အတိုင္းပဲဗ်ာ အနီ နဲ့ ၀ိုင္းထားတယ္......။။။  အဲဒါလုပ္ခ်က္ရင္ေပါ့

သေဘာက်တယ္ဆိုရင္ ကိုင္း.. ထည့္ၾကရေအာင္။

• LinkWithin ကိုသြားပါ။
• Form ျဖည့္ရပါမယ္။


• email လိပ္စာ၊ Blog URL၊ Platformက Bloggerေရြး၊ Widthက 5 storiesယူ၊
• ေနာက္တစ္ခုက My blog has light text on a dark background အကယ္၍ သင့္Blog Backgroundက အမည္းေရာင္ျဖစ္ၿပီး စာလံုးက ေတာက္ပတဲ့အေရာင္ျဖစ္ေနပါက အမွန္ျခစ္ျပပါ။ တျခားအေရာင္ျဖစ္ေနပါက အမွန္ျခစ္ မျပပါနဲ႔။ စာလံုး မထင္းရွားေသာေၾကာင့္ျဖစ္တယ္။
• Get Widget buttonကိုႏွိပ္ပါ။
• စာမ်က္ႏွာပါ အဆင့္ဆင့္အတိုင္း ဆက္သြားပါ။
• Install Widgetကိုႏွိပ္ပါ။
• Windowေနာက္တစ္ခု ထြက္လာပါမည္။ Blog ကိုေရြးၿပီး Add Widget buttonကိုႏွိပ္ပါ။
• အေရးႀကီးသည္မွာ ယင္းထည့္သြင္းလိုက္ေသာ Widgetအား Post Areaရဲ့ေအာက္မွာ သြားထားရပါမည္။ ၿပီးက Save ထပ္ႏွိပ္လိုက္ပါ။




• View Blogကို သြားပါ။
• ၿပီးပါၿပီ 
•  မရွင္းပါကေအာင္ေလး

 aunglaybc.blogspot.com@gmail.com

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

Read More