Blog နည္းပညာ(မိုးထက္ၿမင္႔)

ကၽြန္ေတာ္ အကုိ တစ္ေယာက္က ေမးထားတာ ျဖစ္ပါတယ္။ ခ်က္ခ်င္းမမွတ္မိလုိ႕ ဒီေန႕မွ ေရးျဖစ္တာပါ။ ကၽြန္ေတာ္တုိ႕ မိမိတုိ႕ ဘေလာ႕လ္ကုိ စဖြင္႕ဖြင္႕ခ်င္မွာ Content Warning ဆုိျပီ တက္လာပါတယ္။ i understand and wish to continue ကုိႏုိပ္မွ မိမိ blog ကုိ ေရာက္ပါတယ္။ အဲဒီလုိ ျဖစ္ေတာ႕ စိတ္အေႏွာက္အယွက္ အေတာ္ျဖစ္ပါတယ္။ ဒါေၾကာင္႕ အဲဒီ Content Warning ေပၚတာကေတာ႕ Adult Content? မွာ Yes ေပးထားလုိ႕ ျဖစ္ပါတယ္။ ဒါေၾကာင္႕ No ေပးလုိက္တာနဲ႕ အဆင္ေျပပါတယ္။ ေအာက္မွာ ပုံအတုိင္း ေပၚေနတာကုိ ၾကည္႕လုိက္ပါ။



အထပ္ပါလုိမ်ဳိး Content Warning တက္မလာေအာင္ ေအာက္ပါအတုိင္းလုပ္ေဆာင္လုိက္ပါ။

1.မိမိ blog ကုိ Sign In လုပ္လုိက္ပါ။
2. Setting >> Basic ကုိ ၀င္လုိက္ပါ။



3.Basic မွာ Adult Content? ကုိ ရွာလုိက္ပါ။ Yes ေပးထားလ်င္ Content Warning က မိမိ blog စဖြင္႕ဖြင္႕ခ်င္ အရင္တက္လာပါမည္။ No ေပးထားရင္ မိမိ Blog ကုိ ခ်က္ခ်င္း ေရာက္ပါမည္။ ဒီေနရာမွာ ကၽြန္ေတာ္တုိ႕က Content Warning မတက္ေစခ်င္တာျဖစ္တာေၾကာင္႕ No ေပးလုိက္ပါ။



4.Save Changes ကုိ click လုိက္ပါ။ ဒါဆုိရင္ မိမိ Blog ကုိ Content Warning တက္မလာေတာ႕ပါဘူး။ ေက်းဇူးတင္ပါတယ္။

Blog Post Title ေတြကုိ Bold တင္နည္း

ကၽြန္ေတာ္ သူငယ္ခ်င္းေတြကုိ Blog Title ေတြနဲ႕ Link ေတြကုိ Bold တင္တဲ႕နည္းေလး ျဖစ္ပါတယ္။ ကၽြန္ေတာ္လဲ လက္ရွိအသုံးျပဳေနပါတယ္။ ဒါေၾကာင္႕ ကၽြန္ေတာ္ သူငယ္ခ်င္းေတြလဲ Blog Title ေတြကုိ Blod တင္ခ်င္တဲ႕ ( classic Templates ေတြမွာ Font ေတြကုိ စိတ္ၾကိဳက္ျပန္ေျပာင္းလုိ႕ မရတဲ႕သူေတြအတြက္ ရည္ရြယ္ပါတယ္။) သူငယ္ခ်င္းေတြ ေအာက္ပါအတုိင္း လုိပ္ေဆာင္လုိက္ပါ.။

1. မိမိ Blog ကုိ Sign In လုပ္လုိက္ပါ.
2. Layout >> Edit HTML ကုိ click လုိက္ပါ.။ Expend Width Templates ကို အမွန္ျခစ္ေပးလုိက္ပါ။
3.ေအာက္က code ကုိ ရွာလိုက္ပါ။

]]></b:skin>

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

.post a{font-weight:bold; text-decoration:none}
.post a:hover{text-decoration:underline}

5. အထက္ပါ code ထည္႕ျပီးတာနဲ႕ အလုပ္ လုပ္မလုပ္ သိရေအာင္ Preview နဲ႕ ၾကည္႕လုိက္ပါ..။ အလုပ္လုပ္က Save Templates ကုိ click လုိက္ပါ။

Blog မွာ HomePage Begin လုပ္နည္း

ကၽြန္ေတာ္တုိ႕ မိမိတုိ႕ Blog ကုိ ၀င္တဲ႕ အခါမွာ Home Page Logo ပုံေလးနဲ႕ ေပၚေအာင္ လုပ္တဲ႕နည္းေလးျဖစ္ပါတယ္။ မိမိ ပုံေပၚမွာ မိမိ Link ဘဲ ျဖစ္ျဖစ္ ေၾကာ္ျငာခ်င္လုိ႕ဘဲ ျဖစ္ျဖစ္ အသုံးျပဳႏုိင္ပါတယ္။ ကၽြန္ေတာ္ဆုိဒ္မွာ ၀င္ၾကည္႕ရင္ သိႏုိင္ပါတယ္။ Home Page မိမိစိတ္ၾကိဳက္ ပုံနဲ႕ မိမိစိတ္ၾကိဳက္ ေၾကာ္ျငာ Link ေတြ ခ်ိတ္ႏုိင္ပါတယ္။ (အမွားရွိရင္ ျပင္ႏုိင္ေအာင္ မိမိ Blog ကုိ Back up ျပဳလုပ္ထားပါ)
မွတ္ခ်က္။ ။အခုျပန္ျဖဳတ္ထားလိုက္ပါတယ္။ စိတ္အေႏွာက္အယွက္ ျဖစ္တယ္ ေျပာလုိ႕ပါ။

Step#1

1.မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2.Edit Html ကုိ ထပ္ click လုိက္ပါ။ Ctrl+ F ကုိႏုိပ္ျပီး </head> ကုိ ရွာလုိက္ပါ။ အထပ္ပါ code ရဲ႕ အေပၚမွာ ေအာက္က code ကုိ ထည္႕လုိက္ပါ။ (မွတ္ခ်က္. .။ ကုိယ္တုိင္း links နဲ႕ တင္က ပုိေကာင္းပါတယ္။ ဒါေၾကာင္႕ ကၽြန္ေတာ္ တင္ထားတဲ႕ css link ႏွင္႕ js links ေတြကုိ New Tab ေခၚျပီး Address bar မွာ ထည္႕ျပီး က်လာတဲ႕ code ေတြကုိ copy လုပ္ျပီး notepad မွာ ထည္႕ျပီး သူ႕ဖုိင္ အမ်ဳိးအစားလုိက္ Save လုိက္ပါ။ အဆင္မေျပက comments ေရးေပးႏုိင္ပါတယ္။ )


<!--WelcomePage-STARTS-->
<link href='http://mydatanest.com/files/dsai588/13456_onsgz/BG_Like_BING.css' rel='stylesheet' type='text/css'/>
<script src='http://mydatanest.com/files/dsai588/13105_0jxqi/prototype.js' type='text/javascript'></script>
<script src='http://mydatanest.com/files/dsai588/13104_b8dni/leightbox.js' type='text/javascript'></script>
<style type='text/css'>
div.leightbox {
color: #fff;
display: none; /* toggle display to show/hide the popups when designing and previewing */
position: absolute;
top: 50%;
left: 50%;
margin: -240px 0 0 -380px;
width: 745px;
height: 400px;
padding: 0 0 0 5px;
border: 1px solid #FFFFFF;
background: url(http://i36.tinypic.com/2w4n40k.jpg) no-repeat;
z-index: 101;
overflow: none;
}

</style>
<!--WelcomePage-STOPS-->

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

Step#2

1.မိမိ blog မွ "Layout" -> "Page Elements" မွ "Add a Gadget" ကုိ click ျပီး "HTML/JavaScript" မွာ ေအာက္က code ေတြကို copy လုပ္ျပီးထည္႕လုိက္ပါ။
အနီေရာင္နဲ႕ ျပသထားတဲ႕ ေနရာမွာ မိမိစိတ္ၾကိဳက္ေျပာင္းႏုိင္ပါတယ္။
<!----------// POPUP (AUTOLOAD) //---------->
<div id="pop01" class="leightbox">

<div class="scrollbox">
<h1>Welcome To My Blog</h1>
<p>A blog by <a href="http://www.knowledgewar07.com/">မုိးထက္ျမင္႕</a></p>
</div>
<a href="#" class="lbAction" rel="deactivate">Enter The Blog</a></div>

<!----------// POPUP (AUTOLOAD script: add AFTER the autoload popup div) //---------->
<script type="text/javascript">
lb = new lightbox();
lb.initCallable('pop01');
lb.activate();
</script>

Friday, December 11, 2009

Wordpress/Blog Title Spelling Check

ကၽြန္ေတာ္ကဘဲ သတိမထားမိလုိ႕လာေတာ႕ မသိဘူး Blog Title ေတြ ေရးတဲ႕ အခါမွာ ွSpelling မစစ္ေပးတာကုိ သတိမထားမိလုိ႕ မသိခဲ႕ဘူး။ အမွားမျပေတာ႕ မွန္ေနတယ္ဘဲထင္တာေပါ႔။ ဒါေပးမဲ႕ ဒီေန႕ေတာ႕သိလုိက္ျပီဗ်ဳိ႕။ ဒါေၾကာင္႕ ကၽြန္ေတာ္တုိ႕ ဒီေန႕ Firefox မွာ spelling လုပ္တဲ႕နည္းျဖစ္ပါတယ္။ ပုံမွန္အတုိင္း Spelling ကုိ စစ္ေဆးေပးေပမဲ႕ Wordpress/Blog တုိ႔ရဲ႕ ေခါင္းစဥ္ေတြ ေရးတဲ႕အခါမွာ Spelling ကုိ မစစ္ေဆးေပးတာ Blogger ေတြ သိက်ပါတယ္။ (ကၽြန္ေတာ္က လြဲလုိ႕ေပါ႔ ။ ဒါက ကၽြန္ေတာ္လုိ မသိတဲ႕ သူငယ္ခ်င္းေတြ အတြက္ ျပင္နည္းေလးပါ) တစ္ခါတစ္ေလ ကုိယ္က စာလုံးေပါင္း အမွားၾကီး ေခါင္းစဥ္ကုိ ေရးမိတာကုိ (၄)(၅)ၾကိမ္ ၀င္ဖတ္ေနတာေတာင္ မွားေနတာကုိ မသိပါဘူး။ ဒါေၾကာင္႕ ၾကိဳက္တဲ႕ေနရာမွာ ေရး Spelling ကုိစစ္ေဆးေပးေအာင္ (ေအာက္ကေန စာလုံးေပါင္း မွားေနက အနီေရာင္နဲ႕ Underline တားေပးတာျဖစ္ပါတယ္။ သူ႕ေပၚေထာက္လုိက္ရင္ အမွန္ကုိ ေရြးခ်ယ္ႏုိင္ပါတယ္) Firefox မွာ ျပဳျပင္လို႕ရပါတယ္။

အဆင္႕(၁)
1. မိမိ Firefox ကုိ ဖြင္႕လုိက္ပါ။ Tools >> Options >> Advanced tab ကုိ click လုိက္ပါ။ ျပီရင္ Browsing မွာ Check my spelling as I type ကုိ အမွန္ျခစ္ေပးထားမထားၾကည္႕လုိက္ပါ. ေပးထားက ပိတ္လုိက္ပါ. မေပးထားက အမွန္ျခစ္ေပးျပီ Apply ကုိႏုိပ္ျပီ OK ကုိ click လုိက္ပါ။

အဆင္႕(၂)
အထက္ပါအဆင္႕ျပီးက ေအာက္ပါအတုိင္း ျပဳလုပ္ပါ။
1. Address Bar မွာ about:config လုိ႕ရုိက္ျပီ Enter ေခါက္လုိက္ပါ။
2. Search Box မွာ spellcheck ကုိႏုိပ္ျပီ Enter ေခါက္လုိက္ပါ။ ေအာက္ပါအတုိင္းက်လာပါမည္။ layout.spellcheckDefault ေပၚမွာ Right click ေထာက္ျပီး Modify ကုိ click လုိက္ပါ။ Value က 1 ဆုိျပီ ေတြ႕ရပါမည္။ 2 လုိ႕ရုိက္ျပီ OK ေပးလိုက္ပါ။ Firefox ကုိ Restart ေပးလုိက္ပါ။ (ဘယ္လုိ Restart ေပး လဲဆုိ ပိတ္ျပီ ျပန္ဖြင္႕ ) ေက်းဇူးတင္ပါတယ္။

Monday, December 7, 2009

Blog Speed အရမ္းေႏွးေနလာ?

ကၽြန္ေတာ္ ဒီေန႕ေတာ႕ ဘေလာ႕လ္ေတြ ဘာေတြေၾကာင္႕ေလးေနတယ္။ ဖြင္႕ရင္ အရမ္းၾကာေနတယ္ဆုိတာကုိ တင္ျပေပးပါမည္။ ကုိညီေနမင္းလည္ တင္ျပခဲ႕တာ ကၽြန္ေတာ္ဖတ္ခဲ႕ရပါတယ္။ ကၽြန္ေတာ္တုိ႕ ဆုိဒ္ေတြကုိ အဓိက Speed ေႏွးေစတာကေတာ႕ JavaScript (Js)ဖုိင္ေတြနဲ႕ CSS (Cascading Style Sheets)ေတြရဲ႕ upload Link ေတြေၾကာင္႕ ေလးလံက်တာ အျဖစ္မ်ားပါတယ္။ ေနာက္ေႏွးေစတာက picture ဆုိဒ္ေတြေၾကာင္႕ျဖစ္ေစပါတယ္။ ကၽြန္ေတာ္အရင္က Js ႏွင္႕ CSS ေတြကုိ upload တင္ရင္ www.ripway.com ႏွင္႕ www.hostfile.com မွာ အတင္မ်ားပါတယ္။ ဒါေပးမဲ႕ အဲဒီ Link ေတြက Anti-virus နဲ႕ညီွတဲ႕အခါရွိသလုိ တစ္ခါတစ္ေလ upload ဆုိဒ္က error ျဖစ္ေနပါတယ္။ အဲဒီလုိ ျဖစ္ေနတဲ႕ အခ်ိန္မွာ ဆုိဒ္က ေတာ္ေတာ္နဲ႕ ပြင္႕မလာပါဘူး။ ဒါနဲ႕ဘယ္မွာ ၾကာေနတယ္ဆုိတာ မိမိတုိ႕ ရဲ႕ဘယ္ဘက္ေထာင္႕မွာ ၾကည္႕က ေတြ႕ျမင္ႏိုင္ပါတယ္။ ဒါနဲ႕ Layout မွာ မိမိရဲ႕ js ႏွင္႕ css link ေတြကုိ https://sites.google.com မွာ ေျပာင္းတင္ျပီ ကၽြန္ေတာ္ျပန္ျပင္လုိက္ေတာ႕မွ ျမန္သြားတယ္။ ဒါေၾကာင္႕ မိမိတုိ႕ ဆုိဒ္ေတြ ေလးလံေနတယ္ဆုိရင္ js ႏွင္႕ css link ေတြနဲ႕ picture ဆုိဒ္ေတြကုိ ျပန္ျပင္ပါ။ ေနာက္ျပီ မိမိဆုိဒ္မွာ flash ေတြအ၇မ္းထည္႕တာတုိ႕မွ ေရွာင္က်င္ပါ။ ကၽြန္ေတာ္ေတာ႕ အခုေနာက္ပုိင္း Jss ႏွင္႕ css link ေတြကုိ https://sites.google.com မွာ တင္ပါေတာ႕တယ္။ ဘယ္လုိတင္လဲသိခ်င္က ေမးျမန္ႏုိင္ပါတယ္။ မိမိ Blog ဘယ္ေလာက္ Speed ျမန္လဲဆုိတာ စမ္းႏုိင္ရန္ ေအာက္မွာဆုိဒ္ေတြကုိ တင္ျပေပးလုိက္ပါတယ္။ မိမိဆုိဒ္ဖြင္႕လို႕ ေလးလံေနရင္လည္ ေအာက္က ဆုိဒ္ေတြမွာ စမ္းလိုက္ပါ။ ဘယ္လင္႕က error ျပေနတယ္ဆုိတာ ေတြ႕ရပါမည္။ ေက်းဇူးတင္ပါတယ္

http://tools.pingdom.com/fpt/
http://www.netmechanic.com/cobrands/MarketingTips/load_check.htm
http://www.linkvendor.com/seo-tools/speedtester.html
http://www.robertjsteiner.com/seo_free_tools.php

Auther comments ကုိ highlightနဲ႕ ျပနည္း

ကၽြန္ေတာ္ Blog အေၾကာင္းမေရးျဖစ္တာ အေတာ္ၾကာသြားျပီ ဒီေန႕ေတာ႕ ကၽြန္ေတာ္ ဆုိဒ္မွာ လာလည္တဲ႕ သူငယ္ခ်င္းေတြကုိ Blog အေၾကာင္းေလးေတြ အသုံး၀င္တဲ႕ နည္းေလးေတြကုိတင္ျပေပးပါမည္။ ကၽြန္ေတာ္ အခုတင္ျပမွာကေတာ႕ highlight Author comments ျပဳလုပ္နည္းျဖစ္ပါတယ္။ ဒီေနေတာ႕ သူငယ္ခ်င္းတစ္ေယာက္က ကုိေရးတဲ႕ comments ကုိ အေရာင္းေလးနဲ႕ ေပၚေအာင္ဘယ္လုိ လုပ္လုိ႕ ရလဲလုိ႕ ေျပာလုိ႕ ကၽြန္ေတာ္ တင္ျပေပးျဖစ္သြားတာလဲ ပါပါတယ္။ ဒါနဲ႕ နည္းေတြ အေတာ္မ်ားမ်ားထဲက အလြယ္ကူဆုံးနည္းကုိ တင္ျပ ေပးပါမည္။ လက္ရွိ ကၽြန္ေတာ္လည္ အသုံးျပဳေနပါတယ္။ (ေနာက္နည္းသိခ်င္က ဆက္သြယ္ႏုိင္ပါတယ္။ အဆင္မေျပရင္ ဆက္သြယ္ပါ)



1. မိမိ Blog ကုိ Sign In လုပ္လုိက္ပါ။
2. Layout မွ Edit Html ကုိ click လုိက္ပါ။
3. မိမိ Templates ကုိ Back up လုပ္လုိက္ပါ။ အမွားအယြင္ရွိက ျပန္ျပင္ႏုိင္ေအာင္ လုပ္ခ်င္ျဖစ္ပါတယ္။
4.Expand Widget Templates ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။ ေအာက္က Code ကုိ ရွာလုိက္ပါ။

<p><data:comment.body/></p>

5. အထပ္ပါ code ကုိ Delete ေပးျပီ ေအာက္က code ကုိ ထည္႕လုိက္ပါ။

<!--author comments highlight start-->
<b:if cond='data:comment.author == data:post.author'>
<p style='color: limegreen; font-weight:bold;'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<!--author comments highlight end-->

6.Save Templates ကုိ click လုိက္ပါ။ ျပီပါျပီ။
(မွတ္ခ်က္ ။ ။ color ကုိ မၾကိဳက္က limegreen ေနရာမွာ စိတ္ၾကိဳက္ color ကုိ change ႏုိင္ပါတယ္။ font-weight:bold ေနရာမွာ font-style:italic အျဖစ္ change လုိ႔ရပါတယ္။ )

ကုိကား ။ ။ http://bloggersentral.blogspot.com/2009/06/how-to-highlight-author-comments.html

Blogger မ်ားအတြက္ Picture Upload

ကၽြန္ေတာ္တုိ႕ ဘေလာ႕လ္ဂါ ညီေနာင္တုိ႕ အတြက္ ပုံေတြကုိ upload အလြယ္တင္လုိ႕ ရမည္ Software ေလးနဲ႕ တင္ျပေပးလုိက္ပါတယ္။ ေနာက္ျပီ မိမိ တင္ျပမည္႕ အေၾကာင္းအရာ ေတြ အတြက္ ပုံေတြ ျဖတ္တဲ႕ အခါမွာလဲ ျဖတ္ျပီတာနဲ႕ ခ်က္ခ်င္ upload လုပ္ေပးပါ တယ္။ ေနာက္ျပီ copy link to Clipboard ကေန click ျပီ Link ေလးယူလုိက္ရုံပါဘဲ။ ဒါေပးမဲ႕ အင္တာနက္ ရွိဖုိ႕ေတာ႕ လုိပါတယ္။ မိမိ ကြန္ပ်ဴတာက ပုံေတြကုိ upload တင္ခ်င္တယ္ဆုိရင္ေတာ႕ စာအုပ္ပုံေလးကုိ ေရြးလုိက္ပါ။ မိမိဖြင္႕ ထားတဲ႕ ဆုိဒ္က လုိခ်င္တာကုိ ျဖတ္ယူျပီ တင္ခ်င္တယ္ဆုိရင္ေတာ႕ ကတ္ေက်း ကုိ click ျပီ လုိခ်င္တာကုိ ျဖတ္လုိက္တာနဲ႕ upload တင္ျပီျဖစ္ပါတယ္။ Basic picture link ကေန မိမိ ပုံကုိ ၾကည္႕ႏုိင္ပါေသးတယ္ မၾကိဳက္ရင္ ျပန္ဖ်က္ေပါ႔။ ျပန္တင္လုိက္ေပါ႔။ စကၠန္႕ပုိင္းအတြင္း upload က ျပီသြားပါတယ္။ ကဲ Blogger ညီကုိမ်ား ကုိယ္တုိင္းတာ သုံးၾကည္႕လုိက္ပါ ေနာ္။ ၾကိဳက္သြားက်မယ္လုိ႕ ထင္ပါတယ္။ ကၽြန္ေတာ္ေတာ႕ ၾကိဳက္ပါတယ္။



Mutiupload
Megaupload

Archives Title Post လုပ္နည္း

ကၽြန္တာ္တုိ႕ Blog မွာ Order Post ကုိႏုိပ္လုိက္တာနဲ႕ ေခါင္းစဥ္ေလးေတြဘဲ ေပၚရေအာင္ Archives Title Post လုပ္နည္းေလးကို တင္ျပေပးလုိက္ပါတယ္။ လုပ္ရတာလဲ လြယ္ကူပါတယ္။ေအာက္မွာလုပ္နည္းကုိ ၾကည္႕လုိက္ပါ။
1. မိမိ Blog ကုိ Sign In လုပ္လုိက္ပါ။
2. Layout ကုိ click ျပီ Edit HTML ကုိ click လုိက္ပါ။
3. ေအာက္က code ေတြကုိ ရွာလုိက္ပါ။

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

4. ျပီရင္ အထပ္ပါ code ကုိ Delete ေပးျပီ ေအာက္က Code ေတြနဲ႕ အစားထုိးလုိက္ပါ။

<!--ARCHIVE-TITLES-STARTS-->
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<li></li><data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--ARCHIVE-TITLES-STOPS-->

5.အထပ္ပါအတုိင္း လုပ္ျပီသာနဲ႕ ေအာက္ပါအတုိင္း Order Post ကုိႏုိပ္လုိက္တာနဲ႕ ေအာက္ပါအတုိင္း ေတြ႕ရမွာျဖစ္ပါတယ္။

How to Print your Blogger Post

ကၽြန္ေတာ္ အခုတင္ျပမွာကေတာ႕ မိမိတုိ႕ Blog မွာ Post ေတြရဲ႕ေအာက္မွာ Print Button ထည္႕နည္းေလးကုိတင္ျပမွာ ျဖစ္ပါတယ္။ အရင္ကလဲ ကၽြန္ေတာ္ တင္ျပခဲ႕တာျဖစ္ပါတယ္။ ဒါေပးမဲ႕ သူက ျမန္မာလုိ မေပၚလုိ႕ အသုံးျပဳရတာ အဆင္မေျပ ခဲ႕ပါဘူး။ ဒါနဲ႕ ကၽြန္ေတာ္ ေနာက္နည္းေတြကုိ Google မွာရွာရင္နဲ႕ေတြ႕လုိ႕ တင္ျပေပးလုိက္တာပါ။ ဒီနည္းကေတာ႕ အဆင္ေျပတယ္လုိ႕ ဆုိရမယ္။ ျမန္မာလုိပါ အကုန္ေပၚတယ္ေလ။ ဒါေၾကာင္႕ အသုံးျပဳခ်င္ရင္ ေအာက္မွာတင္ျပလုိက္ပါ။ မိမိ Templates ကုိေတာ႕ Backup လုပ္ျပီမွဘဲ က်န္တာလုပ္ပါ။ မိမိ Blog မွာဒါေလးထည္႕ေပးထားေတာ႕ မိမိ တင္ထားတဲ႕ Post ေတြကုိ စာဖတ္သူက ၾကိဳက္ႏွစ္သက္လုိ Print ထုတ္ခ်င္ရင္ အဆင္ေျပတာေပါ႔။

1.မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2.Edit Html ကုိ click လုိက္ပါ. Expand Width Templates ကို အမွန္ျခစ္ေပးလုိက္ပါ။
3.ေအာက္က code ကုိရွာလုိက္ပါ။

<p><data:post.body/></p>

4. အထပ္ပါ code ရဲ႕ေအာက္မွာ ေအာက္က code ကုိ ထည္႕လုိက္ပါ။( ပုံစံ(၃)မ်ဳိးတင္ျပလုိက္ပါတယ္။ ၾကိဳက္ႏွစ္သက္ရာ အသုံးျပဳႏုိင္ပါတယ္။)

ပထမပုံစံ (၁)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<form> <input type="button" value="Print This Page" onClick="window.print()" /> </form>
</b:if>

ဒုတိယပုံစံ(၂)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>Print this post</a>
</b:if>


Print this post


တတိယပုံစံ(၃)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Print this post</a></span>
</b:if>


Print this post


5.ျပီရင္ေတာ႕ Save Templates ေပါ႔။

Search Engine မွာ မိမိ Blog ကုိ Submit လုပ္နည္း

ကၽြန္ေတာ္တို႕ မိမိ Blog ကုိ Search Engines မွာ Submit လုပ္တဲ႕နည္းကုိတင္ျပေပးလုိက္တာပါ။ မိမိတုိ႕ ျပဳလုပ္ေနတဲ႕ Blog ကုိ သူငယ္ခ်င္းေတြ လာဖတ္တာကုိ Blog ေရးတဲ႕လူတုိင္းလုိခ်င္က်ပါတယ္။ ဖတ္မည္႕သူမရွိရင္ မိမိေရးေနတာေတြက ဘယ္ သဘာ၀က်ပါေတာ႕မလဲ ။ ဒါေၾကာင္႕ မိမိတုိ႕ Blog ကုိ Search Engine မွာ Submit လုပ္ထားေတာ႕ စာဖတ္သူေတြ အလြယ္တကူးရွာေတြ႕ေတာတာေပါ႔။ ဒါေၾကာင္႕ Search Engineေတြ မွာ မိမိ Blog ကုိ Submit လုပ္လုိ႕ရတဲ႕ ဆုိဒ္ေတြကုိ ကၽြန္ေတာ္သိသေလာက္တင္ျပေပးပါမည္။ ( ကၽြန္ေတာ္လည္ အခုမွ အရင္ Firefox bookmarks မွ ျပန္ေတြ႕လုိ႔ပါ။ အခုလက္ရွိ Blog ကုိေတာ႕ မလုပ္ရေသးပါ။ အရင္က လုပ္ခဲ႕တဲ႕ Blog ေတာ႕ လုပ္ခဲ႕ပါတယ္။ အဆင္ေျပပါတယ္။)ကၽြန္ေတာ္ လုပ္နည္းေတြကုိမေရးေတာ႕ပါဘူး အရမ္းမ်ားလုိ႕ျဖစ္ပါတယ္။ ႏုိင္ငံတကားက ရွာလုိ႕ရေအာင္ Search Engines ဆုိဒ္ေတြကုိ စုစည္းတင္ျပေပးလုိက္ပါတယ္။ (အကုန္လုံးေတာ႕ မသုံးဖူးပါ။ ဒါေပမဲ႕ စာဖတ္သူသုံးၾကည္႕လုိက္ပါ။ ကၽြန္ေတာ္ အကုန္၀င္ၾကည္႕ျပီသာပါ။ တစ္ခ်ဳိ႕ ကေတာ႕ Login ၀င္ရပါမည္။)

ျမန္မာ Search Engines ေလးကုိေတာ႕ သိျခားတင္ျပလုိက္ပါတယ္။

http://www.searchmyanmar.com/addurl

အျခား Search Engine မ်ား

1.Google
2.Google
3.Yahoo
4.MSN
5.Alexa Web Search
6.Baidu (Chinese search engine)
7.ExactSeek
8.SearchSight
9.Scrub the Web
10.EntireWeb
11.Gigablast
12.Exalead
13.whatUseek
14.AnooX

ေနာက္ရက္မ်ားမွာ ဆက္လက္ေဖာ္ျပေပးပါမည္။(၂၂ ဆုိဒ္ က်န္ပါေသသည္။ )

Mouse Pointer လွလွေလေတြထည္႕နည္း

ကၽြန္ေတာ္ Mouse Pointer ထည္႔နည္းကုိ စာနဲ႕ထည္႕နည္းကို အရင္းက တင္ျပခဲ႕တာရွိပါတယ္။ အခုကေတာ႕ ဆုိဒ္ကေန Auto ယူထည္႕တဲ႕နည္းေလးျဖစ္ပါတယ္။ မိမိစိတ္ၾကိဳက္ပုံေလးေတြကုိႏုိပ္လုိက္ရင္ သူ႕ရဲ႕code ကုိ ေပးပါလိမ္႕မယ္။ ယူျပီထည္႕လုိက္ယုံပါဘဲ။အေတာ္မ်ားလည္သိက်ပါတယ္။ ကၽြန္ေတာ္ဆိုဒ္မွာ လာဖတ္တဲ႕ သူငယ္ခ်င္းမ်ားထဲမွာ မသိေသတဲ႕သူငယ္ခ်င္းမ်ားရွိရင္ အသုံးျပဳလုိ႕ရေအာင္ တင္ျပေပးလုိက္တာပါ။

1. ဒီဆုိဒ္မွာ http://www.totallyfreecursors.com/category.cfm/id/67/Alphabet.htm အရင္၀င္လုိက္ပါ။ မိမိထည္႕ခ်င္တဲ႔ အမ်ဴိးအစားအလုိက္ ေရြးခ်ယ္လုိက္ပါ။
2. မိမိေရြးခ်ယ္လုိက္တဲ႕ အမ်ဳိးအစားနဲ႔ပတ္သက္ျပီ အမ်ားၾကီး က်လာပါမည္။ မိမိအသုံးျပဳခ်င္တဲ႕ တစ္ခုေပၚမွာ click လုိက္ပါ။ ျပီရင္ HTML code က်လာပါမည္။ copy လုပ္လုိက္ပါ။
3.မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။ Page Elements မွာ Add a Gadget ကုိ click လုိက္ပါ။ HTML/JavaScript မွာ အခုဏ copy ကူးထားတာကုိ ထည္႕လုိက္ပါ။
4. Save ကုိႏုိပ္လုိက္ပါ။ ျပီပါျပီ

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>

Blog မွာ Membuat Text Area ျပဳလုပ္နည္း

Blog မွာ Membuat Text Area ကုိ တည္ေဆာက္နည္းေလးကုိတင္ျပမွာျဖစ္ပါတယ္။ ကြၽန္ေတာ္ အရင္းက Post ေတြမွာေတာ႕ အသုံးျပဳခဲ႔ပါတယ္။ အခုလုိ႕ Auto Selected ကေလးနဲ႕ တင္ျပခ်င္တဲ႕သူငယ္ခ်င္းမ်ားအတြက္ ေအာက္ပါ code ေတြကုိ အသုံးျပဳႏုိင္ပါတယ္။ကြၽန္ေတာ္ေအာက္မွာ ပုံစံႏွင္႕ code ပါ တခါတည္ တင္ျပလုိက္ပါတယ္။ height, rows, cols ႏွင္႕ Width ကေတာ႕ မိမိစိတ္ၾကိဳက္ ေျပာင္းလဲ ႏုိင္ပါတယ္။

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> မိမိေရးခ်င္တာ ဒီထဲမွာ ထည္႕ေရးလုိက္ပါ။ </textarea></p></div></form>

Blog မွာအလံလြင္႕ထူမယ္

Blogမွာ မိမိတုိ႕ ႏုိင္ငံေတာ္ အလံေလးကုိ လြင္႕ထူးထားခ်င္တဲ႕ သူငယ္ခ်င္းမ်ားအတြက္ ျပဳလုပ္နည္းေလးကုိ တင္ျပေပးလုိက္ပါတယ္။
1. Layout မွ Page Elements ကုိ click လုိက္ပါ။
2. Add a Gadget ကုိ click ျပီ HTML/JavaScriptမွာ ေအာက္က code ေတြကုိ copy လုပ္ျပီ ထည္႕လုိက္ပါ။
3. ျပီရင္ Save လုိက္ပါ။( မိမိတုိ႕ your name ေနရာမွာ မိမိရဲ႕ ဆုိဒ္ကုိ ထည္႕လုိက္ပါ။ ႏုိင္ငံေတာ္ အလံကုိ click လုိက္ရင္လဲ မိမိဆုိဒ္ကုိဘဲ ပြင္႕ရေအာင္ျဖစ္ပါတယ္။

<a style="display:scroll;position:fixed;top:5px;right:5px;" href="your link" title="Image Name"><img src="http://i29.tinypic.com/2me7oxy.jpg"/></a>


ျမန္မာႏုိင္ငံေတာ္အလံမ်ားသုိ႕

ပုံမ်ား Upload တင္ရန္

Blog ဆုိတာ ဘာလဲ။

ကြၽန္ေတာ္ Blog တာေရးေနတာ Blog ရဲ႕ အဓိပၸာယ္ကုိ ကြၽန္ေတာ္ ေကာင္းေကာင္းမသိဘူး။ ဒါေၾကာင္႕ကြၽန္ေတာ္ သိခ်င္လုိ႕ ရွာလုိက္တာ။ ကြၽန္ေတာ္ ေတြ႕တဲ႕ အေၾကာင္းအရာေတြထဲက အေကာင္းဆုံးျဖစ္ေစတဲ႕ သိသာ ျမင္သာတဲ႕ တစ္ခုကုိဘဲ ေရြးျပီ ကြၽန္ေတာ္ တင္ျပလုိက္တာပါ။

Blog ဆုိတာ ဘာလဲ။

Blogဆုိိတာ Web ေတြမွာ အေျခခံက်တဲ႕ Journal တစ္ေဆာင္ျဖစ္ပါတယ္။ Blog ဆုိတာဟာလဲ web Site တစ္ခုလုိ post ေတြ ကုိ အေျခခံအားျဖင္႕ ပုံမွန္ေရးလုိ႕ရတဲ႕ေနရာျဖစ္ပါတယ္။ ျပီေတာ႕ chronological order လုိ႕ေခၚတဲ႕ ideas ေတြကုိ လက္ေဆာင္ေပးတဲ႕ေနရာလုိ႕လဲ ေခၚဆုိလုိ႕ရပါတယ္။ Blog တစ္ခုဟာပုံမွန္အားျဖင္႕ လူတစ္ဦးတစ္ေယာက္အားျဖင္႕ လွလွပပ ေရးသာ တင္ျပႏုိင္တဲ႕ေနရာဆုိလဲ မမွားပါဘူး။ ျပီေတာ႕ ပုံေတြ ၊ သီခ်င္းေတြ ၊ စာေတြ ကုိ စိတ္ၾကိဳက္ေရးသားႏုိင္တဲ႕ application ေတြ ျပီေတာ႕ Ideas ေတြကုိ share လုပ္ေဆာင္ႏုိင္သလုိ မိတ္ေဆြေတြလဲ ေပၚမ်ားေစပါတယ္။ အျပန္အလွန္လဲ သင္ယူႏုိင္တဲ႕ web တစ္ခုဆုိလဲ မမွားပါဘူး။ေနာက္ျပီ Blog ဆုိတာ လူတစ္ဦးတစ္ေယာက္ရဲ႕ personal daily တစ္ခု Daily pulpit တစ္ခုျဖစ္ပါတယ္။ ျပီေတာ႕ Links ေတြကုိ စုစည္းထားတဲ႕ေနရာ ကုိယ္ပုိင္း သီးသန္႕ အေတြးအေခၚေတြ (private thought )တင္ျပလုိ႕ရတဲ႕ေနရာ မိမိရဲ႕ Blreaking-news outlet လုိ႕ေခၚတဲ႕ ထြက္ေပါက္တစ္ခု ဒါေၾကာင္႕ Blog ဆုိတာ Personal Daily Journal တစ္ေစာင္သာျဖစ္ပါတယ္လုိ႕ ကြၽန္ေတာ္အထင္ကုိတင္ျပရင္( ကြၽန္ေတာ္ထင္သာ ကြၽန္ေတာ္ေရး၊ ) Blog ဆုိတဲ႕ အဓိပၸာယ္ေလး နည္းနည္းေလး သိရင္ဘဲ ေက်နပ္ပါျပီ။

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

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

Blog မွာ Pdf Button ထည္႕နည္း

ကြၽန္ေတာ္ Save Blogger Post As Pdf button ထည္႕နည္းကုိ တင္ျပမွာျဖစ္ပါတယ္။ ဒါေပးမဲ႕ ကြၽန္ေတာ္ အသုံးျပဳၾကည္႕တဲ႕အခါ ျမန္မာစာလုံးေတြ မေပၚတာကုိေတြ႕ရပါတယ္။ အဂၤလိပ္စာလုံးေတြေတာ႕ အဆင္ေျပပါတယ္။ ဒါေၾကာင္႕ ျမန္မာစာလုံးဘယ္လုိေပၚေအာင္ လုပ္ရမလဲဆုိတာ စာဖတ္သူမ်ားစမ္းၾကည္႕လုိ႕ အဆင္ေျပရင္ ကြၽန္ေတာ္ကုိ လက္တုိ႕ပါအုံးေနာ္။ လုပ္နည္းက လြယ္ကူေပးမဲ႕ ျမန္မာလုိ မေပၚတာေတာ႕ စိတ္မေကာင္းစရာဘဲ။
1. မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2. Edit Html ကုိ click လုိက္ပါ။ Expand Widgets ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။ေအာက္က code ကုိရွာလုိက္ပါ။

<data:post.body/>

3.အထပ္ပါ code ရဲ႕ ေအာက္မွာ ေအာက္က code ေတြကုိ ထည္႕လုိက္ပါ။ ျပီရင္ Save လုိက္ပါ။ ျပီပါျပီ။

<script type="text/javascript">
</script>
<script src="http://web2pdf.freepdfconvert.com/pdfbutton.js" type="text/javascript">
</script>

စာပုိဒ္ေတြကုိ ဘယ္လုိ ေပၚေစခ်င္လဲ

ကြၽန္ေတာ္တုိ႕ Blog မွာ စာပုိဒ္ေတြ ေရးတဲ႕အခါမွာ ပထမ အပုိဒ္ကုိေတာ႕ Center မွာ ေပၚေစခ်င္တယ္။ ဒုတိယအပုိဒ္ကိုေတာ႕ ညာဘက္မွာ ေပၚေစခ်င္တယ္။ တတိယအပုိဒ္ ကုိေတာ႕ ဘယ္ဘက္မွာ ေပၚခ်င္တယ္ စတဲ႕စတဲ႕ အတုိင္းကုိယ္ေပၚေစခ်င္သလုိ ေပၚရေအာင္ ေအာက္ပါ HTML code ေလးေတြကုိအသုံးျပဳၾကည္႕လုိက္ပါ။

For align to center

<div align="center">
Your Codes For Widget
</div>

For align to left

<div align="left">
Your Codes For Widget
</div>

For align to center

<div align="right">
Your Codes For Widget
</div>

Blog Post Title မွာ Picture ထည္႕နည္း

ကြၽန္ေတာ္တုိ႕ Blog မွာ Post Title တုိင္းရဲ႕ ေရွ႕မွာ ကုိယ္ပုံေလးေတြထည္႕ခ်င္တဲ႕အခါ ထည္႕လုိ႕ရေအာင္ တင္ျပေပးလုိက္တာပါ။
အျမင္ေလးတစ္မ်ဳိးဆန္းတာေပါ႔။ ဘာရယ္ေတာ႕မဟုတ္ပါ။
1. မိမိ Blog မွ Layout ကုိ click လုိက္ပါ။
2. Edit Html ကုိ click လုိက္ပါ။ Expand Widget Templates ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။ေအာက္မွာေဖာ္ျပထားတဲ႕ code ေတြကုိရွာလုိက္ပါ။

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>

မွက္ခ်က္။ ။ ကြၽန္ေတာ္ အေရာင္ေတြနဲ႕ ခြဲျပတာေတြရဲ႕ ၾကားေတြမွာ ထည္႕ၾကည္႕ပါ. ပုံစံေတြ ကြဲျပာစြာေပၚတာကုိေတြ႕ရမွာပါ။

3.အထပ္ပါ code ေတြၾကားမွာ ေအာက္က code ကုိ အစားသြင္းလုိက္ပါ။ အနီေရာင္နဲ႕ ျပထားတဲ႕ေနရာမွာ မိမိတုိ႕ ထည္႕ခ်င္တဲ႕ ပုံရဲ႕ url နဲ႕ ေျပာင္းလုိက္ပါ။ ျပီရင္ေတာ႕ Save ေပါ႔။

<img src="http://www.thescifiworld.net/img/hotfeatures/avatars44.jpg" style="border-width: 0px;" />

Random Post Widget ျပုလုပ္နည္း

ကြၽန္ေတာ္တုိ႕ မိမိတုိ႕ေရးထားတဲ႕ Post အေရးအတြက္မ်ားလာရင္ ကုိယ္ေရးတဲ႕ Post တုိင္းကုိ စာဖတ္သူအားလုံးဖတ္ဖုိ႕ဆုိတာ မလြယ္ကူပါဘူး။ ဒါေၾကာင္႕ မိမိေရးထားတဲ႕ Post ေတြကို တစ္ၾကိမ္ကုိ (၁၀)Post ႏုန္းနဲ႕ ကြၽန္ေတာ္တုိ႔ တစ္လည္စီ Post အားလုံးကုိ အခုလုိ Random ေခါက္ေပးလုိ႕ရပါတယ္။ မိမိမွာ Post အေရးအတြက္ ၂၀၀ ရွိရင္ ၂၀၀ လုံးျပည္႔ေအာင္ ေဖာ္ျပေပးေနမွာျဖစ္ပါတယ္။ႏွစ္နည္း တင္ျပေပးပါမည္။ သင္႕ေတာ္တဲ႕ နည္းကုိအသုံးျပဳပါ။

ပထမနည္း
1.မိမိ Blog မွ layout ကုိ click လုိက္ပါ။
2.Page elements မွ Add a Gadget ကုိ click လုိက္ပါ။
3.HTML/ JavaScript ကုိ click ျပီ ေအာက္က code ကုိ ထည္႕လုိက္ပါ. ျပီရင္ Save လုိက္ေပါ႔။

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;var wordnumber=5;</script>
<script style="text/javascript" src="http://www.hotlinkfiles.com/files/2791619_bbkmm/12345.js]12345.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

မွက္ခ်က္။ ။ ကြၽန္ေတာ္ အနီေရာင္နဲ႕ ျပထားတဲ႕ေနရာမွာ ကုိယ္ပုိင္း Hosting တင္ျပီ အသုံးျပဳခ်င္ရင္ JavaScript ကုိ upload တင္ေပးလုိက္ပါတယ္။
ဒီမွာ Down ပါ

ဒုတိယနည္း

ဒီနည္းကေတာ႕ ဘာမွ Hosting ျပန္တင္စရာမလုိပါဘူး ဒီအတုိင္း အသုံးျပဳရုံးပါဘဲ။ ပထမနည္းအတုိင္း လုပ္ေဆာင္လုိက္ပါ။


<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Scroll Bar Widget ျပဳလုပ္နည္း

ကြၽန္ေတာ္ ဘေလာ႕လ္မွာ Scroll Bar Widget လုပ္နည္းေလးကုိ တင္ျပေပးပါမည္။ ကြၽန္ေတာ္တုိ႕ Dtree ကုိ အသုံးမျပဳခ်င္တဲ႕ သူငယ္ခ်င္းမ်ားအတြက္ျဖစ္ပါတယ္။ လုပ္ရတာလဲ ေပါ႔ပါးပါတယ္။ ဒါေၾကာင္႕ တင္ျပေပးလုိက္တာပါ။
1. မိမိတုိ႕ Blog မွ Layout ကုိ click လုိက္ပါ.
2. Page elements ကုိ click လုိက္ပါ။ Add a Gadget ကုိ click ျပီ HTML/JavaScript ကုိ click ျပီ ေအာက္မွာ တင္ျပထားတဲ႕ code ေတြေနရာမွာမိမိ ရဲ႕ Link ေတြနဲ႕အစားထုိးလုိက္ပါ။ Your Text ေနရာမွာ မိမိရဲ႕ အေၾကာင္းအရာ ေခါင္းစဥ္ေတြကုိ ေရးပါ။ Hight နဲ႕ width ကုိ မိမိစိတ္ၾကိဳက္ ျပန္လည္ ျပဳျပင္ႏုိင္ပါတယ္။မႈရင္းဆုိဒ္က ပုံစံကုိကူယူတင္ျပလုိက္ပါတယ္။ ၾကိဳက္ရင္ေတာ႕ အသုံးခ်ၾကည္႕လုိက္ေပါ႔။



<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">

<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li>
<li><a href="Your are Link">Your Text</a></li>
<li><a href=" Your are Link ">Your Text</a></li><span style="font-weight:bold;"></span>

</ul></div>

ea>




                                                                      ဒီကေနဆက္ေလ႔လာပါ......