Articles by "Java"

မိမိတို ့ဘေလာ့မွာ လိုက္ကာ အဖြင့္ အပိတ္ေလး တပ္ခ်င္ၾကရင္ေတာ့ ေအာက္မွာပါ .. လိုက္လုပ္ၾကည့္လို္က္ပါ..
Design > Edit Html > ကိုဝင္ပါ ၿပီးရင္ ကုဒ္ေတြထဲက <head> သို ့မဟုတ္ </head> ကိုရွာပါ.. ၿပီးရင္
<head> ရဲ႕ ေအာက္ </head> ရဲ႕ အေပၚမွာေပါ့ သူတို ့၂ ခုရဲ႕ အတြင္းျဖစ္ရင္ ရပါၿပီ..အဲ့မွာ ေအာက္က ကုဒ္ကို ထည့္ပါ..
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/><script src='http://joomlamyanmar.net/c1/jquery.easing.1.3.js' type='text/javascript'/>   <script type='text/javascript'>  $(document).ready(function() {     $curtainopen = false;     $(".rope").click(function(){    $(this).blur();    if ($curtainopen == false){      $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'});      $(".leftcurtain").stop().animate({width:'60px'}, 2000 );     $(".rightcurtain").stop().animate({width:'60px'},2000 );     $curtainopen = true;    }else{     $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'});      $(".leftcurtain").stop().animate({width:'50%'}, 2000 );     $(".rightcurtain").stop().animate({width:'51%'}, 2000 );     $curtainopen = false;    }    return false;   });     });  </script>
အေပၚကကုဒ္ေတြထဲကမွ က်ေနာ္ အျပာေရာင္နဲ ့ျပထားတဲ့ေနရာေတြမွာ စိတ္ႀကိဳက္ ျပင္ဆင္ႏို္င္ပါတယ္
' ေလးတခုကစ က်န္ခဲ့လို ့မရပါဘူး ဂရုစိုက္ပါေနာ္.. ၿပီးၿပီဆိုရင္ေတာ့ ေနာ္ကတဆင့္အေနနဲ ့ Css ထည့္ပါမယ္
<body> ကိုရွာပါ ၿပီးရင္ အဲ့ေအာက္မွာ ထည့္ပါမယ္ ပံုထဲက အတိုင္းေပါ့ လြတ္တဲ့ၾကားတေနရာရာမွာ ထည့္ပါ

Curtrin on blogger

ၿပီးရင္ေတာ့ ေအာက္က ကုဒ္ကို ထည့္ပါဗ်ာ..

/***************** Curtrin        **********************/ 
.leftcurtain{   width: 50%;   height: 100%;   top: 0px;   left: 0px;   position: fixed;   z-index: 10002;  }   .rightcurtain{   width: 51%;   height: 100%;   right: 0px;   top: 0px;   position: fixed;   z-index: 1003;  }  .rightcurtain img, .leftcurtain img{   width: 100%;   height: 100%;   z-index: 100000;  }  .rope{   position: fixed;   top: -40px;   left: 90%;   z-index: 1004;  }

ဒါဆိုရင္ေတာ့ မၿပီးေသးပါဘူးဗ်ာ တဆင့္က်န္ပါေသးတယ္.. အဲ့တာကေတာ့
Design > Page Elements > HTML/Javascript 
ကိုယူပါ ၿပီးရင္ ေအာက္က ကုဒ္ေလးကို ထည့္ၿပီး သိမ္းလိုက္ေတာ့ဗ်ာ ၿပီးပါၿပီ..
<div class="leftcurtain"><img src="http://joomlamyanmar.net/c1/images/frontcurtain.jpg"></div><div class="rightcurtain"><img src="http://joomlamyanmar.net/c1/images/frontcurtain.jpg"></div><a class="rope" href="#">  <img src="http://joomlamyanmar.net/c1/images/rope.png"> </a>
 အဲ က်န္ေသးတယ္..
အခုလို ထည့္ရင္ Html/Javascript ေဘာက္ကိုယူၿပီးထည့္တဲ့အခါ ေခါင္းစဥ္မတတ္ပါနဲ ့ေခါင္းစဥ္တတ္လိုက္ရင္
သူ ့ကိုထည့္ထားမွန္းသိသာတယ္ ၿပီးေတာ့ Widgets ရဲ႕ Header ကေပၚေနေတာ့ ၾကည့္မလွေတာ့ဘုူးေပါ့..
အဆင္ေျပၾကပါေစ..အားလံုးၿပီးၿပီဆိုရင္ေတာ့ ေအာက္ကလို ရၿပီေပါ့ေနာ္..

မိမိတင္သမွ် ပို ့ေတြတိုင္းရဲ႕ ေအာက္ေျခမွာ Facebook Like Buttom , ေလးထည့္ခ်င္ၾကရင္ျဖင့္ ...
ေအာက္မွာ က်ေနာ္ျပထားေပးပါတယ္..
အရင္ဆံုး Design > Edit HTML > Edit Template > Expand Widget Templates (ကိုကလစ္ေပးထားလိုက္ပါ)
ၿပီးရင္ေတာ့ HTML ထဲက မိမိသိလိုေသာ code ကိုရွာဖို့အတြက္ Ctrl+F ကိုနိပ္ေပးလိုက္ၿပီးေအာက္က အကြက္ထဲမွာ </head> ဆိုတာကိုရွာလိုက္ပါ။ၿပီးရင္ ေအာက္က ကုဒ္ေလးကို ထည့္ပါ..
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript">
</script>
 ၿပီးၿပီဆိုရင္ ေနာ္ကတဆင့္သြားပါမယ္.. <data:post.body/> အဲ့ဒါကို ျပန္ရွာေပးပါ။ ေတြ႕ရင္ေတာ့ <data:post.body/> ရဲ့ေအာက္မွာ ေအာက္က code ေတြကိုယူထည့္ေပးရပါမယ္။ ဒီေနရာမွာေျပာစရာ
ရွိပါတယ္ တခ်ိဳ႕က Template ေတြ ေျပာင္းထားရင္ ရွာရခက္ေနမယ္ အဲ့ေတာ့ <div class='post-share-buttons'> ဆိုတာကို ရွာလိုက္ပါ ဒါမွမဟုတ္  <div style='clear: both;'/> ေတြ ့ၿပီဆိုရင္ ေအာက္ကပံုကို
ၾကည့္ပါ အဲ့တိုင္ေလး ေပးထားတဲ့ကုဒ္ကို ထည့္လိုက္ပါ.. 

ကုဒ္ကေတာ့ ေအာက္ကဟာေလးပါ ကူးထည့္လိုက္ေပ့ါေနာ္..
<div>
<fb:like action="like" colorscheme="light" font="verdana" href="data:post.url" layout="standard" send="true" show_faces="false"></fb:like>
</div>


ကဲ ဒါဆိုရင္ေတာ့ အားလံုးပဲအဆင္ေျပေလာက္ပါၿပီေနာ္..



How to add Top Commentators Widget in Blogger ? ...

1. Go to Dashboard, click Design, click Add a Gadget

2. Click HTML/JavaScript

3. Place code of HTML below into HTML/JavaScript

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fayeyarmyae.blogspot.com&num=15&filter=Blogfuel" type="text/javascript"></script>

<small><div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://www.ayeyarmyae.blogspot.com/2012/01/top-commentators-widget-in-blogger.html" target="_blank" title="widget top commentators">Add this widget to your blog</a></div></small>

NOTES :

You can change :
  • ayeyarmyae.blogspot.com with your blog URL.
  • 15 number of commentators displayed.
  • Blogfuel an author of blog.

4. Click Save and Done.

Now, you've already added Top Commentators Widget in Blogger.

How to add HTML Color Code Table in Blogger ? ...

First Step

1. Go to Dashboard, click Design, click Edit HTML

2. Find code of HTML below :

</head>

you can use (Ctrl+F) to find easily

3. Right Before </head> place code of HTML below :

<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]-->


4. Click Save Template.

Second Step

1. Go to Dashboard, click Design, click Add a Gadget

2. Click 'HTML/JavaScript'

3. Place code of HTML below into 'HTML/JavaScript'

<!--HTML-Color-Code-BEGIN-->
<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="375"><tbody>
<tr height="24"><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="24"><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="24"><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="24"><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="24"><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="24"><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="24"><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="24"><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="24"><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="24"><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="24"> <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="24"><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="24"><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="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>
Selected Color 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>
<!--HTML-Color-Code-END-http://ayeyarmyae.blogspot.com-->

NOTES : Selected Color Code : you can change it with any word-phrase you like.

4. Click Save and Done.

Now, you've already added HTML Color Code Table in Blogger.

မိမိဆိုဒ္ရဲ႕ Tab Bar မွာ စာသားေလးေတြ ေျပးေနေအာင္ လုပ္တဲံ့ကုဒ္ေလးပါ..
ပံုထဲက ေဘာင္ေလးေတြနဲ ့ျပထားတဲ့ေနရာေလးပါ.. စာသားကေတာ့မိမိ စိတ္ႀကိဳက္ ထည့္လို ့ရပါတယ္ ေအာက္မွာ သူ ့ရဲ႕ သံုးရမည့္ Java ကုဒ္ေလး ေပးထားပါတယ္.. Blogger သမားေတြကေတာ့
လြယ္လြယ္ကူကူဆိုရင္ Dashboard >> Layout >> Page Element မွ Add Gadget ယူ Html/Java ကို
ယူၿပီး ထည့္သံုးႏိုင္ပါတယ္ Java Effect ေတြတိုင္းကို အဲ့လို Tex box ယူၿပီး သံုးေနမယ္ဆိုရင္ေတာ့ ဆိုဒ္က ေလးလာမွာေသခ်ာတယ္ဗ်.. ေနာ္ကတနည္းေပါ့ဗ်ာ.. Dashboard >> Layout >>Edit Html ကိုဝင္ပါ
body Tag ရဲ႕ မဆံုးခင္နားမွာ ထည့္ေပးႏိုင္ပါတယ္.. </body></html> ဒီကုဒ္ေလးကိုရွာၿပီး သူရဲ႕ အေပၚမွာ ထည့္နိုင္ပါတယ္.. မွားယြင္းတာ ရွိရင္ေတာ့ ခြင့္လႊတ္ၾကပါဗ်ာ က်ေနာ္ စမ္းၾကည့္ဖူးတဲ့အရာေလးေတြကို သူငယ္ခ်င္းတို ့လဲ ကလိခ်င္ရင္ ကလိလို ့ရေအာင္ ေျပာျပေပးတာပါ..

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

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

ကိုယ့္ဆိုဒ္ေလးေတြမွာ Right Click ေထာက္မရေစရန္ သံုးခ်င္ရင္ေတာ့ က်ေနာ္ Java ကုဒ္ေလးေအာက္မွာ
ေပးထားပါတယ္ ယူသြားၾကပါ.. တခုေတာ့ အႀကံျပဳပါရေစ နည္းပညာေတြ ေရးတဲ့ ဆိုးဒ္ေတြမွာေတာ့ မသံုး
ေစခ်င္ပါဘူး ဘာလို့ လဲဆိုေတာ့ နည့္းပညာေတြ ေဖာ္ျပရာမွ တခါေလ ကုဒ္ေတြနဲ ့ျပရတာေတြရွိတယ္ အဲံေတာ့
ကူးရတာ ခက္ခဲႏိုင္ပါတယ္ Ctrl+C ေလးႏွိပ္လိုက္ရင္ ရတာပဲလို ့ေတာ့ မေျပာပါနဲ ့ မသိတဲ့သူေတြ ကလဲ
မသိၾကပါဘူး.. ကဗ်ာတို ့စာတို ့ေရးတဲံဆိုဒ္ေလးေတြကေတာ့ သံုးသင့္ပါတယ္.. ကိုယ့္ရဲ႕ ကဗ်ာေတြ စာေတြကို
အလြယ္တကူ ကူးယူလို့ မရႏိုင္ေအာင္ပါ.. ကဲ ေျပာေနၾကာတယ္ ေအာက္မွာ ထည့္နည္းေလး နဲနဲ ေျပာျပမယ္
Blogger ဆိုရင္ေတာ့ Blogger.com/home ကိုဝင္ေပါ့ေနာ္.. ၿပီးရင္..
Dashboard >>Design >> Edit Html ကိုဝင္ပါ..
ကုဒ္ေတြထဲက body tag ရဲ႕ ေနာက္ဆံုး ပိတ္ခါနီးေနရာေလးထိသြားပါ.. </body></html> ဒီကုဒ္ေလး
ကိုရွာၿပီး သူ ့ရဲ႕ အေပၚမွာ ေအာက္က ေပးထားတဲ့ Java ကုဒ္ေလးကို ထည့္လိုက္ ၿပီးရင္ သိမ္းလိုက္ေပါ့..
တျခား ဆိုဒ္ သံုးတဲံ့သူေတြကေတာ့ Widgets တခုယူၿပီးကုဒ္ကို ထည့္သံုးပါ ရပါတယ္..
<script language="Javascript1.2">

message = "No RightClick Allowed!";
function NoRightClick(b) {
   if(((navigator.appName=="Microsoft Internet Explorer")&&(event.button > 1))
   ||((navigator.appName=="Netscape")&&(b.which > 1))){
   alert(message);
   return false;
   }
}
document.onmousedown = NoRightClick;

</script>

စာလံုးအနီနဲ ့ေပးထားတဲ့ေနရမွာ စိတ္ႀကိဳက္စာသားထည့္ႏိုင္ပါတယ္္္..

မိမိတို ့ဆိုဒ္ေလးေတြမွာ စာလံုးေဖာင့္ အႀကီး အေသးေျပာင္းလို ့ရတာေလး ထည့္ခ်င္ရင္ ေတာ့ ေအာက္က
ကုဒ္ေလးကို ယူၾကေပေတာ့ဗ်ာ.. ထည့္နည္းကေတာ့ အလြယ္နည္းပဲေျပာလိုက္မယ္ ကုဒ္အားလံုးကို
Site Bar မွာ Gadged ( Tex box ) တခုအသစ္ယူၿပီး ကုဒ္ေတြကို ထည့္ ၿပီးရင္ ေဆ့ေပါ့ဗ်ာ ..
ဒါေလးပါပဲ.. အဆင္ေျပၾကပါေစေနာ္..ကုဒ္က ေအာက္မွာပါ....

<style type="text/css">
/*<![CDATA[*/
<!-- In first line of code below, I have added a space after the letter p in the word position, because the Ning platform strips this attribute (for Security Reasons). This is why it's best to use the code in text file below. -->.textsizer {p osition:fixed;top:30px;right:10px;}.textsizer a {font-weight:bold;text-decoration:none!important;font-size:20px;}
/*]]>*/
</style>
<script type="text/javascript" src="http://api.ning.com/files/1nllk9brBTvEBdFxgFbVjIL3v14wOEWAZfYblrh*BUnY4ZFIbveBbGI*gHg08ZzhYFG9B6d6xpQU5SLL0lUXWdXgAXhEGKZ2/textsizer.js">
</script>
<div class="textsizer"><a href="javascript:ts('body',1)">စာလံုအႀကီး</a><a href="javascript:ts('body',-1)">/အေသး</a></div>

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



အဆင့္(၁)။ အေနနဲ႔ Relatedposts ဆိုတဲ့ .js ဖိုင္ေလးကို အရင္ download ယူထားလိုက္ပါ။ ၿပီးရင္ ျပန္တင္ေပးရမွာ ျဖစ္ပါတယ္။
အဆင့္(၂)။ က်ေနာ္တို႔ ထံုးစံအတိုင္း Layout ထဲက Edit HTML ကို သြားရပါမယ္။
အဆင့္(၃)။ backup ေလး လုပ္ဖို႔ မေမ႔နဲ႔ေပါ့ဗ်ာ။
အဆင့္(၄)။ ၿပီးရင္ expand widget template ဆိုတာေလးမွာ ကလစ္ေပးခဲ့လိုက္ပါ။
အဆင့္(၅)။ ၿပီးရင္ေတာ့ </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 က ေပၚမွာျဖစ္ပါတယ္။တကူးတက ဖတ္ေပးတာ ေက်းဇူးပဲဗ်ာ....

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


က်ေနာ္တို႔ ဒါေလးကို ထည့္မယ္ဆိုရင္.. ထံုးစံအတိုင္း Blogger.com ကိုေတာ့ Sign in လုပ္ရပါမယ္။ ၿပီးရင္ Layout tab ထဲက Edit HTML ကို သြားရပါမယ္။ တန္းပလိတ္ကို backup လုပ္ဖို႔လည္း မေမ့နဲ႔အံုးေနာ္..

ၿပီးရင္ ေအာက္က Code ကို ရွာလိုက္ပါ။

]]></b:skin>


ေတြ႔ၿပီ ဆိုရင္ ေအာက္မွာ ေပးထားတဲ့ Code ေတြကို သူ႕ရဲ႕အေပၚမွာ ထည့္ေပးလိုက္ပါ။




.showpageArea {
padding : 10px;
color : #003366;
text-align : left;
width : 530px;
}
.showpageArea a {
float : left;
background : url(http://img2.pict.com/96/d6/a0/560d85d87b7c3fea73e4f41131/y4c23/backbutton.gif) no-repeat 0 0;
text-align : center;
width : 127px;
height : 42px;
text-align : center;
display : block;
margin : 0 5px;
color : #333;
padding-top : 6px;
}
.showpageArea a:hover {
color : #333;
margin : 0 5px;
padding-top : 6px;
}
.showpageNum a {
background : url(http://img2.pict.com/56/25/a3/e5bd7a9aee1773cf20cd242307/UUzOf/pagenum.gif) no-repeat 0 0;
width : 37px;
height : 42px;
display : block;
text-align : center;
float : left;
margin : 0 5px;
padding-top : 6px;
text-decoration : none;
color : #333;
}
.showpageNum a:hover {
background : url(http://img2.pict.com/fb/78/73/0fd48455927b7543953f6f1637/KG3bY/pagenum.gif) no-repeat 0 100%;
color : #fff;
}
.showpagePoint {
background : url(http://img2.pict.com/fb/78/73/0fd48455927b7543953f6f1637/KG3bY/pagenum.gif) no-repeat 0 100%;
width : 37px;
height : 42px;
display : block;
float : left;
text-align : center;
margin : 0 5px;
padding-top : 6px;
font-weight : bold;
color : #fff;
}
.showpageNum a:link, .showpage a:link {
text-decoration : none;
color : #cc0000;
}


ေနာက္တစ္ဆင့္အေနနဲ႔ ေအာက္က code ကိုရွာလိုက္ပါ။

</body>


ေတြ႔ရင္ ေအာက္မွာ ေပးထားတဲ့ Code ကို သူ႕ရဲ႕ အေပၚမွာ ထည့္ေပးလိုက္ပါ။

<script style='text/javascript'>
var pageCount=5;
var displayPageNum=2;
var upPageWord=&quot;Previous&quot;;
var downPageWord=&quot;Next&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var home_page_url=location.href;function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i ){var timestamp1=post.published.$t.substring(0,19) post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum ;htmlMap[htmlMap.length]='/search?updated-max=' timestamp '&max-results=' pageCount}}itemCount }for(var p=0;p<htmlMap.length;p ){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">' upPageWord '</a></span>'}else{upPageHtml='<span class="showpage"><a href="' htmlMap[p] '">' upPageWord '</a></span>'}fFlag }if(p==(thisNum-1)){html ='<span class="showpagePoint">' thisNum '</span>'}else{if(p==0){html ='<span class="showpageNum"><a href="/">1</a></span>'}else{html ='<span class="showpageNum"><a href="' htmlMap[p] '">' (p 1) '</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="' htmlMap[p] '">' downPageWord '</a></span>';eFlag }}}if(thisNum>1){html='' upPageHtml ' ' html ' '}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages (' (postNum-1) ')</span>' html;if(thisNum<(postNum-1)){html =downPageHtml}if(postNum==1)postNum ;html ='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p ){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/") 14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/' thisLable '?&max-results=' pageCount '">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i ){var timestamp1=post.published.$t.substring(0,19) post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum ;htmlMap[htmlMap.length]='/search/label/' thisLable '?updated-max=' timestamp '&max-results=' pageCount}}itemCount }for(var p=0;p<htmlMap.length;p ){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml upPageWord '</a></span>'}else{upPageHtml='<span class="showpage"><a href="' htmlMap[p] '">' upPageWord '</a></span>'}fFlag }if(p==(thisNum-1)){html ='<span class="showpagePoint">' thisNum '</span>'}else{if(p==0){html=labelHtml '1</a></span>'}else{html ='<span class="showpageNum"><a href="' htmlMap[p] '">' (p 1) '</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="' htmlMap[p] '">' downPageWord '</a></span>';eFlag }}}if(thisNum>1){if(!isLablePage){html='' upPageHtml ' ' html ' '}else{html='' upPageHtml ' ' html ' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages (' (postNum-1) ')</span>' html;if(thisNum<(postNum-1)){html =downPageHtml}if(postNum==1)postNum ;html ='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p ){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/") 14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/") 14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="' home_page 'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="' home_page 'feeds/posts/full/-/' lblname1 '?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>

ကုဒ္ေတြကိုင္သံုးရတာ မ်ားတယ္ဆိုရင္ေတာ့ ေအာက္ ဟာေလးသံုးလိုက္ဗ်ာ က်ေနာ္ ျပန္ခ်ဳ႕ံေပးထာပါတယ္
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=2;
var upPageWord=&quot;ေနာက္စာမ်က္ႏွာသို ့&quot;;
var downPageWord=&quot;ေရွ႕စာမ်က္ႏွာသို ့&quot;;
</script>

<script type="text/javascript" src="http://api.ning.com/files/Ly3kyS2FnJtrLzNWWISbAUiBvSWrEbTlQP4JtpapWB-MkVNNKt8-9R56UJL8H7PBXajPP6UUSad5oEZ1GhiwiEVk6KEJLD6b/pagetab.js"></script> 
ဒီဟာေလးပါပဲဗ်ာ ႏွစ္ပိုဒ္ပဲ ပါတယ္..  
ၿပီးရင္ေတာ့ Save Template လုပ္လိုက္ပါ။ ဒါဆို စာမ်က္ႏွာ ထည့္တဲ့ widget ထည့္လို႔ၿပီးသြားပါၿပီ။ အထက္မွာ အနီေရာင္နဲ႔ ျပထားတဲ့ ေနရာေတြမွာ ကိုယ့္ဘေလာ့တန္းပလိတ္နဲ႔ ကိုက္ညီေအာင္ ျပင္ႏိုင္သလို ပံုေတြရဲ႕ link ေတြကိုလည္း ကိုႀကိဳက္သလို ထည့္ႏိုင္ပါတယ္။ အဆင္ေျပပါေစခင္ဗ်ာ...


မိမိဘေလာ့မွာ လင့္ေလးေတြေထာက္ရင္ ေရာင္ေလးေတြ ေျပာင္းသြားေစမည့္ အဖက္ေလးပါ.. သံုးခ်င္ရင္ေတာ့
ေအာက္ Js ကုဒ္ေလးကို ယူၿပီး ဘေလာ့ရဲ႕ Dashboard >> Design >> Edit html ကိုဝင္ပါ Ctrl+F ကိုႏွီပ္ၿပီး
</head> ရွာပါ ေတြ ့ၿပီဆိုရင္ အဲ့ဒီ </head> ရဲ႕အေပၚမွာ ေအာက္က JS ကုဒ္ေလးေတြကို ထည့္ၿပီး Save
လုပ္လိုက္ပါ .. အဆင္ေျပပါေစေနာ္..


<script src='http://jmefilehosting.googlecode.com/files/rainbow.js'/>

  •  အခုေခတ္စားလာေနတဲံဘေလာ့ေတြမွာ ေဖာင့္သံုးစြဲမႈမွာ ေဇာ္ဂ်ီရယ္ ျမန္မာယူနီကုဒ္ ရယ္ ရွိၾကပါတယ္
  • တခ်ိဳ႕ၾကေဇာ္ဂ်ီမွ ေဇာ္ဂ်ီ ဆိုေတာ့ ႏွစ္မ်ိဳးလံုးသံုခ်င္ၾကတဲ့သူမ်ားအတြက္ဒီေကာ္ငေလးက အသံုးဝင္မွာပါ
  • ဘေလာ့ေတြမွာ ေဖာင့္Conveter ေလးထည့္ခ်င္ရင္ေတာ့ 
<script type="text/javascript" src="http://api.ning.com/files/yYdwHv1D-1y6ImcsjWEym-iawFGuHjNTLEK3b4twI6qnPEIokz8Oab5FZZRLRzF6eb0wRWH20REb6WIjLKjb6KBmrjoLA8u*/kophyoe.txt.js"></script>
အေပၚက JS ကုဒ္ေလးကိုယူၿပီး ဘေလာ့ရဲ႕ Dashboard >> Design >> Edit Html ထဲကိုဝင္ပါ အဲ့မွာ ကုဒ္ေတြထဲက Body Tag မွာ ထည့္ရပါမယ္ ေအာက္ဆံုးကို ဆြဲခ်လိုက္ပါ ေအာက္ဆံုးမွာ
</body><html> ရဲ႕ အေရွ႕ကေန ထည့္ေပးလိုက္ပါ..ဒါမွ မဟုတ္ရင္ Add Gadged တခုယူၿပီးထည့္သံုးလည္း
အဆင္ေျပမွာပါ..


ဘေလာ့မွာ ေမာက္လုပ္ရင္ ႏွင္းပံုစံ လက္လက္ေလးေတြ က်ေနခ်င္ရင္လုပ္တဲ့နည္းေလးပါ..
၁) Blogger သို ့ Sigin ဝင္ပါ
၂) Design မွ Page Elements သို ့သြားပါ။
၃)ၿပီးရင္ Add Gadget ကိုယူၿပီး Html / Script ကိုေရြးပါ။
၄)ၿပီးရင္ ေအာက္ကုဒ္ ကို Paste ထည့္ၿပီး ေဆ့လိုက္ေပါ့


<script type="text/javascript">
// <![CDATA[
var colour="#666666";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
အေပၚက ကုဒ္ေတြသံုးရတာမ်ားေနတယ္ မႀကိဳက္ဘူးဆိုရင္ေတာ့က်ေနာ္ ခ်ဳ႕ံေပးထားပါတယ္ေအာက္ကကုဒ္
ကိုသံုးပါခင္ဗ်..

<script type="text/javascript" src="http://api.ning.com/files/m0L7U-q4mCnzb2*yALHh0hJWE24mjW8xDvEz**p3ZKo8YxdtNHfTqtvQmX2RMP5NK5BSPoMBrSPv1SK1T*P5i6Vi0lyvHlw2/mouseeffect.js"></script>

ကဲဒါေလးဆိုရင္ေတာ့ ကုဒ္နဲနဲေလးနဲ ့အဆင္ေျပၿပီေပါ့ေနာ္.. ေနာက္ပိုင္းမွ Java ေတြ Css ေတြကို ခ်ဳ႕ံၿပီး
သံုးတဲ့နည္းလမ္းေလး ေျပာျပပါမယ္..

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget