Example blogger: 2011

ꨘꨤင္ꨵ ။ ။လိꨀ္ꨳလꨤꨯးတꨤꨯ ေꨀꨣꨳ ပိုꨓ္းꨀူꨓ္းꨟꨤꨯ ၊ ပိုꨓ္းꨀူꨓ္းꨟꨤꨯ ေꨀꨣꨳ ꨘိင္ꨳထုင္းတꨤꨯ ၊ ꨘိင္ꨳထုင္းတꨤꨯ ေꨀꨣꨳ ꨀꨮꨤမ္းလꨤတ္ꨳꨟꨤꨯ ၊ꨀꨮꨤမ္းလꨤတ္ꨳꨟꨤꨯ ေꨀꨣꨳ ꨀူꨓ္းꨁိူဝ္းတꨤꨯ ၊ ꨀူꨓ္းꨁိူဝ္းတꨤꨯ ေꨀꨣꨳ ဝꨤꨓ္ꨳမိူင္းꨟꨤꨯ ။

Add Animated Notice Box ပꨓ္ꨘꨤင္ꨵ

Labels: Widget

1.Login to your --blogger dashboard --Desing --&-- Page Elements.
꨽ꨵ ꨀꨮꨣꨲတီꨳ 'Add a Gadget'

3.ꨀꨮꨣꨲတီꨳ 'HTML/Javascript' ေꨟသ္ꨮꨲပꨓ္ codes တီꨳတ္ꨮꨳꨓꨯꨵတꨣꨵ

<style>

#info{

border: 1px solid;

margin: 10px 0px;

padding:15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

position:relative;

color: #FFF;

background-color: #000000;

background-image: url('http://i46.tinypic.com/jzf8tk.jpg');

}

</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">

</script>



<script type="text/javascript">

$(document).ready(function(){

$(".close").click(function(){

$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});

});

$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)

.fadeOut(400).fadeIn(400);

});



</script>

<div id="info">

<a class="close" href="#close" style="float: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcY61s4DQdBt2UGRyteEHVh0xpDOOk7XgdrDAxDb0gc2RndCrU2vZYyyXEte2rORfYhlJbMLNUpQs_9okB-9eAmX3sJ9SUQ8TNL_ZNj9bpAwd6brrkz5bnj-uS28N5rBQjVIhqf51Li_17/s1600/images.jpg" /></a>

Hello This is test Notice...

hello this is test Notic ..ꨓꨓ္ꨵ ꨁꨯꨳသ္ꨮꨲ လိꨀ္ꨳ သင္ သ္ꨮꨲတꨣꨵ

Read User's Comments(0)

Back To Top Button for Your Blogger V2

Labels: Widget

<!--Back to top Start bloggertricksandtoolz.com-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfTJpp-5_W36hofe1Bdc3D-H7CYwsrLYJRbxWW_zC4KUU7b8-qFBb-tlpox6aKxwTrze11hE6FI12jX-UvFYkhs9ZLn5A0eE5ZLSpdqtclMfSv5IGaGKuXVt6X-u4B6GGF3QX4kHptuA/&#39;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXgPj6U0DgmQa5H7T2gchDmEIaDMIcXJWVuos2yQatQrEqWNKi15NoKVCcKF3eBu5DvjJrVVMM1HT17GXIhqlhsl4Om2BlDY3mHAX92zjaG4ZafPFHNl2qIt8mwpaN5eYAcV9wWLtvQQ/" onmouseout="this.src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguXgPj6U0DgmQa5H7T2gchDmEIaDMIcXJWVuos2yQatQrEqWNKi15NoKVCcKF3eBu5DvjJrVVMM1HT17GXIhqlhsl4Om2BlDY3mHAX92zjaG4ZafPFHNl2qIt8mwpaN5eYAcV9wWLtvQQ/&#39;" /></a>
<!--Back to top End bloggertricksandtoolz.com-->

back to Top ꨓꨓ္ꨵ ꨁ္ꨮꨳ သ္ꨮꨲ သင္ သင္ သ္ꨮꨲ တꨣꨵ

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinfTJpp-5_W36hofe1Bdc3D-H7CYwsrLYJRbxWW_zC4KUU7b8-qFBb-tlpox6aKxwTrze11hE6FI12jX-UvFYkhs9ZLn5A0eE5ZLSpdqtclMfSv5IGaGKuXVt6X-u4B6GGF3QX4kHptuA/
ꨓꨓ္ꨵ ပꨱꨓ္ ꨁꨰပ္းꨟꨤင္ꨳ ယဝ္ꨵ

Read User's Comments(0)

Page Navigation Widget

Labels: Widget

1.Login to your --blogger dashboard --Desing --&-- Page Elements.
ꨀꨮꨣꨲတီꨳ 'Add a Gadget'

3.ꨀꨮꨣꨲတီꨳ 'HTML/Javascript' ေꨟသ္ꨮꨲပꨓ္ codes တီꨳတ္ꨮꨳꨓꨯꨵတꨣꨵ

<!--Super Numbered Page Navigation Widget By bloggertricksandtoolz/ @ http://www.bloggertricksandtoolz.com/ -->

<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.bloggertricksandtoolz.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.bloggertricksandtoolz.com */
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #3b679e; background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca),  color-stop(100%,#7db9e8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.bloggertricksandtoolz.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.bloggertricksandtoolz.com */
</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-bloggerpagenavi.js' type='text/javascript'></script>
<--http://www.bloggertricksandtoolz.com/ -->

Read User's Comments(0)

ꨓူꨀ္ꨵမိꨓ္ꨅြမ္း ပꨯꨤ mouse

1.Login to your blogger Dashboard and go to Design --> Page Elements.

2.ꨀꨮꨣꨲတီꨳ 'Add a Gadget'

3.ꨀꨮꨣꨲတီꨳ 'HTML/Javascript' ေꨟသ္ꨮꨲပꨓ္ codes တီꨳတ္ꨮꨳꨓꨯꨵတꨣꨵ

<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

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="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
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>

Read User's Comments(0)

တꨣꨲ လꨰꨀ္ꨳတူဝ္ လိꨀ္ꨳ ယ္ꨮꨲ ꨵꨵ လꨱꨀ္ꨵ

ꨟဝ္း ꨀꨮꨣꨲ ꨟꨓ္ ꨓ္ꨮး ပေလꨣꨵ မꨤꨓ္ꨳ လီ ꨁဝ္ꨳꨅ္ꨮ ဝꨯꨵ
မꨓ္းပꨱꨓ္ HTML / Javascript
1.Design
2. page Elements
3. ad dHTML / Javascript

Codes မꨓ္းꨬတꨵတီꨳတ္ꨮꨳꨓꨯꨵ

<span style="padding: 2px 5px; background-color: #333333; float: center;"><a href="javascript:void(0);" onclick="resizeText(1)" id="plustext">တꨣꨲလꨰꨀ္ꨳတူဝ္လိꨀ္ꨳယ္ꨮꨲ</a> | <a href="javascript:void(0);" onclick="resizeText(-1)" id="minustext">တꨣꨲလꨰꨀ္ꨳတူဝ္လိꨀ္ꨳလꨱꨀ္ꨵ</a></span>
<div id="wrap-content">လꨰꨀ္ꨳတူဝ္လိꨀ္ꨳ ယ္ꨮꨲ / လꨱꨀ္ꨵ </div>
<script type="text/javascript"> var c = document.getElementById("wrap-content"); function resizeText(multiplier) { if (c.style.fontSize == "") { c.style.fontSize = "1.0em"; } c.style.fontSize = parseFloat(c.style.fontSize) + (multiplier * 0.2) + "em"; } </script>
<script charset='utf-8' type='text/javascript'>
$("plustext").addEvent("click", function() {resizeText(1);});
$("minustext").addEvent("click", function() {resizeText(-1);});
</script>

Read User's Comments(0)

လꨤꨯးသ္ꨮꨲ flash Songs မꨓ္းပꨱꨓ္ HTML ꨵꨵꨵ

ꨅꨤꨯးေꨓꨣꨲ လꨰင္းꨘꨣꨵ

ယြꨓ္းမꨣး ꨁꨣꨳ ꨵꨵꨵ codes မꨓ္း ေꨀꨣꨳ ꨡမ္ꨲ သုꨀ္ꨵ သꨤꨀ္ꨵ ꨵ ꨁ္ꨮꨳ သ္ꨮꨲ တီꨳ လ္ꨮ ေꨀꨣꨳ လꨯꨳ ယူꨲꨵꨵ သ္ꨮꨲ တီꨳ HTML/Java Script ေꨀꨣꨳလꨯꨳ ꨁ္ꨮꨳ သ္ꨮꨳ တီꨳ Page ꨡꨓ္ꨟဝ္း ꨟꨱတ္း ေꨀꨣꨳ လꨯꨳ ယူꨲ လူးꨵꨵꨵ လꨤꨯးꨵꨵတူꨉ္းတီꨳတ္ꨮꨳꨓꨯꨲꨵꨵ

Codes မꨓ္းꨬတꨵ ꨵꨵ ꨅိူင္ꨵꨓꨯꨲ ꨵꨵ

<br />
<li>
<a href=" တီꨳꨓ္ꨮꨳ ပꨱꨓ္ Links ꨀꨮꨤမ္းꨟဝ္း မိူꨓ္ꨓင္ꨲ http://api.ning.com/files/OVMqwzjNI6WwJIp1y64AoFRRkdmetpDpcO80bixCzBZASs4ASGqNhkevFA8iO-z5K981TnHZhG4*BeP4XYJZ8I9Oe3g7Q0FS/saaioneleng2.swf" rel="nofollow" target="_blank"> '' ꨅိူဝ္ꨳ ꨀꨮꨤမ္း မိူꨓ္ꨓင္ꨲ ꨵꨵ ꨓမ္ꨵတꨣလူꨓ္ꨵယမ္းꨀꨰမ္ꨳ '' </a></li>

1 . ꨓမ္ꨵတꨣလူꨓ္ꨵယမ္းꨀꨰမ္ꨳ

<li>
                   <a href= ''တီꨳꨓꨯꨳ ꨁ္ꨮꨳသ္ꨮꨲ Links / web address ꨡꨓ္လꨯသ္ꨮꨲတꨣꨵ '' rel="nofollow" target="_blank"> </a></li>

rel="nofollow" target="_blank"> ꨓꨯꨵမꨓ္းပြင္ꨲဝꨣꨳ ꨕုꨉ္ꨵ Tab ꨡꨓ္မ္ꨮꨲ ꨕုꨉ္ꨲ window ꨡꨓ္မ္ꨮꨲ ꨵꨵ
ꨡꨓ္ꨲ ꨓꨯꨵ မꨓ္းꨅြမ္း ပꨣꨳလင္ Url ꨟဝ္း ꨵꨘꨤင္ꨵ ေတꨡမ္ꨲလꨯꨳ ꨅပ္းꨀꨓ္ ꨵꨵ မိူင္ ꨅိူင္ꨵ ꨓꨯꨵ
<br />
<li>
                   <a href= http://www.sailaofa.blogspot.com/rel="nofollow" target="_blank"> '' Example blogger '' </a></li>

<br />
<li>
                   <a href= http://www.sailaofa.blogspot.com/   တီꨳꨓꨯꨳ ꨁꨰꨓ္ꨳပꨓ္ ꨡိတ္းꨓိုင္ꨳ rel="nofollow" target="_blank"> '' Example blogger '' </a></li>

လူဝ္ꨲ မိူꨓ္ꨅိူင္ꨵꨓ္ꨮ
<br />
<li>
                   <a href= http://www.sailaofa.blogspot.com/   rel="nofollow" target="_blank"> '' Example blogger '' </a></li>

ꨵꨵꨵ
ေပꨣး ꨁ္ꨮꨳသ္ꨮꨲ မိူꨓ္ Menu facebook သြမ္ꨲသြမ္ꨲ ꨓꨓ္ꨵ ꨅိုင္ codes မꨓ္းတီꨳ တီꨳ တꨯꨳ ꨓ္ꨮꨵ ꨵꨵတူꨉ္းလီလီ မꨓ္း မိူꨓ္တင္းꨓိူဝ္ ꨓꨓ္ꨵ ꨀူꨉ္း ꨵꨵ

<style>
        #mbtnavbar {
            background: #3B5998;
            width: 100%;

            color: #FFF;
                margin: 10px 0;
                padding: 0;
                position: relative;
                border-top:0px solid #960100;
                height:35px;

        }


        #mbtnav {
            margin: 0;
            padding: 0;
        }
        #mbtnav ul {
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
        }
        #mbtnav li {
            list-style: none;
            margin: 0;
            padding: 0;

        }
        #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
            color: #FFF;
            display: block;
           font:bold 12px Helvetica, sans-serif;
           margin: 0;
            padding: 9px 12px 11px 12px;
                text-decoration: none;
                border-right:0px solid #627AAD;

        }
        #mbtnav li a:hover, #mbtnav li a:active {
            background: #627AAD;
            color: #FFF;
            display: block;
            text-decoration: none;
                margin: 0;
            padding: 9px 12px 11px 12px;



        }

        #mbtnav li {
            float: left;
            padding: 0;
        }
        #mbtnav li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 160px;
            margin: 0;
            padding: 0;
        }
        #mbtnav li ul a {
            width: 140px;
        }
        #mbtnav li ul ul {
            margin: -25px 0 0 161px;
        }

        #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
            left: -999em;
        }
        #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
            left: auto;
        }
        #mbtnav li:hover, #mbtnav li.sfhover {
            position: static;
        }
        #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
            background: #EDEFF4;
            width: 120px;
            color: #3B5998;
            display: block;
            font:normal 12px Helvetica, sans-serif;
            margin: 1px 0 0 0;
            padding: 9px 12px 10px 12px;
                text-decoration: none;
        z-index:9999;
        border:1px solid #ddd;

        -moz-border-radius:4px;
        -webkit-border-radius:4px;


        }
        #mbtnav li li a:hover, #mbtnav li li a:active {
            background: #627AAD;
            color: #FFF;
            display: block;

        }


        #mbtnav li li li a, #mbtnav li li li a:link, #mbtnav li li li a:visited {

            background: #EDEFF4;
            width: 120px;
            color: #3B5998;
            display: block;
            font:normal 12px Helvetica, sans-serif;
            padding: 9px 12px 10px 12px;
                text-decoration: none;
        z-index:9999;
        border:1px solid #ddd;
            margin: 1px 0 0 -14px;


        }
        #mbtnav li li li a:hover, #mbtnav li li li a:active {
            background: #627AAD;
            color: #FFF;
            display: block;
        }
             </style>
        <div id='mbtnavbar'>
                  <ul id='mbtnav'>
                     <li>
                   <a href=http://www.sailaofablogspot.com target="_blank" rel="nofollow">Example blogger </a></li></ul></div>

( ေꨁꨣꨳသင္ꨲ ။ ။ ေပꨣးေတ သ္ꨮꨲထꨰင္ꨳ လꨤꨯꨡꨓ္ ေꨀꨣꨳ ꨁိုꨓ္း သိုပ္ꨲပꨓ္ ꨅိူင္ꨵ ꨓ္ꨮ ꨁိုꨓ္းေတ တီꨳ ꨓ္ꨮꨳ )
             </style>
        <div id='mbtnavbar'>
                  <ul id='mbtnav'>
                     <li>
                   <a href=http://www.saဝlaofablogspot.com target="_blank" rel="nofollow">ꨘိင္ꨳꨬငꨳတꨯး </a></li></ul></div>

             </style>
        <div id='mbtnavbar'>
                  <ul id='mbtnav'>
                     <li>
                   <a href=http://www.saဝlaofablogspot.com target="_blank" rel="nofollow">ꨘိင္ꨳꨬငꨳတꨯး </a></li></ul></div>

             </style>
        <div id='mbtnavbar'>
                  <ul id='mbtnav'>
                     <li>
                   <a href=http://www.saဝlaofablogspot.com target="_blank" rel="nofollow">ꨘိင္ꨳꨬငꨳတꨯး </a></li></ul></div>
!!!!!!!!!!!!! ꨵꨵꨵ

Read User's Comments(0)

ေပꨣးꨡဝ္ mouse ꨟဝ္း ꨅမ္ꨳ သ္ꨮꨲ Links ꨟဝ္း မꨓ္းေတ ꨡြꨀ္ꨲ လꨤဝ္ꨕူင္ꨵ

1. Design
2. Edit HTML

ꨟꨣ code ꨡꨓ္ꨓꨯꨵ

</head>

တီꨳတ္ꨮꨳ </head> ꨓꨯꨵ
သ္ꨮꨲပꨓ္ Code တီꨳတꨯꨳꨓꨯꨵ

<style>

a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigyBeBaKG4u_gP0ETDJwHyVMmYhvhmO8ls9Vcmr-ncla1Q0RjVs-udRj1sDt1xIIFoKdNzAJITDxfcQrhG2SQ9Ow80wvokZL32pYKeOpWpyZZW8j47XlFd_HC8mTNWnnm7BAR7BQy-_0E/s1600/blink.gif); }
</style>

ေပꨣးယဝ္ꨵ Save template ...

Read User's Comments(0)

ေပꨣးꨡဝ္ mouse ꨟဝ္း ꨅမ္ꨳ သ္ꨮꨲ Links ꨟဝ္း မꨓ္းေတ ꨡြꨀ္ꨲ သီꨀူꨳမꨱဝ္း

1. Design
2. Edit HTML

ꨟꨣ code ꨡꨓ္ꨓꨯꨵ </head>

တီꨳတ္ꨮꨳ </head> ꨓꨯꨵ သ္ꨮꨲပꨓ္ Code တီꨳတꨯꨳꨓꨯꨵ

<script type="text/javascript">
//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}

function ChangeColor()
{
objActive.style.color = makeColor();
}

function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

ေပꨣးယဝ္ꨵ save template ...

Read User's Comments(0)

တူဝ္လိꨀ္ꨳ ꨀꨮꨣꨲꨡမ္ꨲ ꨀိုတ္း

1 . Page Elements
2. Add a Gadget
3 .HTML/Javascrip

<pre><marquee align="center" direction="left" height="200" scrollamount="2" width="100%">
တီꨳꨓ္ꨮꨳ ꨁ္ꨮꨳသ္ꨮꨲသင္ꨲ သ္ꨮꨲတꨣ ꨵ မိူꨓ္ꨓင္ꨲ (မ္ꨮꨲသုင္ꨁꨣꨳ ပီꨳꨓြင္ꨵ မꨣးꨡꨰဝ္ꨲꨁဝ္တင္း သꨱင္ꨳ ꨘိင္ꨳꨬငꨳတꨯးꨟဝ္း ꨟပ္ꨵတြꨓ္ꨳယူꨲꨁꨣꨳ ငိꨓ္းꨅူမ္းေတꨵေတꨵ ꨁꨣꨳ ယꨣꨲလိုမ္းꨁိုꨓ္းမꨣးꨡꨰဝ္ထꨰင္ꨳꨁꨣꨳ)
</marquee>
ေပꨣးယဝ္ꨵ save ... ꨡူဝ္ေꨁ ꨵꨵ
တူꨉ္းꨀြꨓ္ꨲ ။ ။
height="200" ꨓꨓ္ꨵ မꨓ္းေတ ယ္ꨮꨲ ꨁꨯꨳ ဝꨯꨵ ꨁꨣꨳ ꨟိုဝ္ ေꨀꨣꨵ လꨯꨳ ယူꨲ ꨵꨵ http://saolaofa.blogspot.com/ ꨓꨓ္ꨵ height='' 30''
scrollamount="2" ꨓꨯꨵတꨤင္းꨀꨮꨣꨲ ဝꨯး /ထိူင္း မꨓ္ꨳ http://saolaofa.blogspot.com/ scrollamount="15 '' မꨓ္း ꨀꨮꨣꨲဝꨯး ꨵꨵꨵ

တီꨳတ္ꨮꨲꨓꨯꨵ '' 8 ''



 တီꨳꨓ္ꨮꨳ ꨁ္ꨮꨳသ္ꨮꨲသင္ꨲ သ္ꨮꨲတꨣ ꨵ မိူꨓ္ꨓင္ꨲ (မ္ꨮꨲသုင္ꨁꨣꨳ ပီꨳꨓြင္ꨵ မꨣးꨡꨰဝ္ꨲꨁဝ္တင္း သꨱင္ꨳ ꨘိင္ꨳꨬငꨳတꨯးꨟဝ္း ꨟပ္ꨵတြꨓ္ꨳယူꨲꨁꨣꨳ ငိꨓ္းꨅူမ္းေတꨵေတꨵ ꨁꨣꨳ ယꨣꨲလိုမ္းꨁိုꨓ္းမꨣးꨡꨰဝ္ထꨰင္ꨳꨁꨣꨳ)

Read User's Comments(0)

ꨟꨱတ္းꨟ္ꨮꨳ ꨓမ္ꨵꨓꨤꨯးတူꨀ္း တီꨳ ပေလꨣꨵ ꨟဝ္း

1 . Page Elements
2. Add a Gadget
3 .HTML/Javascrip

<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js" /></script>

ေပꨣးယဝ္ ꨵ save .. ok

Read User's Comments(0)

side bar သြင္ꨕꨤꨯꨲ

Read User's Comments(0)

Example blogger

Categories

Total Pageviews

Archives

Labels

Visitors

Add Animated Notice Box ပꨓ္ꨘꨤင္ꨵ

Back To Top Button for Your Blogger V2

Page Navigation Widget

ꨓူꨀ္ꨵမိꨓ္ꨅြမ္း ပꨯꨤ mouse

တꨣꨲ လꨰꨀ္ꨳတူဝ္ လိꨀ္ꨳ ယ္ꨮꨲ ꨵꨵ လꨱꨀ္ꨵ

လꨤꨯးသ္ꨮꨲ flash Songs မꨓ္းပꨱꨓ္ HTML ꨵꨵꨵ

ေပꨣးꨡဝ္ mouse ꨟဝ္း ꨅမ္ꨳ သ္ꨮꨲ Links ꨟဝ္း မꨓ္းေတ ꨡြꨀ္ꨲ လꨤဝ္ꨕူင္ꨵ

ေပꨣးꨡဝ္ mouse ꨟဝ္း ꨅမ္ꨳ သ္ꨮꨲ Links ꨟဝ္း မꨓ္းေတ ꨡြꨀ္ꨲ သီꨀူꨳမꨱဝ္း

တူဝ္လိꨀ္ꨳ ꨀꨮꨣꨲꨡမ္ꨲ ꨀိုတ္း

ꨟꨱတ္းꨟ္ꨮꨳ ꨓမ္ꨵꨓꨤꨯးတူꨀ္း တီꨳ ပေလꨣꨵ ꨟဝ္း

side bar သြင္ꨕꨤꨯꨲ