Different Background color/Image အသုံးျပဳနည္း

Different Background color/Image အသုံးျပဳနည္း

Blog မွာ မိမိေရးတဲ႕ Post ေတြကုိ သီးျခား Background (သုိ႕မဟုတ္) Image Background ေတြအသုံးျပဳခ်င္တဲ႕ သူငယ္ခ်င္းမ်ား အသုံးျပဳလို႕ရေအာင္ ကၽြန္ေတာ္တင္ျပေပးလုိက္တာပါ။ လုပ္ရတာလဲ အဆင္ေျပလွပါတယ္။ အသုံးျပဳခ်င္တဲ႕ စာနဲ႕ ထားခ်င္တဲ႕ Background ပုံက ညီရင္ ပုိေကာင္းေလးပါဘဲ။ စာေရးသေလာက္သာ ပုံက Background လုပ္မွာျဖစ္ပါတယ္။ ဒါေၾကာင္႕ မိမိတင္တဲ႕ Post တုိရင္ မိမိေရြးခ်ယ္တဲ႕ Background ကလဲ တုိမွာျဖစ္ပါတယ္။
color နဲ႕ Background အသုံးျပဳနည္း
1. မိမိ Blog မွ Posting ကုိ click လုိက္ပါ။ New Post မွာ ေအာက္က code ေတြကုိ copy ယူျပီထည္႕လုိက္ပါ။ အနီေရာင္နဲ႕ ျပသထားတဲ႕ေနရာမွာ မိမိေပၚေစခ်င္တဲ႕ Background color ကုိ စိတ္ၾကိဳက္ေရြးခ်ယ္ထည္႕လုိက္ပါ။ အျပာေရာင္နဲ႕ ျပသထားတဲ႕ေနရာမွာ မိမိတင္မဲ႕ Post ကုိေရးလုိက္ပါ။

<div style="background:#FFE1FF; padding:5px 8px 5px 8px;">
YOUR TEXT HERE
</div>

2. ျပီရင္ေတာ႕ Publish Post ကုိ click ေပးလုိက္ပါ။ မိမိတင္ထားတဲ႕ Post ကုိ ေအာက္ပါအတုိင္းေတြ႕ရမွာျဖစ္ပါတယ္။

ေက်းဇူးၾကီးလွတဲ႕ ေဖေဖ

သားဒီကေန႔မွာ အေဖဟာ သားအတြက္ ဖုိးသုညၿဖစ္ေနေပမဲ႔ အတိတ္ကသားအတြက္ေတာ႔ အေဖဟာကုေဋၾကြယ္သူေဠးၾကီးပါကြာ ................

သားအတြက္ဒီကေန႔ သာေနတဲ႔ ေနမင္းၾကီးဟာ မင္းအတြက္အေတာက္ပဆုံးၿဖစ္ေနေပမဲ႔ အခ်ိန္တန္လုိ႔ မင္းေန၀င္သြားတဲ႔အခါ အေဖဟာမင္းအတြက္ လမင္းၾကီးပါကြာ ...................

ဒါေပမဲ႔သားရယ္ ဒီကေန႔ သားအတြက္ သာေန႔တဲ႔ ေနမင္းၾကီးဟာ မင္းတုိ႔အေဖ (ငါ) ေမြးတဲ႔ အခ်ိန္တုန္းက ေတာက္ပခဲ႔တဲ႔ ေနပါကြာ .................

သားအတြက္ေတာ အေဖဟာ ေကာင္းကင္းတခြင္ကု္ လင္းလက္ေစတဲ႔ ေသာ္တာလမင္းၾကီးမဟုတ္ေတာ႔ေပမဲ႔ အရပ္မ်က္ႏွာကုိေတာ႔ ညႊန္းၿပေပးႏုိင္တဲ႔ ဓူ၀ံၾကယ္ေတာ႔ ၿဖစ္ပါေသးတယ္ကြာ ................

သားမင္းဟာပစၥပၸဳန္ကုိ ၇င္ဆုိင္ၿဖတ္သန္းေနေပမဲ႔ အေဖဟာ အတိတ္နဲ႔ ပစၥပၸဳန္ပါ ၿဖတ္သန္ခဲ႔ ၿဖတ္သန္းေနတဲ႔ သူပါကြာ .........................

ဒီေန႔ဟာ သားအတြက္ အေဖရဲ႕ အေတြးအေခၚေတြဟာ ေဟာင္းႏြမ္းေဆြးေၿမ႔ေနေပမဲ႔ အတိတ္မွာ သားအတြက္ေတာ႔ အေဖဟာ မင္းရဲ႕ ပါေမာကၡေပါ႔ကြာ .....................

သားဒီကေန႔အေဖဟာ ရုပ္ပုိင္းဆုိင္ရာ(ဆံၿဖဴလုိ႔သြားက်ိဳးအဘုိးအုိ ၿဖစ္ေနေပမဲ႔ )အုိမင္းရင္႔ေရာ္ေနေပမဲ႔ စိတ္ပုိင္းဆုိင္ရာေတာ႔ သားအတြက္ အၿမဲႏုပ်ဳိလွ်က္ပါကြာ .................

သားအေဖဟာ ေခတ္အၿမင္ ေခတ္အတက္ပညာကုိသားအတြက္လမ္းညႊန္မႈ မၿပဳႏုိင္ေပမဲ႔ အားေတာ႔အၿပည္႔ေပးႏုိင္ပါတယ္ကြာ ...................

သားအတြက္ အေဖဟာ ဒါရုိက္တာ မဟုတ္ေပမဲ႔ အေဖအတြက္ေတာ႔ သားဟာ ထာ၀ရ မင္းသားေလးပါကြာ ............ ....

မုိးေသာက္လုလင္(ရာဇာ)

Image နဲ႕ Background အသုံးျပဳနည္း

1. မိမိ Blog မွ Posting ကုိ click လုိက္ပါ။ New Post မွာ ေအာက္က code ေတြကုိ copy ယူျပီထည္႕လုိက္ပါ။ အနီေရာင္နဲ႕ ျပသထားတဲ႕ေနရာမွာ မိမိေပၚေစခ်င္တဲ႕ Background Image ကုိ စိတ္ၾကိဳက္ေရြးခ်ယ္ထည္႕လုိက္ပါ။(upload တင္ရမယ္ေနာ္ ထည္႕မည္႕ပုံကုိ) အျပာေရာင္နဲ႕ ျပသထားတဲ႕ေနရာမွာ မိမိတင္မဲ႕ Post ကုိေရးလုိက္ပါ။

<div style="background:url(URL/Direct link OF the Image) no-repeat;">
YOUR TEXT HERE
</div>

2. ျပီရင္ေတာ႕ Publish Post ကုိ click ေပးလုိက္ပါ။ မိမိတင္ထားတဲ႕ Post ကုိ ေအာက္ပါအတုိင္းေတြ႕ရမွာျဖစ္ပါတယ္

Post ရဲ႕ေအာက္မွာ Comments-form ထည္႕နည္း

Classic Templates သုံးတဲ႕သူငယ္ခ်င္းမ်ား Comments ေပးလုိ႕ မရျဖစ္ေနက်တာ ၾကဳံတဲ႕သူငယ္ခ်င္းမ်ားလည္ရွိမွာပါ။ မၾကဳံတဲ႕ သူငယ္ခ်င္းမ်ားလဲ ရွိပါတယ္။ ကြၽန္ေတာ္ေတာ႕ ၾကဳံဖူးတယ္။ ဒါနဲ႕ ေအာက္ပါနည္းကုိသုံးၾကည္႕တာ ဆင္ေျပသြားတယ္။ ကြၽန္ေတာ္သူငယ္ခ်င္းမ်ားလည္ ဒီလုိၾကဳံခဲ႕ရင္ ေအာက္ကနည္းက အဆင္ေျပမွာပါ။

Step#1

1. http://draft.blogger.com ကုိ Sign In လုပ္လုိက္ပါ။
2. Setting >> Comments >> Comment Form အကြက္မွာ Embedded below post ကုိ select ေပးပါ။
3. ျပီရင္ Save လုိက္ပါ။

Step#2

1. မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2. Edit Html ကုိ ထပ္ click လုိက္ပါ။

3. Expand Widget Templates ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။
4. ေအာက္က code ကုိ ရွာလုိက္ပါ။

<b:include data='post' name='comments'/>

5. အထပ္ပါ code ရဲ႕ ေအာက္မွာ ေအာက္က code ကုိ ထည္႕လုိက္ပါ။

<b:include data='post' name='comment-form'/>

6. ျပီရင္ Save Templates ကုိ click လုိက္ပါ။ ျပီရင္ မိမိတုိ႕ Post တစ္ခုကုိ click လုိက္ရင္ ေအာက္မွာ comments ေပးလုိ႕ရတဲ႕ Box တြဲပါလာမွာကုိ ေတြ႕ျမင္ႏုိင္မွာျဖစ္ပါတယ္။

................................................................................................................

Date ႏွွင္႕ Current Time ထည္႕နည္းမ်ား

ကြၽန္ေတာ္ Blog မွာလုိ ရက္စြဲ နဲ႕ ေန႔ ထည္႕ခ်င္တဲ႕ သူငယ္ခ်င္းမ်ား အသုံးျပဳလုိ႕ ရေအာင္ ကြၽန္ေတာ္ တင္ျပေပးလုိက္ပါတယ္။ အခုလုိ တင္ေတာ႕ Sidebar Widget မွာ ေနရာ ယူတာ ေလ်ာ႕သြားတာေပါ႔။ ျပကၡဒိန္ထည္႔မဲ႕ အစား အခုလုိေလး တုိတုိ တုတ္တုတ္ ထည္႕ခ်င္တယ္ဆုိရင္ေတာ႕ ေအာင္က နည္းမ်ားကုိ အသုံးျပဳႏုိင္ပါတယ္။
နည္းလမ္း (၁)
1. Layout >> Page Elements >> Add a Gadget >> HTML / JavaScript စတဲ႕အတုိင္း အဆင္႕ဆင္႕ သြားလုိက္ပါ။ ေအာက္က code ေတြကုိ ထည္႕လုိက္ပါ။

<script language="Javascript">
<!--

var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")

var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")

var now = new Date

document.write("Today is " + dayName[now.getDay()] + ", " + monName[now.getMonth()] + " "+now.getDate() +".")

//-->
</script>

နည္းလမ္း (၂)
1. Layout >> Page Elements >> Add a Gadget >> HTML / JavaScript စတဲ႕အတုိင္း အဆင္႕ဆင္႕ သြားလုိက္ပါ။ ေအာက္က code ေတြကုိ ထည္႕လုိက္ပါ။

<script language="Javascript">
<!--

var now = new Date

document.write(now.getDate() + "/" + now.getMonth() + "/" + now.getYear())

//-->
</script>

နည္းလမ္း (၃)
1. Layout >> Page Elements >> Add a Gadget >> HTML / JavaScript စတဲ႕အတုိင္း အဆင္႕ဆင္႕ သြားလုိက္ပါ။ ေအာက္က code ေတြကုိ ထည္႕လုိက္ပါ။

<script>
atoj = new Date();
atoj1= atoj.getHours();
atoj2 = atoj.getMinutes();
atoj3= atoj.getSeconds();

if(atoj1==0){atoj4=" AM";atoj1=12}
else if(atoj1 <= 11){atoj4=" AM"} else if(atoj1 == 12){atoj4=" PM";atoj1=12} else if(atoj1 >= 13){atoj4=" PM";atoj1-=12}

if(atoj2 <= 9){atoj2="0"+atoj2} document.write(""+atoj1+":"+atoj2+":"+atoj3+""+atoj4+""+"");
</script>

Dock Menu ျပဳလုပ္နည္း

ကြၽန္ေတာ္ Blog မွာ အသုံးျပဳထားတဲ႕ Menu ပုံစံမ်ဳိးလိုခ်င္တဲ႕ သူငယ္ခ်င္းမ်ား တင္ျပေပးလုိက္ပါ။ အျမင္ေလးကေတာ႕ Vista ပုံစံမ်ဳိးျဖစ္ပါတယ္။ ဒါေၾကာင္႕ သူငယ္ခ်င္းမ်ားအသုံးျပဳခ်င္သည္႕ အသုံးျပဳလုိ႕ရေအာင္ ကြၽန္ေတာ္တင္ျပေပးလုိက္တာပါ။မိမိ Templates ကုိ ဦးစြာ အရင္း Backup လုပ္ထားလုိက္ပါ။ ဒါမွ မိမိတုိ႕ တစ္ခုခု မွားယြင္းခဲ႕ရင္ ျပန္လည္ အသုံးျပဳႏုိင္ေအာင္ျဖစ္ပါတယ္။



Step#1

1. ေအာက္မွာ Css ႏွင္႕ Js ပါတဲ႕ Zip files ကုိ Download ခ်လုိက္ပါ။

Mediafire

Megaupload

2. ေအာက္မွာ တင္ျပထားတဲ႕ upload ဆုိဒ္ႏွစ္ခုမွ ၾကိဳက္နွစ္သက္ရာ ဆုိဒ္တစ္ခုမွာ Download ခ်ထားတဲ႕ css file ႏွစ္ခုႏွင္႕ Js file ႏွစ္ခုကုိ upload တင္လုိက္ပါ။

http://ripway.com/
http://www.hotlinkfiles.com/

Step #2

1. မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2. Edit Html ကုိ click လုိက္ပါ။
3. </head> ကုိ ရွာလုိက္ပါ။
4. </head> ရဲ႕ အေပၚမွာ ေအာက္က code ေတြကုိ ထည္႕လုိက္ပါ။ ျပီရင္ မိမိတုိ႕ upload တင္ထားတဲ႕ files ေတြကုိ အနီေရာင္နဲ႕ျပသထားတဲ႕ေနရာေတြမွာ သူ႕ေနရာနဲ႕သူ မွန္ကန္ေအာင္ အစားထုိးလုိက္ပါ။
5. Save Templates ကုိ click လုိက္ပါ။

<!--DOCK-MENU-STARTS-->
<script type="text/javascript" src="http://www.hotlinkfiles.com/........../mootools-for-dock.js"> </script>
<script type="text/javascript" src="http://www.hotlinkfiles.com/........../UvumiDock-compressed.js"> </script>
<link rel="stylesheet" type="text/css" media="screen" href="http://www.hotlinkfiles.com/........../uvumi-dock.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="http://www.hotlinkfiles.com/........../uvumi-dock-ie6.css" />
<![endif]-->
<script type="text/javascript">
var myDock = new UvumiDock("dock");
</script>
<!--DOCK-MENU-STOP-http://bloggerstop.net-->

Step # 3

1. ျပီရင္ Layout မွ Page elements ကုိ click လုိက္ပါ။
2. Add a Gadget ကုိ click လုိက္ပါ။ HTML/ JavaScript ကုိ click လုိက္ပါ။ ေအာက္က code ေတြကုိ ထည္႕လုိက္ပါ။ အနီေရာင္နဲ႕ ျပသထားတဲ႕ေနရာမွာ မိမိတုိ႕ ထည္႕ခ်င္တဲ႕ Image Links ေတြနဲ႕ ခ်ိတ္ခ်င္တဲ႕ ဆုိဒ္ေတြကုိ အစားသြင္းလုိက္ပါ။

<ul id="dock">
<li>
<a href="#home"><img src="images/home.png" alt="Home"/></a>
</li>
<li>
<a href="#orders"><img src="images/orders.png" alt="Orders"/></a>
</li>
<li>
<a href="#tools"><img src="images/tools.png" alt="Tools"/></a>
</li>
<li>
<a href="#stats"><img src="images/stats.png" alt="Stats"/></a>
</li>
<li>
<a href="#users"><img src="images/users.png" alt="Users"/></a>
</li>
<li>
<a href="#sync"><img src="images/sync.png" alt="Sync"/></a>
</li>
</ul>

3. ျပီရင္ Save ကုိ ႏုိပ္လုိက္ပါ။

Total Post / Comments Widget ျပဳလုပ္နည္း

B log မွာ မိမိ ေရးထားတဲ႕ Post အေရးအတြက္ ၊ Comments အေရးအတြက္ ဘယ္ေလာက္ရွိတယ္ဆုိတာကုိ ေဖာ္ျပတဲ႕ Widget လုပ္လုိ႕ ရတဲ႕နည္းကုိ တင္ျပမွာျဖစ္ပါတယ္။ မိမိ ေရးထားတဲ႕ Post အေရးအတြက္နဲ႕ Comments အေရးအတြက္ကုိ ေအာက္ပါအတုိင္း တင္ျပေနတာကုိ Sidebar Widget မွာ ေတြ႕ရမွာျဖစ္ပါတယ္။( ကြၽန္ေတာ္ဆိုဒ္မွာေတာ႕ Post အေရးအတြက္ 180 နဲ႕ Comments ကေတာ႕ 0 ျဖစ္ပါတယ္။)




1. မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2. Page Elements ကုိ click လုိက္ပါ။
3. Add a Gadget ကုိ click ျပီ HTML / JavaScript ထဲမွာ ေအာက္က code ေတြကုိ ထည္႕လုိက္ပါ။အနီေရာင္နဲ႕ ျပသထားတဲ႕ေနရာမွာ မိမိရဲ႕ Blog လိပ္စာကုိ ထည္႕လုိက္ပါ။

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://www.knowledgewar07.co.cc/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://www.knowledgewar07.co.cc/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

(Posted by မုိးထက္ျမင္႕ )

Free RSS News Widget တစ္ခုျပဳလုပ္နည္း

ကြၽန္ေတာ္တုိ႕ ေန႕စဥ္ တုိးတက္ေနတဲ႕ ေျပာင္းလဲေနတဲ႕ နည္းပညာေတြကုိ မိမိတင္ျပခ်င္တဲ႕ အခန္းလုိက္ကုိ အသိေပး တင္ျပလုိ႕ရတဲ႕ Free RSS News Widget တစ္ခုကုိ ျပဳလုပ္လုိ႕ရတဲ႕ ဆုိဒ္ကုိ ကြၽန္ေတာ္တင္ျပေပးလုိက္ပါတယ္။ မခတ္တဲ႕အတြက္ေၾကာင္႕ ကြၽန္ေတာ္ အေသးစိတ္မေရးေတာ႕ပါ။ ဖြင္႕ၾကည္႕လုိက္တာနဲ႕ ျမင္သာ ပါတယ္။
ဒီမွာ သြားလုိက္ပါ။

(Posted by မုိးထက္ျမင္႕ )