Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Wednesday, February 12, 2014

Power By Blogger ျဖဳတ္နည္းေလးပါ

 

မမိုးတို႔ Blog နဲ႔ website ေတြဖန္တီးၿပီးရင္ Template ေတြ ဘယ္ေလာက္လွေအာင္ျပင္ထားျပင္ထား power by blogger ဆိုတာႀကီးက ေပၚေနလို႔ စိတ္ညစ္ေနသူေတြအတြက္ မွ်ေပးလိုက္ပါတယ္။ အသံုး၀င္မယ္လို႔လဲ ထင္ပါတယ္ရွင္။

၁။ www.blogger.com မွာ login ၀င္လုိက္ပါ။
၂။ Template >> Edit HTML ကို ေရြးလိုက္ပါ။


(၁)


(၂)

၃။ ပံု(၂) ႏွင့္ (၃) မွာျပထားတဲ့အတိုင္း jump to widget မွ drop down ကို နွိပ္ၿပီး attribution1 ကိုေရြးလိုက္ပါ။


(၃)

၄။ ပံု(၄)မွာျပထားတဲ့အတိုင္း locked='true' ေနရာမွာ locked='false' ဟုေျပာင္းေပးပါ။


(၄)


၅။ Save Template ကို နွိပ္လုိက္ပါ။ 
၆။ Layout သို႔၀င္ၿပီး attribution မွ edit ကို နွိပ္ၿပီး remove လုပ္ေပးလိုက္ပါ။


အဆင္ေျပၾကပါေစရွင္
မိုး


 

Sunday, February 9, 2014

Blog ထဲက စာတမ္းေတြကို Neon Effect သံုးၿပီး လန္းရေအာင္

ေလာေလာဆည္ ကၽြန္ေတာ့္ဘေလာ့မွာ
သံုးထားတဲ့ Welcome To IT Motesoe :) 
ဆိုတဲ့ စာတမ္းလိုျဖစ္ေအာင္ Neon Effect
ထည့္တဲ့နည္းပါ ..

အသံုးျပဳခ်င္တဲ့ သူငယ္ခ်င္းေတြအတြက္
ျပန္လည္မွ်ေ၀ေပးလိုက္တာပါ ..

အရင္ဆံုး Layout ကေန Add a gadget ေပါ့



အဲဒီကေနမွ HTML/Java Script ကိုေရြးၿပီး ေအာက္က ကုဒ္ေလးေတြကို ထည့္ေပးလိုက္ပါ


<center><h1>
<script language="JavaScript1.2">



var message="Welcome To IT Motesoe ... :)"
var neonbasecolor="blue"
var neontextcolor="yellow"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h1></center>

ကုဒ္ေတြထဲက Welcome To IT Motesoe ... :)  ဆိုတဲ့စာေတြကို ကိုယ္ႏွစ္သက္သလို ေျပာင္းလဲႏိုင္ပါတယ္

var neonbasecolor="blue" ဆိုတဲ့ကုဒ္မွာ Blue အစား ကိုယ္ႏွစ္သက္ရာကို ေျပာင္းလဲႏိုင္ပါတယ္

var neontextcolor="yellow" ဆိုတဲ့ကုဒ္မွာလည္း အဲဒီအတိုင္းပါပဲ

var flashspeed=100 //in milliseconds ဆိုတဲ့ကုဒ္မွာေတာ့ 100 ဆိုတာ Neon Effect ေတြ ေရြ႕လ်ားမယ့္ အခ်ိန္သတ္မွတ္ခ်က္ပါ .. အေႏွးအျမန္ကို ကိုယ္ႏွစ္သက္သလို
ေျပာင္းလဲႏိုင္ပါတယ္ ..

ကဲ .. အဆင္ေျပၾကပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္

အိုင္တီမုဆိုး




 

 

     ျမန္မာျပည္လူငယ္တင္ျပီးသမွ်ပို.စ္မ်ား Download ဆြဲနည္းမသိပါက ဒီလင့္ကို ႏွိပ္ျပီးသြားဖတ္ေပးပါ

Wednesday, February 5, 2014

ျမန္မာျပည္လူငယ္ Blogspot Template


ဒီေန.ေတာ့ ကၽြန္ေတာ့ ဆိုဒ္မွာသံုးထားတဲ့ template ေလးကို ညီေလးတစ္ေယာက္ လိုခ်င္တယ္ဆိုတာနဲ. တျခားလူေတြလဲ ကလိလို.ရေအာင္ မွ်ေ၀လိုက္ပါတယ္ ဒါေလးကို စမ္းမယ္ဆိုရင္ လက္ရွိသံုးေနတဲ့ ဆိုဒ္မွာ မစမ္းပဲ သီးသန္.စမ္းသပ္ဖို. blog တစ္ခုလုပ္ျပီး စမ္းသပ္ဖို.မွာခ်င္ပါတယ္ ဒီဇိုင္းေျပာင္းျပီးသံုးခ်င္ရင္ပဲ ျဖစ္ျဖစ္ အစိတ္အပိုင္းတစ္ခုကို ယူသံုးခ်င္ရင္ပဲျဖစ္ျဖစ္ အဆင္ေျပပါတယ္ ဘာလို.လဲဆိုေတာ့ ဒီ template ေလးက readymade မဟုတ္တဲ့ အတြက္ပါ ဖိုင္ထဲမွာ .txt ဖိုင္ေလးေတြနဲ. လက္ရွိအသံုးျပဳထားတဲ့ java code ေတြလဲ စီထည္.ေပးလိုက္ပါတယ္ facebook likebox အတြက္ က ႏွစ္ခုထည္.ထားပါတယ္ pop up box မလိုခ်င္ရင္မထည္.ပါနဲ. တျခားဟာေတြကိုလဲ Layout ကေန HTML/JavaScript နဲ.ထည္. တစ္ခုခ်င္း စီထည္.ေပးလိုက္ပါ လင့္ေတြေတာ့ေျပာင္းဖို.မေမ့ပါနဲ.ေနာ္ link မေျပာင္းပဲသံုးရင္ ကၽြန္ေတာ့ဆိုဒ္ကိုပဲ ေရာက္လာမွာပါ မလိုခ်င္တဲ့အပိုင္းအားလံုးစိတ္ၾကိဳက္ျပင္ဆင္သံုးစြဲနိုင္ပါတယ္ ........ အမွန္တိုင္းေျပာရရင္ ကၽြန္ေတာ္လဲ ဘေလာ့နည္းပညာဘာမွမတက္ပါဘူး အခုထိ အိုင္တီမုဆိုးတို. ဘေလာ့ခရီးသည္တို. လို ဘေလာ့နည္းပညာ အတင္မ်ားတဲ့ဆိုဒ္ေတြမွာ၀င္ေရာက္ေမႊေႏွာက္ေနရဆဲျဖစ္လို. ဆရာမ်ားအေနနဲ. လဲ ဒီေလာက္ပဲလုပ္တက္လို. ဒီေလာက္ပဲလုပ္ထားတာပါလား လို.သာ သိထားေပးေစခ်င္ပါတယ္  တကယ္ တကယ္လိုအပ္လို.လိုခ်င္တယ္ဆိုရင္ေတာ့ ေအာက္မွာေဒါင္းယူနိုင္ပါျပီ အဆင္ေျပၾကပါေစဗ်ာ
                                                                                                       (ျမန္မာျပည္လူငယ္)
                                
 

 

     ျမန္မာျပည္လူငယ္တင္ျပီးသမွ်ပို.စ္မ်ား Download ဆြဲနည္းမသိပါက ဒီလင့္ကို ႏွိပ္ျပီးသြားဖတ္ေပးပါ

Sunday, January 26, 2014

How to remove Powered by Blogger

 

 မဂၤလာပါဗ်ာ ဒီေန.ကၽြန္ေတာ္ တင္ေပးမွာကေတာ့ Blogger မ်ားအတြက္သီးသန္. Power by Blogger ကို အလြယ္ဆံုးျဖဳတ္နည္းပဲျဖစ္ပါတယ္ ပထမဆံုးအေနနဲ. blogger template အထိေရာက္ေအာင္သြား ျပီး edit html ကို၀င္ပါမယ္ ေရာက္ျပီဆိုရင္ေတာ့



ပံုမွာျပထားတဲ့အတိုင္း Jump to widget ကေန Attribution ဆိုတဲ့ ေနရာေလးကို ကလစ္လိုက္ရင္ ေအာက္ က ပံုေလးထဲမွာလို
 <b:widget id='Attribution1' locked='true' title='' type='Attribution'>  
 ဆိုတဲ့ ကုဒ္ေလးကိုျမင္ရမွာျဖစ္ပါတယ္

အဲေနရာေရာက္တာနဲ. အေပၚပံုမွာကၽြန္ေတာ္ျပထားတဲ့ ture ဆိုတဲ့ ေနရာေလးမွာ false ဆိုျပီး အစားထိုးေပးလိုက္ပါဗ်ာ
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
ဒီလိုေလးေပါ့ ျပီးသြားရင္ေတာ့ ထံုးစံအတိုင္း preview template ဆိုတာကို ႏွိပ္ျပီး တစ္ခ်က္ေလာက္စစ္ လိုက္ပါ အိုေကျပီဆိုရင္ ေတာ့ Save template ႏွိပ္ျပီး Layout ဆိုတာကိုျပန္၀င္ပါ ျပီးရင္ Attribution ဆိုတဲံ widget ကိုရွာပါ

ေအာက္ဆံုးနားေလက္မွာရွိတက္ပါတယ္   ပံုမွာျပထားသလို edit ဆိုတဲ့ ေနရာေလးကို ႏွိပ္လိုက္ပါ။


အိုေက ၀င္ျပီးသြားရင္ေတာ့ ပံုမွာျပထားတဲ့ အတိုင္း Remove ဆိုတာေလးေပၚေနပါျပီ ႏွိပ္ေပးလိုက္မယ္ဆိုရင္ သင့္ ဘေလာ့မွာ Powered by Blogger ဆိုတာေလး မရွိေတာ့ပါဘူး ေပ်ာက္သြားပါျပီ ......... အားလံုးပဲအဆင္ေျပပါေစဗ်ာ

ကၽြန္ေတာ္ဟာဘေလာ့နည္းပညာမွာေလ့လာသူအဆင့္သာရွိတဲ့ အတြက္ ဒီပို.စ္ေလးနဲ.ပက္သက္ျပီးလိုအပ္ခ်က္မ်ားရွိပါက ဘေလာ့ဂါဆရာမ်ားအေနနဲ. သြန္သင္ဆံုးမနိုင္ပါတယ္ဗ်ာ
                                                                                              (ျမန္မာျပည္လူငယ္)

     ျမန္မာျပည္လူငယ္တင္ျပီးသမွ်ပို.စ္မ်ား Download ဆြဲနည္းမသိပါက ဒီလင့္ကို ႏွိပ္ျပီးသြားဖတ္ေပးပါ

Saturday, January 11, 2014

Blogger သူငယ္ခ်င္းမ်ားအတြက္ Post မွာ Auto Read More ျပဳလုပ္နည္း

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_kn0L68GQmPueDU_qntJFwr0mgeDlbfruk7TKdY-InLzekzJtawLFyF3KQXSSULveYnoOOrl7vWvdfUloAxLOJ4q2mJ2tpfxmwhPobE2pCzulI5uOoX3S0VUJHEWI-3O9elWuS7LKbDwI/s1600/readmore.jpg 
အခု Post ေလးကေတာ့ Blogger ညီကိုမ်ားအတြက္သီးသန္႕ Post ေလးျဖစ္ပါတယ္။ ဆရာၾကီးေတြအတြက္ မဟုတ္ပါဘူး။ အခုမွစျပီး Blog ကိုေလ့လာေနတဲ့ ေဘာ္ဒါေတြအတြက္ပါ။ Post ေတြမွာ Jump Break လုပ္စရာ မလိုဘဲနဲ႕ Auto Read More ျဖစ္ေနေစမယ့္ HTML Code ျဖစ္ပါတယ္။ ထည့္ရတာလည္းအေတာ္ေလးလြယ္ ကူပါတယ္။ အေအာက္မွာပံုနဲ႕တကြအေသးစိတ္ေဖာ္ျပေပးလိုက္ပါတယ္ဗ်ာ။ ေအာက္မွာၾကည့္လိုက္ၾက ရေအာင္ဗ်ာ။ လူတိုင္းလြယ္ကူစြာလိုက္လုပ္ႏိုင္ေအာင္လို႕ အေသးစိတ္ တဆင့္ျခင္းေရးျပေပးထားပါတယ္။

Step-1


အေပၚကပံုအတိုင္း  Dashboard > Template > Edit HTML ထဲကို၀င္သြားလိုက္ပါ။
Control + F ႏွိပ္ျပီး Search Box မွာ</head> ကိုရွာလိုက္ပါ
ေတြ႕ျပီဆိုရင္ </head> ရဲ႕ အေပၚမွာ ေအာက္က Code ကို Copy to Paste လုပ္ေပးပါ။

<script type='text/javascript'>
var noImgSum = 200;
imgSum = 450;
iHt = 250;
iWd = 250;

</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function autoReadMore(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = noImgSum;
if(img.length>=1) {
imgtag = '<img id="autoReadMoreImg" src="'+img[0].src+'" width="'+iWd+'px" height="'+iHt+'px"/>';
summ = imgSum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>



Step-2

ေနာက္ထပ္ Search Box မွာအေပၚကပံုအတိုင္း <data:post.body/> ဆိုျပီး ထပ္ရွာၾကည့္ပါ
ေတြ႕ျပီဆိုရင္<data:post.body/> ကို Select ေပးျပီး ေအာက္က Code ကို Copy to Paste နဲ႕အစားထိုးေပး လိုက္ပါ။

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> autoReadMore("summary<data:post.id/>");
</script>
<a id='readmore' expr:href='data:post.url'>Read More ...</a>
</b:if>
</b:if>

ဒါဆိုရင္ေတာ့ Auto Read More အတြက္ လုပ္ေဆာင္ရမွာကျပီးဆံုးသြားပါျပီ။ဒီေနရမွာ မိမိစိတ္ၾကိဳက္ျပင္ ဆင္ႏိုင္တာေလးတစ္ခုရွိပါတယ္။ ပထမဦးဆံုးအဆင့္မွာ ေပးထားတဲ့ Code ေလးကိုျပင္ဆင္ႏိုင္ပါတယ္။

var noImgSum = 200;
ဒီေနရမွာ 200 ဆိုတာ ပံုနားမွာေပၚမယ့္စာလံုးရဲ႕အေရအတြက္ျဖစ္ပါတယ္။imgSum = 450;  
ဒီေနရာမွာ 450 ဆိုတာက Post မွာ Read More မတိုင္ခင္မွာေပၚေစခ်င္တဲ့စာလံုးအေရအတြက္ျဖစ္ပါတယ္။iHt = 250;
iWd = 250;

ဒီႏွစ္ခုကေတာ့ Post မွာေပၚမယ့္ ပံုရဲ႕အေရအတြက္ျဖစ္ပါတယ္။
ျပင္စရာရွိတာေတြလည္းျပင္ျပီးသြားျပီဆိုရင္ေတာ့ Save Template မႏွိပ္ခင္မွာ Preview Template ကိုအရင္ နွိပ္ျပီး Preview ၾကည့္ေစခ်င္ပါတယ္။ Error မရွိဘဲ စိတ္ၾကိဳက္ျဖစ္ျပီဆိုေတာ့မွ Save Template ကိုႏွိပ္ေစခ်င္ ပါတယ္ဗ်ာ။
ဒီေလာက္ဆိုရင္ေတာ့ အဆင္ေျပေျပနဲ႕လိုက္လုပ္ႏိုင္မယ္လို႕ယူဆရပါတယ္ဗ်ာ။အားလံုးဘဲအဆင္ေျပၾက ပါေစေနာ္။

ေဘးမွာရွိတဲ႕ ေၾကာ္ျငာတစ္ခုကို တစ္ရက္ကို တစ္ခ်က္ေလးႏွိပ္ေပးရံုနဲ႕ ကၽြန္ေတာ့္အတြက္ အမ်ားၾကီးအေထာက္အကူျဖစ္ေစပါတယ္ဗ်ာ။
ေက်းဇူးအထူးတင္ရွိပါတယ္ဗ်ာ။