Drop-Down menu ေလး တည္ေဆာက္ၾကမယ္

Step 1. ဘေလာ့ပုံစံ အေဟာင္းသုံးသူအတြက္ ၀င္ရန္

• Go to Dashboard - Design - Edit HTML - Expand Widget Template (အမွန္ျခစ္ေပးပါ)

ဘေလာ့ပုံစံ အသစ္သုံးသူအတြက္ ၀င္ရန္

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (အမွန္ျခစ္ေပးပါ)

Step 2. ေအာက္က ကုဒ္ကို ရွာမယ္...

]]></b:skin>

ေအာက္က  CSS code: ကို သူ႕အေပၚကပ္ျပီး ထည့္ေပးပါ။

#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}
#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
border: 1px solid #AAAAAA;
background: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
#jsddm li a:hover {
background: #C8C8C8;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}
#jsddm li ul li {
float: none;
display: inline;
}
#jsddm li ul li a {
width: auto;
background: #CAE8FA;
}
#jsddm li ul li a:hover {
background: #A3CEE5;
}

Step 3. ေနာက္တဆင့္အေနနဲ႕ ေအာက္ကကုဒ္ကို ထပ္ရွာပါ

</head>

ေတြ႕တာနဲ႕ ေအာက္က ကုဒ္ကို သူ႕ရဲ႕ အေပၚကပ္ထည့္ေပးပါ။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/>
  <script type='text/javascript'>
  //<![CDATA[
var timeout    = 500;
  var closetimer = 0;
  var ddmenuitem = 0;
function jsddm_open()
  {  jsddm_canceltimer();
  jsddm_close();
  ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
function jsddm_close()
  {  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
  {  closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
  {  if(closetimer)
  {  window.clearTimeout(closetimer);
  closetimer = null;}}
$(document).ready(function()
  {  $('#jsddm > li').bind('mouseover', jsddm_open)
  $('#jsddm > li').bind('mouseout',  jsddm_timer)});
document.onclick = jsddm_close;
  //]]>
  </script>

Step 4. ျပီးးတာနဲ႕ save template ကလစ္လိုက္ပါ....

Step 5. ေနာက္ ဆုံးအဆင့္အေနနဲ႕ ဘေလာ့ကာ ၀င္ပါ  Design (or Add a layout) > Page Elements > click on "Add a gadget" ကေနမွ  HTML/JavaScript,ကို ကလစ္ျပီး  ေအာက္ကကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ။

<ul id="jsddm">
  <li><a href="#">Home</a>
  <li><a href="#">Link 1</a>
  <ul>
  <li><a href="#">Drop 1-1</a></li>
  <li><a href="#">Drop 1-2</a></li>
  <li><a href="#">Drop 1-3</a></li>
  </ul>
  </li>
 <li><a href="#">Link 2</a>
  <ul>
  <li><a href="#">Drop 2-1</a></li>
  <li><a href="#">Drop 2-2</a></li>
  </ul>
  </li>
 <li><a href="#">Link 3</a>
  <ul>
  <li><a href="#">Drop 3-1</a></li>
  <li><a href="#">Drop 3-2</a></li>
  <li><a href="#">Drop 3-3</a></li>
  <li><a href="#">Drop 3-4</a></li>
  </ul>
  </li>
 <li><a href="#">Link 4</a></li>
  <li><a href="#">Link 5</a></li>
  <li><a href="#">Link 6</a></li>
  </li></ul>

မွတ္ခ်က္..။    ။  လင့္ေတြကို လိုသေလာက္ ပြါးနိဳင္ပါတယ္...  # ေနရာမွာ မိမိတို႕ ဆိုဒ္ လင့္ပါ..ေနာက္ ေခါင္းစဥ္ေတြ နဲ႕လင့္ခ်ိတ္တဲ့အခါ # သည္ေနရာမွာဘဲ မိမိတို႕ လင့္ေတြ ထည့္ေပးရမွာပါ။
အျပာေရာင္နဲ႕  link 1 link 2  စတဲ့ေနရာေတြကေတာ့ မိမိတို႕ လိုအပ္မဲ့ ေခါင္းစဥ္အမည္ေတြေရးရပါမယ္။

Important:

- တကယ္လို႕ menu ေတြဟာ sidebar, or footer, ေနရာေတြ ေပၚေနပါက  page header ေပၚ မေရႊ႕ျပီး save ျပန္လုပ္ပါ။
- အကယ္လို႕ dropdown ေတြ မေပၚဘူးဆိုပါက ျပႆနာရွိေနပါက  ေအာက္က နည္းအတိုင္း လုပ္ေပးလိုက္ပါ။

ဘေလာ့ကာ၀င္လုိက္ပါ  Design > Edit HTML  ကေန  (CTRL + F) အကူျဖင့္ ေအာက္ကကုဒ္ကိုရွာပါ

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

မိမိေျပာင္းလဲ နိဳင္ပါတယ္ 1 with 3 and no with yes ပုံဲစံအတိုင္းေပါ့။။။ ေအာက္ကအတိုင္းျဖစ္လာပါ့မယ္.

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Save  Template  လုပ္ျပီးးျပန္ၾကည့္လိုက္ပါ... အဆင္ေျပပါေစ...
 ေအာင္ေအာင္(မကစ)
www.ledimyethar.com
www.aungkyaw.com
www.depelyin.co.cc

Read More

Simple Recent Posts Widget ေလးထည့္ၾကမယ္

ေအာက္ကေခါင္းစဥ္အလိုက္ လုပ္ေဆာင္နိဳင္တာေလးေတြပါ...

• display post titles only
• change the number of posts
• change the number of characters of the post snippet/excerpt
• show the post dates

ထည့္နည္းေလးကေတာ့  ရွင္းပါတယ္....

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

Option 1: သည္ကုဒ္ကေတာ့ post  snippets ပုံစံနဲ႕႔ပါ...

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#rpdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTHgku3vipq_SRA2Uhpsj8YjQw7Job7KkQly_TilJNJizfCNjHRRU-PJZxEmk-HHbTqdGMyADggFHt71AhJCQo3ZK-Tzg0yVyu0sPuNL2PHORI-dqB5bQNYp9Q6SYV5D8m9aOi0VD5cT79/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: သည္ကုဒ္ကေတာ့ Post Titles ေလးသာ ျပတဲ့  ကုဒ္ပါ။

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://helplogger.blogspot.com" title="Recent Posts Widget">Helplogger</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTHgku3vipq_SRA2Uhpsj8YjQw7Job7KkQly_TilJNJizfCNjHRRU-PJZxEmk-HHbTqdGMyADggFHt71AhJCQo3ZK-Tzg0yVyu0sPuNL2PHORI-dqB5bQNYp9Q6SYV5D8m9aOi0VD5cT79/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

3. ေျပာင္းလဲေပးနိဳင္တာေလးေတြကေတာ့ 5 (option 1) နဲ႕  10 (option 2) တို႕ကို မိမိတို႕ ပို႕အေရအတြက္ လိုသလို ေျပာင္းနိဳင္ပါတယ္.. ေနာက္ထပ္ false to true if you want the posts dates to appear, and change 100 (option 1) if you want more characters to be displayed.
မိမိတို႕ဘေလာ့ခ်ပ္သာ ကို your-blog ေနရာမွာ အစားထိုးေပးပါ။ ဒိုမိန္း အပါ၀င္ေပါ့

ဥပမာ.............။.............

http://www.your-site.com/feeds/posts/default....

4. Saveလိုက္ရင္ ရပါျပီဗ်ာ.... အဆင္ေျပပါေစ

သည္ေနရာ  ကေန အဆင္ေျပသလို ဘာသာျပန္သည္။

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

Read More

Google Translate Widget with Flags For Blogger

ဒါေလးကေတာ့ google ရဲ႕၀န္ေဆာင္မွုေလးတစ္ခုပါ... နိဳင္ငံအေတာ္မ်ားမ်ားရဲ႕ အလံေတာ္ေလးေတြပါ..
It supports 12 different languages: English, French, German, Spanish, Italian, Dutch, Brazilian, Russian, Japanese, Korean, Arabic And Chinese.

ထည့္နည္းေလးကေတာ့

ပထမဆုံး Blogger sing in လုပ္ပါ Blogger Dashboard >> Design >> Page Elements >>"Add A Gadget" အဲထဲကေနမွ HTML/JavaScript ကိုကလစ္လိုက္တာနဲ႕ box တစ္ခုက်လာမယ္  ေအာက္ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ျုပီး save လိုက္ပါဗ်ာ....

<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

 </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRMQZvBJo5RjNwLbF5e_UsnV7IWbKONT7y3t0DH-NEQNyLlZYWBJSR1uw-4nUx7mdVNNDRGBR-3GA0ZZAe8ZHnHt4TmMrQhQ4pv9dYAf69rQ8fxhFSW-73fg2fH8Gmwl1jmtk6nhtX2nZk/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDNLip-V_tAQcb_Rv21gk451jPDPzKTBOMK2yvg-9F1KdzSALmmcFk2VL_hbSkzf1nNASJVe6t1Vi38W6wSNW4Azrao_4WIPgnSSM7VKmDEnR0N4PN9oqIenXAKOoPiCgSSfKissq3169/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdyCliBuEEn3L8rqIraEtY7R8X6gCigPJ736WqNGvFQkaKQZf7RszTqDWGlA0S9J8QowyPF9yfAzwy6tBmkE4yKVzEAI4A2b3tCPd0iW-YUcOl-XkQmUuoPd0P-xvE9jIk0PjM5dkEtbbd/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkDByYpe55AqTYyn2T7ozI_5EAEndgOsI9nLua1kTK22cLEB1XWzs42B6gCj_9oEtMBe7h-wX5vTBq93boK-6xyGabjzx2Wq7s8GLRm0gKKK86etLF90dHTWmR-dhFCniepDA-oZYj2Ch/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5D5EllcrL7QJEIpvtLlNslT-uXvotHQBVmG0JdL6hFXlgUfxU1lj1rTJOJEtwO8OVuCY7RXbZr4I51Gi01hzA7eIL1Bk1mr2pnNxmhL3nHOa3Kj796m0glZSMW4lR8J5xkiNWOfORSrou/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-wgHOlsbWNIOzxI7AA99LaXcnIUb4Dm02B5ik9gtx9U3k8CTaPFXPOtoJu5ww6bMFUdf1DRYjy1FipPpkMT7XH4GSWqPXPwxCrrhhe5Y5rYOxWEanSSl-_j86dgNd4D77qBaK0EOVtAQG/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1jqnNl5Ux5ORg28AR0Z5kIlRN5OEHP6BHD8QEVXfnZUKK-iMwDgZ_m5OLpEvpR4g5llKkxXiHEHlVsATp5ZB1Zeg6_I8AlvtL9bIOLVrV6zyK3p4CTc3zbuZmCFO7326_LCuftQKxTkvD/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlgt0UrDp3_UZrEyv28G8xws3f8X-QIMSehyahmsd5HOakew98sOSbcYWy7y8MNun9qlmhEIDyLCndWS4NBJpXtaiyEK8d1DdIUqNqfhUeAxJeYTbj3-lpwgLPOEINOQ3SY4zKRAHARbtI/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRdIHRGFUEK6wNz6C3ajSrSH7lFgbBGhlF-_Gbw4_M19bVuqRC9WtlENJpYKR05TsgpW7DlETpFDjowzVgekRaMjexPO5BwsPkf7Yf-4MAHcTolA3BveKo5ExEXgc8xsbhlb_oi9a43gp/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD4uYRWtgCb0a2as1i6i3kl0zAnVIxo0W9yGwlgqOXsSaeD5p0Sa4xoql7ACnt90Uh9stVywWQL7fRkx8CzcvrDMW3wAEIsXP80NoCmfs1qLgj7u7PvFMkqqKmHHjfWdQww_x3sojNapO4/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUzna76EaloJEyJyGFDpVGa3gSGPoq8gWWQJvlWKfp26F9SGxd2TAcHJg5mPB173UyJIFfywiBMcsu8LLvDr86t4eWGSe-O3PrUDxgclkZA2N1RuyeKHPZQ7uJLtYOJRzyEKQ60pBfSCe4/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiop9AhGYKLiMOK9F9MqBW-CuIRG90f4uOa4HP65UyqMZERJucth_iMYiuu2EOON09-gSQbPjoVLoI1anEMAvCZe5OX-rL8F1jOMeR-dEXepj_Fh18j75VYtehT3VKqOmb8xMRcjtdxocM7/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide / </a><a href="http://helplogger.blogspot.com"><font size="1px">Get this widget</font></a></p>
</div>
     </div>

ေအာင္ေအာင္(မကစ)
www.ledimyethar.com
www.depelyin.co.cc
www.aungkyaw.com

Read More

မိမိဘေလာ့ ကြန္မက္မွာ Emoticons ေလးထားၾကမယ္

မိမိတို႕ ဘေလာ့ comment  မွာ ပုံေလးေတြ ထားေပးမယ္ေနာ္...

Step 1.

• ဘေလာ့ကာ singin ၀င္ပါ- Design - Edit HTML - Expand Widget Template  ကို(အမွန္ျခစ္ေပးပါ)

မိမိသုံးတဲ့ ဘေလာ့ကာ ပုံစံက တမ်ိဳးဆို ေအာက္က တိုင္းသြားရမယ္.... ပုံစံ ၂ မ်ိဳးရွိတာမို႕ပါ.

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template ဆိုတာကို(အမွန္ျခစ္ခဲ့ေပးပါ)

Step 2. (CTRL + F) ရဲ႕ အကူညီနဲ႕ ေအာက္က ကုဒ္ကို ရွာမယ္ေနာ္...

• For previous commenting system: ပုံစံအတြက္ဆို ေအာက္ကကုဒ္ကိုရွာပါ

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

• For threaded comments:ပုံစံအတြက္ဆို ေအာက္က ပုံစံ ရွာပါ

<div class='post-footer-line post-footer-line-3'>

Step 3. ေတြ႕႔ျပီဆိုတာနဲ႕.... ေအာက္ကေပးးထားတဲ့ ကုဒ္ေတြကို ေနရာခ်မယ္..ထည့္မယ္.

  (၁)  For previous အတြက္ <h4 id='comment-post-message'><data:postCommentMsg/></h4>  သူ႕အေပၚကေန ကပ္ျပီးး ေအာက္က ကုဒ္ေတြကို ထည့္ပါ။

 (၂) For threaded အတြက္ဆိုရင္ေတာ့   <div class='post-footer-line post-footer-line-3'> သူရဲ႕ ေအာက္မွာကပ္ျပီးး  ထည့္ရပါမယ္.

ေအာက္ကကုဒ္ေတြကေတာ့  ထည့္ရမဲ့ကုဒ္ေတြပါ.....

<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZUBlMrTaSe7fO6DavEX1d4Zgw_NMiqr4IvCj2GWKpDebDKGEVMbejZ-_yYqr_oALePOzQCIhBnc6SmhX9pGQxYrf5Lwx5E3ArxYP1aZULexKYtRaxQMx19wLYpOj3D2SyVFSJSxGCBIX/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xVBPBD8GyObfj7w4kp2WaBO2Vmqc3XKFJXAxqi6y-GpwQ0wA2oQIY4Y5U2jzaPglyHs_RhuzyoAVLlR27fW2mg5NtEXIphJxJmkaZ3A2prH7V9WBnrPBn9BQqS8dH5Zt4PUyRdRRcU67/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoE6f-RY48UzGMoU1nTpdxnRtwJN9FCAU7xGHpF300_YYR5oAahZLJKcZiUpOvLbtq_iYroIi-yXkTvxSLPzGeqEyzHxkdw5I7tvQwxieJnL4uuGEOISlbjQIkkzAD6-PLGvMU_2wS_dnm/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ7T2G9nnCDgXJb95BWpUCsToTB_oByFMoiq2NCk65btJrDiUcko_Fz3hNx7Mif5Yc6ZZAOIdEAYFdZy4UAuEt6RgqesCACMetUjAKuJp4TSnr1dFk01iOHYJb_4XAwvaj_06hkbEoZ9I3/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHhoy1_WFkoDZQ5yA_CefYlebaKE3T5KpPsqXWefQ8QiJwpQ0Ggx0F4r-Mhfzi9HVhXFg9plkWmB3WI_D7Kf9Uk314gPQqG0cwIe0-jlBX6no7-zwz6EvJ73quKkat0OE8xB_0pVz-B93O/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyw42Rp9D8rCh5Hgvduk_p_j2DssTAC8K_9Wkn-soT-qn34pDQmhkkWBSLNjFgTbJBYGzYd7nsS0OzjhYqVSgaAkiwAkK1fYQUEOG2YupNncNHpJXpqFAe-n78ZwLYItI8A3XGmobUgu1c/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzE3QV96gATZpPDeVk57i3gaV5AEHAxcqZYIF8KmhYEQL7BR9Fm4bdBtFR2knQbrsA_rC-fCVH0m2TPkbvmkfZm-V-9qtNGMUU8GA61sY_FD2EXhzt3RGjjIKbUDs426apMIOApAzIL7xk/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXQfgzGO_1D3vgfZ0hNOB2Qr6SgryJtP2jf2bcdXzPTHuOusLW8lMz92x9mHf2FM7Dyh2dtGuxKCZ656Gup0mpe-eSF5K-6ZaMLAvabdjLMQWbcMZOH2vHhoAQMJOcuSunk4pgyP4rE1nT/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9c67adf3n8e957O8vF0BoIc_8_-OSc1nTWwFlewvginEQwpCul38mx01ZNKPybtCrgWPdtVpCZdZTxQdl7v6Y4rizPpE319LqjnqNzYnqN8kjyYdDzC-7Uara7PPy8KhxTKNcR0zb_jj/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVkHbqL1t_7e5Hk_HN13KlPSoMzNgkzyiwzgSHkh_ZDswEiwH8dxDMlvfdb65-c0EgcfbISt6x9WWspr64Uh-0HJS_bR5byNVVehgHkIdX1S3GjF-506QMSIs8m321LY6kKstZXGOaJKjm/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoEQensgDQle9GbsMGXPpKLdZzQS-vdLo8e5P14lDwIFCaONCWqKUFfkPoO8ybNHED3urfIt2qAwAQ9MEm0vF-zmdDoDrfpv977ZdNedoQ5twP4eVOAQy8aFfd94q2NAW2BVsL8_y5KdpN/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimCUJVoKEier4E8bXa4FMNHKGBFuBt6CjxDvmmzfQQLmV7C-hjyzJlK4P4buYJUYKrYxaH992ZAso6IjekneLH5fc2Ao7o4fEnz17v9oa5ugg3TOXJAT8F8KqS7K1tJuIu_m1FVo2LN5-M/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyT1qt1l7lr-j78Eqf2n_QVzopW0-iN-gGs2N7A0-ZOSm0Z10HVOTPoYsRm-iBma0H9DYbnQfof43Jf1ZhvmHpvx_oGJ8rRd6GVG2ALWAmL98oCXBFZPLwI4sPTJGI_FXfwCY8jnfxzRcg/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1rXsbQZcQguzdQccDwh8JX1nvv1Tj4jyDkGRj9Yp0Ll9sjuGyJdq1nmBLrDenCU9YjjijLgmgrBd8T9jJpI1NE6cpbBW9AwQZ9GXP-95504HWBEd5jS7lXF24iqNRP8ARLA0vLJuUlkZx/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cfkDQEBfcRtRl-GOpt420FW9ZUlt7vjx3v_DBt-Z4ddc-5S7gq4cQ-KxamuhLHTAxgXiy9MiDsf-m90wsEHHREW_1V8JCUN7Pizpr4AbGCONaZ1g8wu_1g0glGrALT2pQykGy-d0tI7m/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA8C6faPfbZUZA5iVOVlKpEclrX6vta3TtG6v87zvoL3OfX0XIsP3dxDtdrWBE_9YNM0ZNn9ojQ3JFDyepOdVM8O58W8aELOPEKn1BoPcg8MfvhmoDyy8WBxir8CIk4bgoIq7n9g_13DQB/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJNqUb9hH_Akb5bqXl2ohFx15P2SApvxqu0xxOQ4omm_IuYZ0dLUdqe7r4yWiK14tRP8sq_zkJ1LRonv92vQkn4bBVB0la3sSZwQqmf7yjHoBazpfvj0A8WVj9Uy9pEQ-0WsLOnDhRj-I-/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfO-lhSB6z9HEcpY-l760dGXREfphgPISU5-U8hWDoNn3EklZj3EhTQ1QUTk64yUiqP_aee9r88csx-MhL_HLOMMdozTmojCZEo9SaB56mrnw-MKjwBPOD73CM5AqFkNcQ1xe4n5ShxY3m/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggo-DZ86mQixtQS5udkEaq7YtQwlqwTFleRTY2IMEz_HxfDhH2KJdQjY73m2cVQQKY9gWBU3oC2Qgl26bV_jKGdJhUZJEBj2MDyzCXmG9sSbRJgsz1TDKvccd8jn9bCyRuP6yTMJGu24pp/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGJkTPd94LqTPsSihe83nsyLMEwu3G8ipO-VllvZmVau34J2uwVPPS_s9knTiqh1-wGAP1Eb8fL_B_gbt5Eey4ck7vzFCqD1e0DwVCMuTEYkf1l2EWATchD-QP-nKNS8ZgfTn3Z4egjngd/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://helplogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div></b:if>

မျပီးေသးပါဘူးဗ်ာ  ေနာက္ လုပ္စရာ  ဆစ္ခုက်န္ပါေသးတယ္....သည္းခံပါေနာ္..ဟိဟိ

Step 4. ေအာက္ကေပးးထားတဲ့ကုဒ္ေလးကို ထပ္ရွာပါ

</body>

Step 5. ေတြ႕ျပီဆိုတာနဲ႕ သူ႕ရဲ႕အေပၚကပ္ျပီးး ေအာက္က ကုဒ္ေတြ  ထည့္ရပါမယ္....

• For previous commenting system: အတြက္ ထည့္ရမွာက ေအာက္က ကုဒ္ပါ

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>

• For threaded comments: အတြက္ကေတာ့ ေအာက္ကကုဒ္ပါ..

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Step 6. မေသျခာရင္ Preview နဲ႕အရင္ၾကည့္ပါ... ျပီးမွ save template ေပါ့...အဆင္ေျပပါေစ..

သင့္ေတာ္သလို ဘာသာျပန္ထားပါသည္.

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

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

မိမိဘေလာ့မွာ“Email Subscription Form” ေလးထည့္နည္း

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

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

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ioCBfkqMBD86NzsUxByTa8CVzR4mYNGaHW7wFUogJ_ZokIexd5dY1NGVkiJqqJJmM5sMwUCABd7RXnNucBScJNsRs6cj4w_QqwgCVKtl8Y_ErUVdwaqjxTWJ76KFo4MEmMPUb3oLoxQ/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=helplogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="helplogger" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

ျပင္ဆင္နိဳင္စရာမ်ား

• Replace the url address in green if you want to change the email icon
• Increase/Decrease the 130 width value for a wider text area
• Replace http://feedburner.google.com/fb/a/mailverify?uri=helplogger with your Feedburner Email Feed link. You can get it by visiting your feedburner account then navigate to Publicize and then to Email Subscriptions.
• Replace helplogger with your feed title. It appear at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=helplogger

 အဆင္ေျပပါေစ သည္ေနရာမွ  ဘာသာျပန္ တင္ျပျခင္းျဖစ္သည္။

Read More

ပို႕စ္ေတြ႕ရဲ႕ ေန႕စြဲေလးေတြမွာ ျပကၡဒိန္ေလး ဘယ္လို လုပ္ၾကမလဲ

သည္ေန႕တင္မဲ့ နည္းလမ္းေလးကေတာ့ မိမိတို႕ ပို႕စ္ေတြရဲ႕ ေန႔စြဲေလးေတြမွာ ျပကၡဒိန္ေလးနဲ႕ ေပၚေနေအာင္  လုပ္တဲ့နည္းပညာေလးျဖစ္ပါတယ္.. ကဲ စလိုက္ရေအာင္ေမနာ္....

 

လုပ္နည္းေလးကို ပုံေလးေတြ နဲ႕ တစ္ကြ ရွင္းးျပသြားပါ့မယ္..

အဆင့္(၁)

ပုံမွာ ျပထားသလို ဘေလာ့ကာ ၀င္ပါ setting ကေန formatting ကိုဆက္သြားလိုက္ပါ...

အဲမွာဘဲ Date header format ဆိုတဲ့ေနရာမွာ ရွိတဲ့ date ေလးကို ၾကည့္ထားပါ။

အဆင့္(၂)

If you're using the newer interface: go to Settings > Language and Formatting - Date Header Format and change the date format as you can see in my example below:

 

သည္မွာကလဲ အေပၚကအဆင့္ (၁)  နဲ႕ အတူတူပါဘဲ ပို႕တင္တဲ့ ဘေလာ့ကာ ပုံစံကို သုံးၾကတာခ်င္းမတူညီ ၾကပါဘူး  ဒါေၾကာင့္ ၂ မ်ိဳးစလုံးးတင္ျပလိုက္တာပါ.. အဆင့္ (၁) နဲ႕ (၂) က အတူတူပါေနာ္။

ကဲ ကုဒ္ေတြ ထည့္တာ စေတာ့မယ္ဗ်ာ...  Design > Edit HTML > ကိုူ အဆင့္ဆင့္ သြားပါ.. အဲမွ သတိထားစရာကေတာ့ "Expand Widget Templates" ဆိုတာကို အမွန္ျခစ္ေပးးပါ။ ေနာက္ျပီး(CTRL + F) အကူညီနဲ႕  ေအာက္ကကုဒ္ကို ရွာပါ..

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

ေတြ႕ျပီဆုိတာနဲ႕ အဲေနရာကို ေအာက္က ကုဒ္ေတြ အစားထိုးေပးလိုက္ပါ

<div id='Date'>
<script>changeDate(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='Date'>
<script>changeDate(&#39;&#39;);</script>
</div>

ေနာက္ တဆင့္အေနနဲ႕ </head>  ကိုထပ္ရွာပါ --  ေတြ႕တာနဲ႕  သူ႕ရဲ႕ အေပၚကပ္လွ်က္ ေအာက္ကကုဒ္ေတြ ထည့္ေပးပါ။

<script type='text/javascript'>
//<![CDATA[
var DateCalendar;
function changeDate(d){
if (d == "") {
d = DateCalendar;
}
var da = d.split(' ');
day = "<strong class='date_day'>"+da[0]+"</strong>";
month = "<strong class='date_month'>"+da[1].slice(0,3)+"</strong>";
year = "<strong class='date_year'>"+da[2]+"</strong>";
document.write(month+day+year);
DateCalendar = d;
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Calendar style date
----------------------------------------------- */
#Date {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMjsLrJXZC79Sud1XQiAqYFKxacQUJNVPFDm-J45NeoVgqfYpuGhlOmDGh6iok1OPbv_J98tLp8SIxP3zj3HPsNPPucA2K_EXFX7VawUwfK57Uh3K2W_3vtVHuFh2AN8F05KsltQF6tp1U/s1600/calendar07.png) no-repeat;
display: block;
width:60px;
height:60px;
float: left;
margin: 15px 2px 0 -108px;
padding: 0 0 8px 0px;
border: 0;
text-transform: uppercase;
}
.date_month {
display: block;
font-size: 15px;
font-weight:bold;
margin-top:-1px;
text-align:center;
color:#ffffff; /* Month's color */
}
.date_day {
display: block;
font-size: 28px;
font-weight:bold;
margin-top:-8px;
text-align:center;
color:#282828; /* Day's color */
}
.date_year {
display: block;
font-size: 10px;
margin-top:-8px;
text-align:center;
color:#282828; /* Year's color */
}
</style>
</b:if>

 ျပီးးတာနဲ႕ Preview နဲ႕ ကလစ္ျပီးးၾကည့္လုိက္ပါ.... ေသျခာျပီ ဆိုတာနဲ႕  save template ကို ကလစ္ျပီးး save လုိက္ၾကပါေတာ့... ေကေကပါျပီ... ဟိဟိ..
ေမာလုိက္တာ...ေရခ်မ္းခ်မ္းေလးတခြက္ေလာက္ဂ်ာ... အားေပးးတာေက်းဇူးပါ.. ၾကိဳးစားလွ်က္

Read More