ꨟဝ္း ꨀꨮꨣꨲ ꨟꨓ္ ꨓ္ꨮး ပေလꨣꨵ မꨤꨓ္ꨳ လီ ꨁဝ္ꨳꨅ္ꨮ ဝꨯꨵ
မꨓ္းပꨱꨓ္ 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>
တꨣꨲ လꨰꨀ္ꨳတူဝ္ လိꨀ္ꨳ ယ္ꨮꨲ ꨵꨵ လꨱꨀ္ꨵ
လꨤꨯးသ္ꨮꨲ 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>
!!!!!!!!!!!!! ꨵꨵꨵ
ေပꨣးꨡဝ္ 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 ...
ေပꨣးꨡဝ္ 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 ...
တူဝ္လိꨀ္ꨳ ꨀꨮꨣꨲꨡမ္ꨲ ꨀိုတ္း
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 ''
ꨟꨱတ္းꨟ္ꨮꨳ ꨓမ္ꨵꨓꨤꨯးတူꨀ္း တီꨳ ပေလꨣꨵ ꨟဝ္း
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