ဘေလာ့ Error မ်ားအတြက္ ေျဖရွင္းနည္း

ပထမဆုံး  updated Blogger Interface  လုပ္ရ႔ပါမယ္.. error ျဖစ္တတ္တဲ့ ျပႆနာနဲ႕ ေျဖရွင္းနည္းအမ်ိဳးမ်ိဳးကို ရွင္းျပလိုက္ပါတယ္ေနာ္...

(၁) ဘေလာ့ကာကို၀င္လိုက္ပါ
(၂) Setting->Search Preferences
(၃) အဲမွဘဲ ပုံျပထားသလို edit ကိုကလစ္တာနဲ႕  box ေလးက်လာမယ္..
(၄) အဲ box ေလးထဲမွာ ဘဲကုဒ္ေတြ ထည့္ေပးရမွာပါ..

( ၁ )   Error Message with Stylish 404 images အတြက္..

သည္အတြက္ သြားရမွာကေတာ့
►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5-  EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

• </head> ကိုရွာပါ ေတြ႕တာနဲ႕ သူ႕အေပၚကေနကပ္ျပီး ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္ေပးပါ။

 <b:if cond='data:blog.pageType == "error_page"'>
<style type="text/css">.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}</style>
</b:if>

 ►6- Save Template လိုက္ပါေတာ့....ျပီးပါျပီ.....။......။

  (  ၂  )  Error Page Style 1

(၁) ဘေလာ့ကာကို၀င္လိုက္ပါ
(၂) Setting->Search Preferences
(၃) အဲမွဘဲ ပုံျပထားသလို edit ကိုကလစ္တာနဲ႕  box ေလးက်လာမယ္..
(၄) အဲ box ေလးထဲမွာ ဘဲကုဒ္ေတြ ထည့္ေပးရမွာပါ..

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipsrPKpaC0PdgSfnAysIlap1S1EXRkJ-u3mtM2bCNKmhKOn7AqNjMmea7R3B4vKVC8AbOJYHf8TyRd_AWoGGAaogTaHbXLbtjLUTWwpOHJ-apw4dN-rHXu5vJnQE8RXx6U6JhCnwCx7LQ/s1600/404+error+page+1.jpg"/>

 ( ၃ )  Error Page Style 2

(၁) ဘေလာ့ကာကို၀င္လိုက္ပါ
(၂) Setting->Search Preferences
(၃) အဲမွဘဲ ပုံျပထားသလို edit ကိုကလစ္တာနဲ႕  box ေလးက်လာမယ္..
(၄) အဲ box ေလးထဲမွာ ဘဲကုဒ္ေတြ ထည့္ေပးရမွာပါ..

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-W2Vgv8l7UXJER8ukU84JOBBNTAL3E1LPFaBi7bYcZmKEgrfBqws-PsUN3Zx1gHAiGzZYhnzIYbkcFxoxfp4LZkaC961-Rhu_onUEnYehykPyd0s_CLkBsnXH32FP6M_swJ2eUlkr1Hk/s1600/404+error+page+2.jpg"/>

 

( ၄ )  Error Page Style 3

(၁) ဘေလာ့ကာကို၀င္လိုက္ပါ
(၂) Setting->Search Preferences
(၃) အဲမွဘဲ ပုံျပထားသလို edit ကိုကလစ္တာနဲ႕  box ေလးက်လာမယ္..
(၄) အဲ box ေလးထဲမွာ ဘဲကုဒ္ေတြ ထည့္ေပးရမွာပါ..

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC91xTErgCBsCHkLQW4S6RH4greGauCLj97zNFAdtwSC77Y6phGVu0mkljLdqEZoaTyFWJBIfozYOlPfqIlnoqYS3qTO5diTW5_sVfzb12zNWD9xnKGQx83lFwHY_73qc1hewrjBC9-Nc/s1600/404+error+page+4.jpg"/>

( ၅ ) Error Page Style 4

(၁) ဘေလာ့ကာကို၀င္လိုက္ပါ
(၂) Setting->Search Preferences
(၃) အဲမွဘဲ ပုံျပထားသလို edit ကိုကလစ္တာနဲ႕  box ေလးက်လာမယ္..
(၄) အဲ box ေလးထဲမွာ ဘဲကုဒ္ေတြ ထည့္ေပးရမွာပါ..

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVr4SF8zaG1xnboemI1FszE2_IDBvyg071YETLR7ragXfoMCjwBbTt8tVmjVvzrKoY_pMPd4xMsufSnTEYfmUKPRsJzWH_UZMTqheDKWwsqrT1C-VjWyRPQNkWFqAIa_ajH_0zxXmA83Y/s320/404+error+page+6.jpg"/>

( ၆ )  Error Page Style 5

(၁) ဘေလာ့ကာကို၀င္လိုက္ပါ
(၂) Setting->Search Preferences
(၃) အဲမွဘဲ ပုံျပထားသလို edit ကိုကလစ္တာနဲ႕  box ေလးက်လာမယ္..
(၄) အဲ box ေလးထဲမွာ ဘဲကုဒ္ေတြ ထည့္ေပးရမွာပါ..

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7ExviMs3pYmF47ilcxhF7htoWuuJENQo4zbr9NHx8KS3FJExLn2d4mMOTYovbcC9ZJGsI3auLi81gbb6SBSZ0WQkOD4gWzG210L330Xuioc1Rsn0oAU1wzvmaVuOn7tdXMox5UZQkN1Q/s1600/404+error+page+7.jpg"/>

( ၇ )  Error Page Style 6

(၁) ဘေလာ့ကာကို၀င္လိုက္ပါ
(၂) Setting->Search Preferences
(၃) အဲမွဘဲ ပုံျပထားသလို edit ကိုကလစ္တာနဲ႕  box ေလးက်လာမယ္..
(၄) အဲ box ေလးထဲမွာ ဘဲကုဒ္ေတြ ထည့္ေပးရမွာပါ..

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW2pIrKvSTQGcvy32WnVias_hIUKqlK6xFYNOt88K6tFn4VmzXX0YJUwSk879mBWEcNu8nI-2r1ZX3hFAHM2o7wQd64ypH4hkuOxjCDSZu2GaAPctTSseDjqUmOhDMLXddsZn_YvWJnBo/s1600/404+error+page+3.jpg"/>

ကဲ ျပီးးတာနဲ႕ ေဆ့ဖို႕ေတာ့ ေမမ့ၾကနဲ႕ေနာ္.... ဒါျဗဲ.....တာ့တာ......

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

www.aungsanmks.blogspot.com 

www.ledimyethar.com 

တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

Read more »

Blog ထဲက ႏွစ္သက္ရာစာသားေတြကို Neon Effect သံုးနည္း

12:38:00 am  ဘေလာ့ခရီးသည္ 

ေလာေလာဆည္ ကၽြန္ေတာ့္ဘေလာ့မွာ
သံုးထားတဲ့ 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 ေတြ ေရြ႕လ်ားမယ့္ အခ်ိန္သတ္မွတ္ခ်က္ပါ .. အေႏွးအျမန္ကို ကိုယ္ႏွစ္သက္သလို
ေျပာင္းလဲႏိုင္ပါတယ္ ..

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

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

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






ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************


ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ


လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ


စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Read more »

ဘေလာ့မွာ ေနာက္ခံဒီဇိုင္းေတြကို အလြယ္ကူဆုံးထည့္ၾကမယ္

သည္ေန႕တင္မဲ့ ပို႕စ္ေလးကေတာ့ ဘေလာ့မိတ္ေဆြအေပါင္းအတြက္ မိမိတို႕ ဘေလာ့ကိုေနာက္ခံ ပုံစံဒီဇိုင္းဆန္းဆန္းေလးေတြနဲ႕ အလွဆင္ဖို႕ ေနာက္ခံ ပုံအမ်ိဳးမ်ိဳး ဒီဇိုင္းအမ်ိဳးမ်ိဳး ရယူနိဳင္တဲ့ ဆိုဒ္ေလးကို

လမ္းညႊန္ေပးပါ့မယ္... ကုဒ္ယူနည္းေလးနဲ႕တစ္ကြ ရွင္းျပထားပါတယ္...

ပထမဆုံး  သည္ကေန  သြားလုိက္ပါေနာ္..

ေရာက္တာနဲ႕ အေပၚကပုံျပထားသလို background ဆိုတာကို ကလစ္ပါ။ ဒါဆို ပုံေတြ ရွိတဲ့ေနရာကေန

မိမိ ႏွစ္သက္တဲ့ ပုံကိုရွာလိုက္ပါ။ ေတြ႕ျပီဆိုတာနဲ႕.. အဲပုံေပၚ ကလစ္လိုက္ပါ။

အဲခါမွာ အဲပုံေလးေပၚလာမယ္ ေအာက္နားမွာ ဆြဲခ်ၾကည့္လုိက္ပါ....

သည္လိုေလးေတြ႕မယ္.. အေပၚဇယားကြက္ထဲက ကုဒ္ေတြကိုဘဲ ေကာ္ပီ ကူးယူလိုက္ပါ။

ထည့္နည္းကေတာ့...

(၁) ဘေလာ့ကာ၀င္လိုက္ပါ

(၂) ဘေလာ့ကာ layout ကိုကလစ္ပါ

(၃) Add a gadget ကိုကလစ္ပါ

(၄) Html/Javascript ကိုကလစ္ က်လာတဲ့ ေဘာက္ထဲ ေစာေစာက ေကာ္ပီယူတဲ့

ကုဒ္ေတြကို ထည့္ ျပီး save ေပးလိုက္ပါ...

ဒါဆို မိမိ ဘေလာ့ေနာက္ခံေလး လွပစြာ ေတြ႕ ရပါ့မယ္..

မလိုအပ္ေတာ့ပါက ထည့္ထားတဲ့ ေနရာကိ္ု edit ကလစ္ျပီး remove ေပးလိုက္ယုံပါဘဲ။

အဆင္ေျပေခ်ာေမြ႕ပါေစ...ဗ်ာ.................

Read more »

blogger မွာ တင္ထားတဲ့ Post တစ္ခုခ်င္းကို လူဘယ္ႏွစ္ေယာက္ဝင္ၾကည့္လဲ???

အရင္ဆံုး က်ေနာ္တစ္ခုေလာက္ ၾကိဳေျပာပါရေစ.. က်ေနာ္ blogger တစ္ေယာက္မဟုတ္ပါဘူး ... စိတ္ဝင္စာလို႔ Blogspot ေလး လုပ္ၾကည့္ရင္း နည္းပညာမ်ားကို သင္ယူေလ့လာေနသူတစ္ဦးသာ ျဖစ္ပါတယ္။ က်ေနာ္ အခု တင္ျပမယ့္ အေၾကာင္းအရာေလးကေတာ့ က်ေနာ္တို႔ Blogger မွာ မိမိ တင္ထားတဲ့ Post ေတြထဲမွ အေၾကာင္းအရာ Post တစ္ခုခ်င္းစီကို လူ ဘယ္ႏွစ္ေယာက္ ဝင္ၾကည့္ခဲ့ တယ္ဆိုတာကို ၾကည့္လို႔ ရေအာင္ လုပ္နည္းေလးျဖစ္ပါတယ္..။ က်ေနာ္လဲ ဆိုဒ္တစ္ခုကို ဝင္ၾကည့္ရင္း ေတြ႔မိလို႔ က်ေနာ့္ ဘေလာ့မွာ ထည့္ခ်င္တာနဲ႔ Google မွာ ရွာခဲ့ပါတယ္..။ ေတာ္ေတာ္လဲ ကို ေခါင္းစားခဲ့ပါတယ္... က်ေနာ့္အတြက္ေပါ့...။ သိတဲ့ တတ္တဲ့ သူေတြအတြက္ မခက္ေပမယ့္ က်ေနာ္က ေလ့လာသူတစ္ေယာက္ဆိုေတာ့ ... ေတာ္ေတာ္ ခက္ခဲ ခဲ့ပါတယ္....။ ေနာက္ဆံုးေတာ့ က်ေနာ္ ရခဲ့ပါတယ္..။ ဒါေၾကာင့္ က်ေနာ့္လို စတင္ေလ့လာသူ Blogger ေပါက္စမ်ားအတြက္ ျပန္လည္မွ်ေဝလိုက္ပါတယ္ ခင္ဗ်ာ...။

စျပီးလုပ္ၾကည့္ၾကမယ္ေနာ္...။

• ပထမဆံုး Blogger Dashboard ကို Blogger အေကာင့္နဲ႔ ဝင္လိုက္ပါ။
• ေနာက္တစ္ဆင့္ Template >> Edit HTML ကို သြားလိုက္ပါ ... ။ ေအာက္မွာ ပံုေလးျပထားပါတယ္ခင္ဗ်ာ။

ျပီးရင္ေတာ့ က်ေနာ္တုိ႔ Template ကို Edit လုပ္တဲ့ ေနရာကို ေရာက္သြားပါျပီ ။ပံုေတာ့ ထပ္မတင္ေတာ့ပါဘူး။ အားလံုးေသာ Blogger ညီငယ္ေလးမ်ား သိၾကမယ္လို႔ ထင္ပါတယ္။ အဲေနရာေရာက္တဲ့ အခါမွာေတာ့ က်ေနာ္တို႔ Edit လုပ္ရမယ့္ box မွာ ကလစ္တစ္ခ်က္ေထာက္လိုက္ပါ။ ျပီးရင္ေတာ့

Ctrl+F

ကို ႏိႈက္လိုက္ရင္ Search box ေလးကို ေအာက္က ပံုပါအတိုင္းေတြ႔ ရမွာ ျဖစ္ပါတယ္

• ဒီေလာက္ထိကို အားလံုး အဆင္ေျပရင္ မယ္လို႔ ေမွ်ာ္လင့္ပါတယ္..။ blogger ႏွင့္ ရင္းႏွီးျပီးသား သူငယ္ခ်င္းမ်ားကေတာ့ လြယ္္ကူမွာ ျဖစ္ေပမယ့္ အခုမွ စတင္ေလ့လာသူ(က်ေနာ္လိုေပါ့) ေတြကေတာ့ နည္းနည္းေလး ၾကိဳးစားျပီး လုပ္ၾကည့္ပါ ...။ :D


• D ေလာက္ကို အဆင္ေျပျပီဆိုရင္ေတာ့ အခုဆက္ျပီး အေပၚက ပံုမွာ ျပထားတဲ့ Search Box မွာ </head> ဆိုတာကို ရိုက္ျပီး ရွာလိုက္ပါ။
• </head> ကိုေတြျပီဆိုရင္ ေအာက္မွာ ေပးထားတဲ့ ကုဒ္ေလးေတြကို Copy ယူျပီး </head> အေပၚမွာ Paste လုပ္လိုက္ပါ။

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

• အခုေနာက္တစ္ဆင့္အေနနဲ႔ က်ေနာ္တုိ႔ ဆိုတဲ့ ကုဒ္ေလးကို ထပ္ျပီးရွာရပါမယ္..<data:post.body/> ဆိုတဲ့ Code ဟာ သူငယ္ခ်င္းတို႔ Template မွာ တစ္ခုထက္မက ေတြ႔ခ်င္ ေတြပါလိမ့္မယ္။ အဲဒီ<data:post.body/> ဆို  Code ေတြေအာက္မွာ (သို႔) အေပၚမွာ ျဖစ္ျဖစ္ ေအာက္မွာ ေပးထားတဲ့ Code ေတြကို Copy ယူျပီး ထည့္ေပးလိုက္ပါ..။

• မိမိ blogger post ၏  ေအာက္ေျခနားမွာ ထားခ်င္ရင္ <data:post.body/> ၏ ေအာက္ Code ေတြကို ထည့္ပါ...။ blogger post ၏ header မွာ ထားခ်င္ရင္ေတာ့  <data:post.body/> ၏ အေပၚက ထည့္ပါ....။ဥပမာအေနနဲ႔ (Demo) ကိုေတာ့ ဒီမွာ ၾကည့္ရႈ႕ႏိုင္ပါတယ္ခင္ဗ်ာ..။

• <data:post.body/> ၏ ေအာက္(သို႔) အေပၚမွ ထည့္သြင္းအသံုးျပဳရန္ကုဒ္ကို ေအာက္မွာ ေပးထားပါတယ္ခင္ဗ်ာ။

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></script></b:if>

ျပီးရင္ေတာ့ မိမိ၏ Template ေလးကို Save လိုက္လို႔ ရပါျပီး။။။ အားလံုးအဆင္ေျပမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္...။ အဆင္မေျပတာေလးေတြ ရွိရင္လဲ ျပန္လည္ေဆြးေႏြးေပးၾကပါဦးခင္ဗ်ာ..။

Template မ်ားမွာ ကြဲလႊဲမႈမ်ားေတာ့ ရွိႏိုင္ပါတယ္ ခင္ဗ်ာ..။

မွတ္ခ်က္ ။   ။ <data:post.body/> ဆိုတဲ့ Code ဟာ 1 ခုမက ေတြ႔ႏိုင္ပါတယ္ အရင္ဆံုးေတြ႔တဲ့

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

            <data:post.body/>

            <div style='clear: both;'/> <!-- clear for photos floats -->

          </div>

မွ လြဲျပီး က်န္တဲ့ <data:post.body/> ေနာက္မွ ကပ္ျပီးထည့္ေပးပါ...။

♥ မွ်ေ၀သူ ♥ ဘေလာ့ခရီးသည္

♥ သင့္အျမင္ ♥

Read more »

ဘေလာ့မွာတင္ေသာ ပုံမ်ားကို လည္ပါတ္ေနေအာင္ လုပ္ေဆာင္နည္း ( ၂ ) နည္း

 

မဂၤလာပါ ကြ်န္ေတာ္ ဘေလာ့ပညာေတြ မေရးျဖစ္ခဲ့တာ အေတာ္ ၾကာခဲ့ပါျပီ... ဒါကလည္း တင္ထားတာေတြကေတာ္ေတာ္ ေလးမ်ာေးနေတာ့ အသစ္ဆန္းေတြ ဘာတင္ရမွန္းကို မသိေတာ့လို႕ပါ..ဟီးးးးးးးးး

 သည္ေန႕ေတာ့  မသိေသးသူ ဘေလာ့ကာ ညီငယ္ေတြအတြက္ အဆန္းေလးတခုတင္ေပးျခင္တာ နဲ႕ အရင္ အေဟာင္းေတြက ျပန္လည္ ထုတ္ႏွဳတ္ လုိက္ပါတယ္.. သူကေတာ့ မိမိတို႕ ဘေလာ့မွာ တင္တဲ့ ပုံေတြကို စက္၀ိုင္းသ႑န္ လည္ပါတ္ ေအာင္ လုပ္နည္းေလးပါ.. သူကေတာ့ ကုဒ္ေလးကို ထည့္ေပးလိုက္ယုံပါဘဲ.. ေမာက္နဲ႕ ထိလုိက္တာနဲ႕ ဘေလာ့ေပၚက ပုံေတြကို လည္ပါတ္ ေစတာပါ..

လန္းျခင္တဲ့ သူေတြအတြက္ ကလိလုိက္ေပါ့..ေနာ္.. ၾဆာၾကီးေတြကေတာ့ ေက်ာ္ခြသြားေစလိုပါတယ္။

လုပ္နည္းေရာ ကုဒ္ေတြပါ ရွင္းျပေပးထားပါတယ္...

နည္းလမ္းရဲ႕  နမူနာကို ၾကည့္လိုပါက   သည္မွာ    ကလစ္ ၾကည့္လိုက္ပါ အျမည္းေလးေပါ့..ေိေိေိ

နံပါတ္ ( ၁ ) နည္းလမ္း

================

ကဲစမယ္ေနာ္  ပထမဆုံး မိမိတို႕ ဘေလာ့ကာ sing in ၀င္လိုက္ပါ.. ေနာက္ Template ကိုသြားလိုက္ပါ... 

HTML ထဲကို ၀င္ၾကရမွာ ျဖစ္ပါတယ္... အိုေက ဒါေတာ့ လူတိုင္းသိေနေတာ့ ပုံေတြ မရွင္းေတာ့ပါဘူးေနာ္.

၀င္လုိက္တာ နဲ႕ ကုဒ္ေတြထဲကို ေမာက္တခ်က္ခ်ကလစ္ ေနာက္  Ctrl + F တြဲကလစ္လိုက္ပါ ညာအေပၚေထာင့္မွာ search box ေလးက်ေနတာေတြ႕မယ္.....ေနာ္ အဲထဲမွာ

]]></b:skin>  ကုဒ္ကိုထည့္ လိုက္ပါ ရွာရမွာျဖစ္ပါတယ္

ေတြ႕ျပီဆိုတာနဲ႕ သူ႕အေပၚကကပ္ျပီး ေအာက္က ေပးထားတဲ့ ကုဒ္ေတြ ထည့္ေပးလိုက္ပါ
 ►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

 

မွတ္ခ်က္....။       ။    သည္ကုဒ္သည္ မိမိဘေလာ့ တင္ထားသမွ် ပုံအားလုံးနဲ႕ သက္ဆိုင္ပါတယ္..

သူထည့္လိုက္တာနဲ႕ ပုံအားလုံး ကို ေမာက္ထိတာနဲ႕ လည္ေနပါမည္။

img {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
img:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);
transform: rotate(1080deg);
}

ထည့္ျပီးတာနဲ႕  Save Template လုပ္ေပးလိုက္ပါ...

 

 သည္ေနရာမွာ ကြ်န္ေတာ္ ေျပာျခင္ပါတယ္  သည္ကုဒ္ကို ခု template ရဲ႕ html မွာ တန္းရွာလို႕ မေတြ႕နိဳင္ပါဘူး  ဘာေၾကာင့္လည္းဆိုေတာ့  ကုဒ္ေတြက အရင္လို ျဖန္႕ခ်ထားတာ မဟုတ္ဘဲ ေခါက္ထားတဲ့အတြက္ပါ... ေဘးက နံပါတ္နဲ႕ စာတိုင္ေလးေတြမွာ ေသျခာၾကည့္ပါ   မွ်ားအနက္ေလးေတြေတြ႕မယ္  အဲတာေတြ ကလစ္ ၾကည့္ပါ  သူဖြက္ ေခါက္ထားတဲ့ ကုဒ္ဒင္းေတြ ထြက္က်လာမွာျဖစ္ပါတယ္...

အေပၚက ရွာခိုင္းတဲ့ ကုဒ္ရွာနည္း

   b:skin    ေလးကိုဘဲ ထည့္ရွာလိုက္ပါေအာက္မွာ ပုံေတြနဲ႕ျပထားတယ္

အိုေက ေတြ႕တဲ့အတိုင္း မွ်ားအနက္ေလးကို ကလစ္ေျဖလိုက္ပါ  အိုေက ေအာက္နားေျဖးေျဖးခ်င္း ဆြဲခ်လိုက္ပါ  ဒါမွမဟုတ္ enter ေခါက္ေပးပါ ]]></b:skin>  ဆိုတာ ေတြ႕လာမယ္  အိုေက ဒါဆို ကုဒ္ေတြ ထည့္ဖို႕ ရွာခိုင္းတဲ့ ေနရာ ရျပီေပါ့ေနာ္... သူ႕အေပၚကကပ္ျပီး ေပးထားတဲ့ ကုဒ္ေတြကို ထည့္လိုက္ပါ.....

နံပါတ္  ( ၂ ) နည္းလမ္း 

=============

ေနာက္ တနည္းကေတာ့.... ဘေလာ့ရဲ႕ ပုံအားလုံးနဲ႕ မသက္ဆိုင္ဘဲ တင္ျခင္တဲ့ လည္ေစျခင္တဲ့ ပုံကိုမွ လည္ေအာင္ တင္နည္းေလးပါ။။

ကုဒ္ရွာနည္းနဲ႕ ထည့္နည္းကေတာ့ အေပၚကတိုင္းပါဘဲ...ေနာ္   

Ctrl  + F ကိုတြဲနွိပ္ျပီး  ]]></b:skin>  ကိုရွာပါရွာေတြ႕ရင္ ]]></b:skin> ရဲ႕အေပၚ မွာ ေအာက္က အနီေရာင္ ကုတ္ ေတြကို ေကာ္ပီယူျပီထည့္လိုက္ပါ

.rotate {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.rotate:hover {
-webkit-transform:rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform:  rotate(1080deg);
-ms-transform: rotate(1080deg);transform: rotate(1080deg);
}

ထည့္ျပီးရင္ Save လိုက္ပါ။။

မွတ္ခ်က္.... လည္ေစလိုတဲ့ ပုံကို တင္တဲ့အခါ ကုဒ္နဲ႕ တင္မွ ျဖစ္မွာပါေနာ္....ေအာက္မွာ ဖတ္လုိက္ပါ

မိမိ လည္ေစလိုေသာ ပုံကို ပို႕စ္တင္တဲ့အခါ မွာ ကုဒ္နဲ႕ ျပင္ဆင္ ျပီးတင္ရပါမယ္...နည္းလမ္းကေတာ့
တင္လိုေသာပုံ ရဲ႕လင့္ကို အရင္ ယူလိုက္ပါ...ၾကိဳက္ သလို upload တင္ယူလည္းရသလို ပို႕စ္ထဲကေန ပုံတင္ျပီး html ကလစ္လိုက္ျခင္းျဖင့္လည္း ပုံရဲ႕ လင့္ကို သုံးနိဳင္ပါတယ္.. အိုေက  တင္ၾကမယ္..
ပို႕စ္မွာ မတင္မွီ  အေပၚက html  ဆိုတာနဲ႕ compose ဆိုတာ ရွိပါတယ္   html ဆိုတာကလ္စလိုက္ပါ က်လာတဲ့ ကုဒ္အခ်ိဳ႕ ကိုဖ်က္လို႕ရပါတယ္... အိုေက ျပီးတာနဲ႕  ေအာက္က ကုဒ္ကိုထည့္ေပးလိုက္ပါေနာ္...

<img class="rotate" src="Put Your Image Link Here" alt="Alternate Text" title="Title Text" />

ထည့္ေပးလုိက္ျပီးတာနဲ႕ Put Your Image Link Here ဆိုတဲ့ေနရာမွာ မိမိတို႕ လည္ေစလိုေသာ ပုံရဲ႕ လင့္ကို အစားထိုးေပးလိုက္ပါ..အိုေက... ဒါဆို ျပီးပါျပီ..... compose ဆိုတာျပန္ကလစ္ျပီး က်န္တာေတြ ဆက္ေရးဆက္တင္နိဳင္ပါတယ္   publish လုပ္ျပီး ဘေလာ့ေပၚ ၾကည့္လိုက္ပါ ေမာက္ထိတာနဲ႕ လည္ေနပါမည္။  သူကေတာ့ စိတ္ၾကိဳက္ တင္ျခင္တဲ့ ပုံကို ေရြးလုပ္တာဆိုေတာ့ အလုပ္ပိုလာတာေပါ့....

နံပါတ္ ( ၁ ) နည္းကေတာ့ ရွင္းတယ္ ဗ်ာ... html မွာ ထည့္လိုက္တာနဲ႕ တင္သမွ် အကုန္ မႊတ္ေနေအာင္ လည္ျပစ္တာဘဲ.....ဟီးးးးးးးးးးးးးးးးးး

<<<တာ၀န္မေလးပါကတခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို>>>

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

♥ မွ်ေ၀သူ ♥ ဘေလာ့ခရီးသည္ 

♥ သင့္အျမင္ ♥

Read more »