Blog မွာ Xmas-Icons ထည့္နည္း

မိမိဆိုဒ္ကလိုပံုစံမ်ိဳးေလးလုပ္နည္းကို ျပန္ျပီး Share လိုက္ပါတယ္ ..လြယ္ပါတယ္မခက္ပါဘူး ....

1) Blogger ကို Sign In ၀င္ပါ။
2) Design ထဲက page elements ကိုသြား
3) ျပီး ရင္ Add A Gadget ကို ေရြးျပီး HTML/JavaScript ထဲမွာ ေအာက္က ေပးထား တဲ့ Code ကို ကူးလိုက္ပါ။

<a style="display:scroll;position:fixed;top:-3px;right:-2px;" href="#" title="Happy Christmas"><img width="100" src="http://img23.imageshack.us/img23/4662/2764196.png"/></a>
<a style="display:scroll;position:fixed;top:-3px;left:-2px;" href="#" title="Happy Christmas"><img width="100" src="http://img411.imageshack.us/img411/3239/28201.png"/></a>
<!--XMAS-ICONS-STOPS-HELP-http://linlintoo.blogspot.com-->

မိမိျပထားေသာ အနီေရာင္ ျပထားေသာေနရာမွာ မိမိၾကိဳက္တဲ့ URL အစားထိုးနိုင္ပါသည္...

Resent post animation

လူငယ္ေလးမ်ား = တစ္ခုေလာက္ေဖးခ်င္လို့ပါ။ Resent post ေတြ animation ျဖစ္ေနေအာင္ဘယ္လိုလုပ္လဲခင္ဗ်။သိခ်င္လို့ပါ။

ဟုတ္ကဲ့ပါ..လူငယ္ေလးမ်ား က ေတာင္းဆိုထားလို႔တင္ေပးလိုက္ပါတယ္.......

1) Blogger ကို Sign In ၀င္ပါ။
2) Design ထဲက page elements ကိုသြား
3) ျပီး ရင္ Add A Gadget ကို ေရြးျပီး HTML/JavaScript ထဲမွာ ေအာက္က ေပးထား တဲ့ Code ကို ကူးလိုက္ပါ။
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSI3NH8YYaLNAEw6RHfOFW6JbrvtcS-Ht4j4Z51ia1nP2OXKUuS49P3ayZzWopP4xh6NYLmqm9R1hVJOcfWrhFBB-mc5BW93q3c3TnjDn-EpIIYB3iq8aPjrTP-l1gu9wLurzeucskrYoE/s1600/bdlab-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://linlintoo.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

http://linlintoo.blogspot.com ဆိုတဲ႔ ေနရာမွာ မိမိဘေလာ႔ ၏ URL ကို အစားသြင္းေပးလိုက္ပါ ။ ျပီးရင္ save လိုက္ပါ..

Mouse Cursor ေနာက္လိုက္တဲ့ စာသား

ဒါေလးကေတာ့ သိျပီးသားထင္မွာ ပါ.. မသိေသးတဲ့ blogger ေတြအတြက္ တင္ေပးလိုက္တာပါ...

1) Blogger ကို Sign In ၀င္ပါ။
2) Design ထဲက page elements ကိုသြား
3) ျပီး ရင္ Add A Gadget ကို ေရြးျပီး HTML/JavaScript ထဲမွာ ေအာက္က ေပးထား တဲ့ Code ကို ကူးလိုက္ပါ။

<script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='YOUR TEXT HERE...';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

YOUR TEXT HERE... မွာႀကိဳက္တဲ့ စာသားေျပာင္းနိုင္ပါတယ္....ျပီးရင္္ Save လိုက္ပါ။

blog မွာ link ေလးေတြေရာင္စံုေျပးေနေအာင္

Guest ဘေလာ့မွာလင့္ေလးေတြေရာင္စံုေျပးေနေအာင္ဘယ္လိုလုပ္လဲေျပာျပေပးပါ...

ဟုတ္ကဲ့ပါ...ေျပာျပေပးပါမယ္...လုပ္နည္းကေတာ့လြယ္ပါတယ္..ကဲစလိုက္ရေအာင္..
1) Blog ကို sign in
2) Design ကို click
3) Edit HTML ကို click
4)ထိုမွတဆင္႔ HTML ကုဒ္ေတြထဲမွ

</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ကိုနွိပ္လိုက္ပါ..ဒါဆိုမိမိဘေလာ့မွာ လင့္ေလးေတြ ေရာင္စံုေျပးေနပါလိမ့္မယ္...

Blogger Page Number

Blogger Page Number လုပ္နည္းေလးပါ....ဘာမွမခက္ပါဘူး လြယ္လြယ္ေလးပါ...
1) Blogger ကို Sign In ၀င္ပါ။
2) Design ထဲက page elements ကိုသြား
3) ျပီး ရင္ Add A Gadget ကို ေရြးျပီး HTML/JavaScript ထဲမွာ ေအာက္က ေပးထား တဲ့ Code ကို ကူးလိုက္ပါ။

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-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 pageCount=7;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
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+'T00%3A00%3A00%2B08%3A00&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){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
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"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
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++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
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;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://blogger-templates123.blogspot.com">Blogger Widget</a></div>

4) ျပီးရင္ Save လိုက္ပါ။

Google Buzz Buttons လုပ္နည္း

Google Buzz Buttons လုပ္နည္း တင္ေပးလိုက္ပါတယ္...Blogger မိတ္ေဆြေတာ္ေတာ္မ်ားလည္း သိ
မွာပါ......အခုမွစလုပ္တဲ့ Blogger ေတြအတြက္ တင္ေပးလိုက္ပါတယ္.....

1) Blog ကို sign in
2) Design ကို click
3) Edit HTML ကို click
4)Expand Widget Templates ကို Mark လိုက္ပါ
5) ျပီးရင္ေအာက္က ကုဒ္ကိုရွာပါ။

<div class='post-header-line-1'/>

အေပၚကကုဒ္ကိုမေတြ ့ရင္ေအာက္ကကုဒ္ကိုရွာၾကည့္ပါ

<data:post.body/>

5) အေပၚကကုဒ္တစ္ခုခုေတြခဲ့ပါကေအာက္ကကုဒ္ေတြကိုကူးျပီးအေပၚကုဒ္တစ္ခုရဲ ႔ အေပၚမွာ ေအာက္ကကုဒ္
ကို ကူးျပီးထည့္ေပးလိုက္ပါ....

<div style="float:right;padding:4px;">
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="en_IN" rel="nofollow" expr:data-url='data:post.url'></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

6) ျပီးရင္ Save လုပ္လိုက္ပါ....post ေတြရဲ ႔ အေပၚမွာ Google Buzz Buttons ေလးေရာက္ေနပါလိမ့္မယ္...

NeoBar လုပ္ၾကမယ္

ပံုစံက ေတာ့ အဲ့ဒီလိုပါ.........လုပ္ၾကည့္ၾကည့္ပါ... ၾကိဳက္သြားပါလိမ့္မယ္ .....လြယ္ပါတယ္....
1) Blog ကို sign in
2) Design ကို click
3) Edit HTML ကို click
4)ထိုမွတဆင္႔ HTML ကုဒ္ေတြထဲမွ </body> ဆိုေသာစာသားေလးကို လိုက္ရွာပါ..</body>
ဆိုေသာစာသားေလးကို ေတြ႔လွ်င္ အဲ႔ဒီစာသားရဲ ႔အေပၚမွာ ေအာက္မွ ေဖာ္ျပထားေသာcode ေလးကို ထည္႔ေပးလိုက္ပါ။

<!-- NeoBar by NeoWORX.net ... START of code -->
<script language="javascript" src="http://www.neoworx.net/neocounter/neocounter2/neoworx_tracker.php?counter_id=273250600"> </script>
<script type="text/javascript"> counter_id=273250600; </script>
<script src="http://www.neoworx.net/neobar/neobar_launcher.js" type="text/javascript"></script>
<!-- NeoBar by NeoWORX.net ... END of code -->

ထည့္ျပီးရင္ေတာ့ Save template ကိုနွိပ္လိုက္ပါ..
အဲ့ဒါဆိုရင္ေတာ့ ရသြားပါၿပီ.....ၾကိဳက္ရင္ Cbox မွာေရးခဲ့ပါ...

blog ရဲ ႔ Address ေရွ ႔မွာ အိုက္ကြန္ပံုေလးထည့္ၾကရေအာင္

ေဇာ္မင္းေအာင္ အကိုေရ အကိုယ့္blog က adress က ေဘာလံုးေလးလည္ေနတယ္ အဲ့ဒါဘယ္လိုလုပ္လဲမသိဘူး အကို ေျပျပေပးပါလား

ဟုတ္ကဲ့ပါ..မိမိေျပာျပပါမယ္ မသိေသးေသာ blogger မ်ားအတြက္လည္းေဖာ္ျပေပးလိုက္ပါတယ္.... လုပ္ရတာလြယ္လြယ္ေလးပါ..တကယ္လို႔မရွင္းရင္ Cbox (သို႔မဟုတ္) Comment မွာေရးထားခဲ့ေပးပါ..ျပန္ရွင္းျပပါမယ္..
1) Blog ကို sign in
2) Design ကို click
3) Edit HTML ကို click
4)ထိုမွတဆင္႔ HTML ကုဒ္ေတြထဲမွ <b:skin> ဆိုေသာစာသားေလးကို လိုက္ရွာပါ..
<b:skin> ဆိုေသာစာသားေလးကို ေတြ႔လွ်င္ ။ အဲ႔ဒီစာသားရဲ ႔အေပၚမွာ ေအာက္မွ ေဖာ္ျပထားေသာcode ေလးကို ထည္႔ေပးလိုက္ပါ။

<link href='http://dl2.glitter-graphics.net/pub/2050/2050122c147rzbvr3.gif' rel='shortcut icon' type='image/x-icon'/>

ထည့္ျပီးရင္ေတာ့ Save template ကိုနွိပ္လိုက္ပါ..
မိမိအခုထည့္ေပးထားတဲ့ပံုက ရုပ္ပံုထဲမွာ ေဘာလံုးေလး လည္ေနတဲ့ပံုပါ..အဲ့ဒါကိုမွ မၾကိဳက္ေသးဘူး ဆိုရင္ http://dl2.glitter-graphics.net/pub/2050/2050122c147rzbvr3.gif ဆုိေသာေနရာမွာ ၾကိဳက္ႏွစ္သာရာပံုကို upload တင္ျပီး .. ရလာတဲ႔ တိုက္ရိုက္ URL ကို အစားသြင္းေပးလိုက္ပါ။

blog မွာ နာရီေလးေတြထည့္ရေအာင္

ဒီ post ကေတာ့ blog မွာနာရီေလးေတြထည့္တာပါပဲ..အရင္တုန္းကေတာ့ဒီ post ကို မတင္ဖို႔ဆံုးျဖတ္ ထားတယ္...အခုေတာ့ေရးခ်င္စိတ္ေပၚသြားတာနဲ႔ထေရးလိုက္တာပါ..ေအာက္မွာနာရီ၀က္ဆိုဒ္ေလးေတြပါ..

http://flash-clocks.com/

http://localtimes.info/

http://www.respectsoft.com/

http://www.wishafriend.com/

blog မွာ Calendar ေလးထည့္ၾကရေအာင္

အခုမိမိတင္မယ့္ စာသားကေတာ့ Calendar ေလးထည့္ၾကရေအာင္ဆိုတာပါပဲ...Calendar ေလးတင္ဖို႔ Calendar ၀က္ဆိုဒ္ လိုအပ္ပါတယ္..မိမိလင့္ေပးလိုက္ပါမယ္...လုပ္ပံုလုပ္နည္းကေတာ့ မိမိ Blog မွ Design ကုိ click လုိက္ပါ။Page elements က Add a Gadget မွာ Calendar ေအာက္က စာသားေတြကိုကူးျပီးထည့္လိုက္ပါ..

Animated Calendars
Car Calendars
Animal Calendars
Plain Calendars
Nature Calendars
Abstract Calendars
Calendar with Clock

blog မွာ up button ထည့္နည္း

မိမိအခုတင္ေပးလိုက္တာကေတာ့ blog မွာ up button ထည့္နည္းေလးပါ... မသိေသးတဲ့ blogger မိတ္ေဆြေတြမ်ားအတြက္ ေ၀မွ်ေပးလိုက္တာပါ..သိျပီးသား blogger မိတ္ေဆြေတြမ်ားကိုလည္း ေတာင္းပန္ပါတယ္..
လုပ္နည္းကေတာ့

1. မိမိ Blog မွ Design ကုိ click လုိက္ပါ။
2.Page elements က Add a Gadget မွာ ေအာက္က code ေတြကုိထည္႕လုိက္ပါ။ မိမိတုိ႕ ၾကိဳက္ႏွစ္သက္ရာ ပုံေတြကုိ ေျပာင္းလဲႏုိင္ပါတယ္။ မိမိ အနီေရာင္နဲ႕ျပထားတဲ႕ေနရာမွာ ေျပာင္းရမွာျဖစ္ပါတယ္။

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="အေပၚသို ့"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFN13ase0lNQez7-J_MSpaN8c2IiiLvwVIxTEvZl01uke7DAStUuS5nMYAhIkC39J_f1XIASKJ1XW4tfPwJivyiemM0h9bzn9cm_b2IblB1L9KHV8DgjYoBMrLeGCQJ2ILnmDP6gEHk-c/?imgmax=800" /></a>

ျပီးရင္ Save လိုက္ပါ...

Blog တြင္ Flash Clock မ်ားထည့္ခ်င္း

Flash Clock မ်ားကိုဒီ Site ေလးမွာသြားျပီးလုပ္နိုင္ပါတယ္။ လုပ္ပံုကိုေတာ့ မေရးျပထားေတာ့ပါဘူး။ လိုခ်င္ရင္ေတာ့ ေအာက္မွာ ေပးထားတဲ့ Link မွာသြားျပီး ယူနိုင္ပါတယ္။

http://www.clocklink.com/gallery.php

flash နာရီကေလးေတြ ယူၾကရေအာင္

ကုိယ့္ Blog ေပၚမွာ Flash နာရီ အလန္းေလး ေတြ ထည့္ခ်င္တဲ႕ လူေတြ အတြက္ပါ .. ဒီနာရီကေလးေတြ ရဲ႕ ထူးျခား ခ်က္ကတေတာ့ တျခား site ေတြ ကလုိ နာရီ ေပၚကုိ mouse ေထာက္လုိက္တာနဲ႕ Clock link တုိ႕ ဘာတုိ႕ ေပၚမွာ မဟုတ္ပါဘးူ .. အဲဒီ နာရီ ကုိ mouse ေထာက္ရင္လည္း နာရီ ကုိ support လုပ္ထား တဲ႕ site ကုိ ေရာက္သြားမွာ မဟုတ္ပါဘူး .. ဒါေပမယ္ ့ ဒီနာရီကေလးေတြ ကေတာ့ local time ကုိ ပဲ ျပတာပါ .. တျခား အခ်ိန္ေတြ ကုိေျပာင္းလုိ႕ ရ မရေတာ့ မိမိလည္း စမ္းမၾကည့္ရေသးဘူး......
သုံးၾကည့္မယ္ဆုိရင္ေတာ့ စမ္းလုိက္ေနာ္ ...

http://www.csalim.com

http://www.superpimper.com