In 2005, I came across my old friend, Myo Min Thu, in Yangon and happened to compose songs again. We changed the band name to Under Construction because our band is really under construction. This time we’d had some musical experiences and I owned Korea made Acoustic Guitar. We played all guitar parts with real guitar. We used ReFx Slayer for guitar effects. So, these songs had acceptable sound quality. But we still used headphone’s mic. Here’s our first song of 2005, Eain Mat Soe. During those days, Myo Min Thu’s father was passed away and he returned to Monywa. I also had to help in my cousin brother’s Internet Cafe. So, we had to stop again. Here’s our last song of 2005, Ma Lite Chin Buu.

Now, one of our friend, Phone Wai Thant, wanna to perform live show on coming Valentine Day. This woke us up. We’ve been reborn. And the band have enough members for all instruments and vocal. So, we changed the band name to Reborn in the Darkness.  Here’s our newest song, Pay Pee Thar. But it’s in draft stage.

During these days, I’ll be busy with composing and recording songs. So, I can’t update my blog regularly. But I’ll post some computer music related posts when I’m free. Thanks for the visit!!

Optimize your titles

Wordpress က default အေနနဲ႔… Blog title ကို ေရွ႕ကအရင္လာပီး.. Post title က ေနာက္ကဆက္လိုက္လာပါတယ္.. Search Engine အမ်ားစုက.. <title> tag ထဲမွာပါတဲ့ ပထမဆံုး 50-64 character ကို ျပေပးပါတယ္.. တကယ္လို႔ ကိုယ့္ Blog title က ရွည္ေနရင္ Post title ကို ျပည့္စံုေအာင္ ျပမေပးႏိုင္ေတာ့ပါဖူ။.. အဲေတာ့ Post title – Blog title လာတာက ပိုေကာင္းတာေပါ့… ဥပမာ…

YourSiteName.com - Tips for Making WordPress Friendly to Search Engines

ဆိုတာထက္.. ဒီလိုက ပိုေကာင္းပါတယ္..

Tips for Making WordPress Friendly to Search Engines - YourSiteName.com

Post title က ေရွ႕ဆံုးကလာဖို႔ အဓိက အခ်က္ ၂ ခ်က္ရွိပါတယ္..

1. Search Engine ေတြက Post title ေတြကို ၾကည့္ပီး.. ေရးပါတဲ့ Keyword ေတြနဲ႔ Index ခြဲပါတယ္.. အဲေတာ့ Post title ေရွ႕က လာတာကို Search Engine ေတြက ပိုသေဘာက်ပါတယ္..
2. အဓိပၸါယ္ ျပည့္စံုတဲ့ Post title ေတြက User ေရာ Search Engine အတြက္ပါ.. သူတို႔ ဝင္မၾကည့္ခင္ ဒီ page က ဘာေၾကာင္းအရာလဲဆိုတာကို တိတိက်က်ေျပာေပးႏိုင္ပါတယ္…

ဒီ title format ေတြအတြက္ template file ရဲ႕ code ေတြကို ဝင္မျပင္ဘဲနဲ႔ GUI ကေနျပင္ခ်င္တယ္ဆိုရင္ All in One SEO wordpress plugin က ကူညီေပးပါလိမ့္မယ္.. ေအာက္မွာ က်ေနာ္ လက္ရွိထားတဲ့ title format ပါ..

Use good meta descriptions

Wordpress က auto generate လုပ္ေပးတဲ့ meta description ေတြကလဲ ျပည့္စံုသေလာက္ ေကာင္းပါတယ္.. ဒါေပမယ့္.. page တစ္ခုခ်င္းစီအတြက္ high page ranking လိုခ်င္ရင္ေတာ့.. post တိုင္းမွာ description ေကာင္းေကာင္း ေရးေပးဖို႔လိုပါလိမ့္မယ္…

အခုလို ပို႔တိုင္းအတြက္ description ေရးထည့္ခ်င္ရင္လဲ All in One SEO မွာ ပါပါတယ္..

ဒီ screen shoot ၂ ခုကိုပဲၾကည့္ပါ.. ဒီလို search လုပ္ မယ့္ keyword ေတြ မ်ားမ်ားပါမယ့္ description ေကာင္းေကာင္းေရးတာ high ranking ရဖို႔ အေရးႀကီးတယ္ဆိုတာ သိေလာက္ပါပီ.. search result မွာ 5-10 အတြင္းမွာ ဝင္ႏိုင္ပါတယ္… page rank ျမင့္ၾကပါေစ..

Rewrite your URLs with permalinks

permalink ဆိုတာကေတာ့ က်ေနာ္တို႔ ပို႔စ္တစ္ခုစီအတြက္ link ေတြကိုေျပာတာပါ… wordpress ရဲ႕ default permalink structure က ဒီလိုပါ…

http://googoo.orangeblack.net/?p=423

ကဲၾကည့္လိုက္.. ဘာအဓိပၸာယ္မွ မရွိပါဖူး.. ဒီလိုေလးဆို ပိုမေကာင္းဖူးလား..

http://googoo.orangeblack.net/tutorials/wordpress/optimizing-wordpress-seo-tips/

blog address/category-title/post-title ဆိုေတာ့.. search engine ေတြအတြက္လဲ index လုပ္ရတာ အဆင္ေျပတယ္.. user ေတြအတြက္လဲ ဒီ page က ဘာအေၾကာင္းအရာလဲဆိုတာ ရွင္းရွင္းလင္းလင္းသိတယ္.. အဲလို လုပ္ဖို႔ကေတာ့.. Wordpress backend က Setting မွာ Permalinks ကို သြားလိုက္ပါ.. Custom Setting မွာ ျပင္ရပါမယ္.. က်ေနာ္ကေတာ့ blog address/category-title/post-title format ထားပါတယ္..

category title မပါခ်င္ရင္ေတာ့ /%postname%/ ပဲထည့္လိုက္ေပါ့… အဲ ဒီလိုလုပ္လိုက္ရင္ RSS feed မွာတို႔ Search Engine ေတြမွာတို႔က အရင္ permalink အေဟာင္းေတြပဲ ျပမွာမို႔ 404 Not Found page ေတြတက္ပါလိမ့္မယ္.. အဲဒါကို ေျဖရွင္းဖို႔ redirection plugin သံုးလိုက္ပါ… ပီးေတာ့ post title ကို ျမန္မာလို ေရးတဲ့ လူေတြလဲ permalink ကိုေတာ့ အဂၤလိပ္လို ေရးၾကပါလို႔ အၾကံေပးခ်င္ပါတယ္..

Use Breadcrumbs

Breadcrumb ဆိုတာကေတာ့ navigation system လိုပါပဲ… user ေတြကို သူတို႔ ဘယ္ေနရာမွာ ေရာက္ေနလဲဆိုတာကိုျပတာပါ..

ဒီ Breadcrumb သံုးရင္ user ေတြအတြက္ navigation လုပ္ရတာလဲ အဆင္ေျပတယ္.. search engine ေတြအတြက္လဲ site ရဲ႕ structure ကို လြယ္လြယ္ကူကူ သိႏိုင္ပါတယ္.. က်ေနာ္ကေတာ့ Yoast Breadcrumb plugin ကို သံုးထားပါတယ္..

Generate an XML Sitemap for search engines

XML Site map ဆိုတာကေတာ့ search engine crawler ေတြ နားလည္ႏိုင္မယ့္ ဆိုက္ရဲ႕ machine-readable structure ပါ.. မွန္ကန္တဲ့ sitemap ထားေပးတာဟာ search engine ေတြအတြက္ အမ်ားႀကီး အေထာက္ အကူျဖစ္ပါတယ္.. ဒီအတြက္လဲ plugin ေတြ အမ်ားႀကီးရွိပါတယ္.. က်ေနာ္သံုးတာေတာ့ Google XML Sitemap Generator ပါ..

ဒီ plugin က Google, Bing, Yahoo and Ask.com တို႔နဲ႔ အဆင္ေျပမယ့္ sitemap ကို generate လုပ္ပေးပါတယ္.. ပို႔စ္အသစ္တင္တိုင္းလဲ major search engine ေတြကို ping ပီး အသစ္တင္ထားေၾကာင္း အေၾကာင္းၾကားေပးပါတယ္..

Describe your post images meaningfully

ပံုေတြမွာလဲ keyword ဆန္တဲ့ description အတိုေလးေတြ alt နဲ႔ title မွာထည့္ေပးသင့္တာပဲ.. အဲလို ထည့္ထားျခင္းအားျဖင့္.. image search ေတြကေနလဲ ကိုယ့္ဆိုက္ကို traffic ေတြ ဝင္လာႏိုင္ပါတယ္.. ပံုေတြ save မွတ္တဲ့ အခါမွာလဲ.. တိုတိုနဲ႔ အဓိပၸာယ္ရွိရွိ နာမည္မ်ိဳးကို dash ေလးတြျခားပီး မွတ္သင့္ပါတယ္.. google-sitemap-generator.jpg လိုမ်ိဳးေပါ့.. (က်ေနာ္ေတာ့ FireShot က ေန direct upload လုပ္တာမို႔ file name ေတြ မျပင္ႏိုင္ပါဖူး)

Link to related posts

ဆိုက္မွာ ဆင္တူ related/similar content ေတြကို search engine ေတြက သိဖို႔အတြက္.. Related Post ေတြျပေပးဖို႔လဲ လိုအပ္ပါတယ္.. ဒီလိုထည့္ထားတာဟာ Visitor ေတြအတြက္လဲ သူတို႔ စိတ္ဝင္စားတဲ့ ဆင္တူပို႔စ္ေတြကို အလြယ္တကူ သြားဖတ္ႏိုင္ပါတယ္.. Related Posts အတြက္လဲ plugin ေတြ အမ်ားႀကီးပါ.. က်ေနာ္ သံုးထားတာကေတာ့ Efficient Related Posts ပါ..

Use good keywords in post headings

search engine ေတြက keyword ေတြ သတ္မွတ္တဲ့ ေနရာမွာ heading level ကိုလဲ ထည့္တြက္ပါတယ္.. အဲေတာ့ post title က <h1> နဲ႔ ျဖစ္ဖို႔ အေရးၾကီးပါတယ္.. Front page မွာေတာ့ Blog name က <h1> ျဖစ္သင့္ေပမယ့္.. Single post နဲ႔ Category post ေတြမွာ.. post title ေတြဟာ <h3> ထက္ မနိမ့္သင့္ပါဖူး.. blog title က <h1> ဆိုတာ ေသခ်ာဖို႔ Theme Editor မွာ header.php ကို သြားလိုက္ပါ.. မ်ားေသာအားျဖင့္ေတာ့ <div id=”header”> ေအာက္မွာ ပါတာမ်ားပါတယ္.. က်ေနာ့ theme မွာဆို ဒီလိုပါ..

<div id="header">
 <div>
 <h1><a href="<?php echo get_option('home') ?>/" title="<?php bloginfo('name') ?>" rel="home"><?php bloginfo('name') ?></a></h1>

post ေတြ page ေတြ အတြက္လဲ စစ္ရပါဦးမယ္.. ဒီလို ျဖစ္သင့္ပါတယ္..

<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

ဒါကို ရွာဖို႔ကလဲ လြယ္ပါတယ္.. မ်ားေသာအားျဖင့္.. Theme ရဲ႕ single.php, page.php ရယ္.. archive ေတြမွာ ပါတတ္ပါတယ္..

Avoiding duplicate content with robots.txt

Wordpress မွာဆိုရင္ post ေတြကို ေနရာေတာ္ေတာ္မ်ားမ်ားမွာ ျပတတ္ပါတယ္.. index, tag pages, archives, author pages, and category pages တို႔မွာေပါ့.. အဲဒီမွာ content ေတြ ထပ္ကုန္ေတာ့တာပဲ.. အဲလို မ်ိဳးဆို search engine ေတြက သေဘာမက်ပါဖူး.. အဲေတာ့ ကိုယ္မသြားေစခ်င္တဲ့ ေနရာေတြကို spider ေတြ မသြားဖို႔အတြက္ robot.txt file ေရးထားပီး ေျပာလို႔ရပါတယ္.. ေအာက္က code ကို ယူသံုးလဲ ရပါတယ္..

User-agent: *
 Allow: /

Disallow: /wp-content/
 Disallow: /trackback/
 Disallow: /wp-admin/
 Disallow: /archives/
 Disallow: /*?
 Disallow: /*.js$
 Disallow: /*.inc$
 Disallow: /*.css$
 Disallow: */trackback/
 Disallow: /c/
 Disallow: /author/
 Disallow: /tag/

User-agent: Mediapartners-Google
 Allow: /

User-agent: Adsbot-Google
 Allow: /

User-agent: Googlebot-Image
 Allow: /

User-agent: Googlebot-Mobile
 Allow: /

#User-agent: ia_archiver-web.archive.org
 #Disallow: /

Sitemap: http://googoo.orangeblack.net/robots.txt

ဒီလိုမ်ိဳး မေရးတတ္ မျပင္တတ္ရင္လဲ Robots Meta plugin ကို သံုးလို႔ရပါတယ္.. သူက wordpress က default generate လုပ္ေပးတဲ့ robot.txt ဖိုင္ကို GUI ကေန ျပင္လို႔ ရပါတယ္…

ကဲ ဒီေလာက္ဆို ေတာ္ေတာ္ ျပည့္စံုသြားပါပီ.. ဒါေတြ လိုက္လုပ္တာ အခ်ိန္ကုန္ေပမယ့္.. တစ္ရက္ကို နည္းနည္းခ်င္း လုပ္သြားပါ.. တစ္ပတ္ေလာက္ေနရင္ SEO Optimized Blog တစ္ခုကို ရလာမွာပါ.. ေနာက္တစ္ေခါက္ Wordpress Security ပိုင္း ေရးပါမယ္.. :)

Source: SixVisions

Tags: optimize, seo, tips, tricks, WordPress

Download!

Tags: 70-562, application, ASP .NET, development, kit, mcts, training

Download!

Tags: .NET, 70-561, ADO, application, development, kit, mcts, training

Download!

Tags: 70-505, application, development, form, kit, mcts, training, Windows

ဘာရယ္ဟုတ္ဖူး.. Coldplay နားေထာင္ခ်င္လို႔ ရွာရင္းေတြ႔တာ.. တတ္လဲ တတ္ႏိုင္တဲ့ ေကာင္ေတြ.. ဘာမွ မဆိုင္တဲ့ Coming Undone နဲ႔ Scientist ကို ေပါင္းထားတယ္.. အင္း.. chord frame သြားတူေနတာလဲ ပါမွာေပါ့… ေတာ္ေတာ္ေတာ့ သေဘာက်တယ္ဗ်ာ…

Tags: coldplay, coming undone, korn, lock3down, music, scientist, video

wordpress က html editor က <p> နဲ႔ <br> tag ေတြ ျဖဳတ္ပစ္တယ္.. save မွတ္တဲ့ အခ်ိန္မွာ… အဲဒါကို မျဖဳတ္ေအာင္ TinyMCE မွာ option ပါတယ္.. အဲဒါ သံုးထားတယ္ဗ်ာ.. မသံုးထားရင္ ဘာျဖစ္လဲဆိုေတာ့.. က်ေနာ္က code view မွာ ရွင္းေအာင္ ျခားေရးတာကိုး.. အဲမွာ လိုင္းေတြျခားကုန္တာပဲ.. အဲလို သံုးထားေတာ့ syntax highlighting နဲ႔ preformatted မွာ လာဒုကၡေပးေရာ… p နဲ႔ br tag ေတြ ေလွ်ာက္ထည့္ေတာ့တာပဲ… example code ေတြေနာက္မွာ br ေတြပါကုန္ေရာ.. အေတာ္စိတ္ေလသြားတယ္.. Visual နဲ႔ HTML view ေလးေျပာင္းလိုက္ရင္ကို ပါေနတာ… save မွတ္ရင္ HTML view ကေနပဲ မွတ္မွ အဆင္ေျပတာ… ေတာ္ပီ ေနာက္ေတာ့ WYSIWYG editor ေတြ မသံုးေတာ့ဖူး… plain code editor ေတြပဲသံုးေတာ့မယ္…

The <time> tag

တခ်ိဳ႕ blog post ေတြ article အေဟာင္းေတြက အသစ္လိုလို၊ breaking news လိုလိုနဲ႔ human error ေၾကာင့္ျဖစ္ျဖစ္၊ search crawler error ေၾကာင့္ျဖစ္ျဖစ္ ရွိေနတတ္ပါတယ္.. HTML 5 လဲ human error အတြက္ေတာ့ ဘာမွ မတတ္ႏိုင္ပါဖူး.. ဒါေပမယ့္ <time> tag ကေတာ့ search engine spider ေတြအတြက္ေတာ့ error နည္းသြားေအာင္ ကူညီေပးပါလိမ့္မယ္.. basic usage ကေတာ့ ဒီလိုေပါ့…

Published <time>12/27/2009</time>

ဒီ <time> tag မွာ datetime attribute ပါေပသတယ္.. စိတ္ႀကိဳက္ date format သတ္မွတ္ေပးလို႔ရတာေပါ့.. လူေတြအတြက္ေရာ spider ေတြအတြက္ေရာေကာင္းပါတယ္.. အေပၚက code ကို နည္းနည္းျပင္မယ္..

Published <time datetime="2009-12-27T17:22:28-01:24"> Sunday, December 27, 2009 at 01:24AM EST</time>

ဒီမွာ ISO 8601 date format ႀကီးက ရႈပ္တယ္လို႔ ထင္ရတယ္… လက္နဲ႔ ကိုယ္တိုင္ေရးတာဆိုရင္ေတာ့ ဟုတ္တာေပါ့… CMS ေကာင္းေကာင္းေတြမွာဆို အဲဒီ format ကို ထုတ္ေပးႏိုင္တဲ့ function ပါပီးသားပါ.. WordPress မွာဆို ဒီလို ေရးလို႔ရပါတယ္…

Published <time datetime="<?php the_time('c'); ?>"> <?php the_time('l, F j, Y'); ?></time>

သတိထားစရာေလး နည္းနည္းရွိပါတယ္.. HTML 5 spec မွာေတာ့ datetime attribute ကို ျဖဳတ္ေရးမယ္ဆိုရင္ time tag မွာ valid date format ပါရပါမယ္.. year, month, day ကိုေျပာတာပါ.. datetime attribute ထည့္လဲ ဗလာခ်န္ထားခဲ့လို႔ရပါတယ္.. ဒါေပမယ့္.. spider ေတြ အတြက္ေရာ.. လူဖတ္လို႔ အဆင္ေျပမယ့္ format ေရာ ၂ မ်ိဳးလံုးထည့္ေပးတာ ေကာင္းပါတယ္..

The <figure> tag

figure ကေတာ့ သူ႔နာမည္အတိုင္း ပံုေတြအတြက္ အဓိကေပါ့.. ဒါေပမယ့္ diagrams, code snippets ေတြနဲ႔ တျခား figurative ျဖစ္တဲ့ content ေတြမွာလဲ သံုးရပါတယ္.. ပံုတိုင္းအတြက္ေတာ့ သံုးဖို႔ မလိုပါဖူး.. ေစာေစာက ေျပာသလို illustrative ျဖစ္တဲ့ ဟာေတြမွ သံုးပါ… အသံုးအမ်ားဆံုးကေတာ့ article or post တစ္ခုကို ကိုယ္စားျပဳတဲ့ ပံုမွာ သံုးတဲ့ ပံုစံျဖစ္မွာေပါ့.. image tag အျပင္ကေန figure tag အုပ္လိုက္ပီး.. legend tag ထည့္ေပးလိုက္႐ံုပါပဲ…

<figure>
    <img src="/images/tpsreport.jpg" alt="TPS Report, July 2009" />
    <legend>July 2009 TPS Reports</legend>
</figure>

အဓိက မွတ္ထားရမွာကေတာ့ figure tage က image တိုင္း အတြက္သံုးစရာမလိုဖူးဆိုတာပဲ.. example ျပတဲ့ေနရာတို႔.. တစ္ခုခုကုိ ညႊန္းတာတို႔ဆိုမွ သံုးပါ..

The <dialog> tag

ဒါကေတာ့ စကားေျပာခန္းေတြအတြက္ပါ.. chat ေျပာထားတာ၊ အင္တာဗ်ဴးထားတာေတြတို႔ အတြက္ေပါ့.. comment ေတြ အတြက္လဲ သံုးလို႔ရတာပဲ.. dialog tag က definition list နဲ႔ အလုပ္လုပ္ပံုခ်င္းေတာ္ေတာ္တူတယ္..

<dialog>
    <dt> Costello </dt>
    <dd> Look, you gotta first baseman? </dd>
    <dt> Abbott </dt>
    <dd> Certainly. </dd>
    <dt> Costello </dt>
    <dd> Who's playing first? </dd>
    <dt> Abbott </dt>
    <dd> That's right. </dd>
</dialog>

Comment အတြက္သံုးမယ္ဆိုရင္ေတာ့ ဒီလိုမ်ိဳးေပါ့…

<dialog>
    <dt id="comment_1">Commenter Name</dt>
    <dd>Hello. I really likes your site. Want to buy some WOW gold?</dd>
</dialog>

Revisiting the <aside> tag

quote လုပ္ပီး သံုးတဲ့ ပံုစံမ်ိဳးပါ.. article ရဲ႕ ေဘးမွာတို႔.. ေအာက္နားမွာတို႔ ျမင္သာေအာင္ highlight လုပ္ျပတဲ့ ေနရာမ်ိဳးေပါ့.. <q> နဲ႔ ဆင္ပါတယ္… ဒီမွာ official example ပါ..

<p>He later joined a large company, continuing on the same work.

<q>I love my job. People ask me what I do for fun when I'm not
at work. But I'm paid to do my hobby, so I never know what to
answer. Some people wonder what they would do if they didn't
have to work... but I know what I would do, because I was
unemployed for a year, and I filled that time doing exactly what
I do now.</q></p>

<aside>
 <q> People ask me what I do for fun when I'm not at work. But I'm
 paid to do my hobby, so I never know what to answer. </q>
</aside>

<p>Of course his work - or should that be hobby? - isn't his
only passion. He also enjoys other pleasures.</p>

<q> tag က paragraph ထဲမွာပဲ ဝင္သြားပါတယ္.. <aside> ကေတာ့ သပ္သပ္ကြဲသြားပါတယ္.. သတင္းစာေတြ မဂၢဇင္းေတြမွာ အမ်ားဆံုးသံုးတဲ့ ပံုစံမ်ိဳးပါ… အဲ.. အေပၚက code ကို စမ္းၾကည့္ရင္ေတာ့ style ေတြပါမွာဟုတ္ဖူးေနာ္.. ဒီ tag အသစ္ေတြအတြက္ default style ေတြ browser ေတြမွာ မပါေသးဖူး.. ကုိယ့္ဟာကို ထည့္ေပးရမွာ…

The <mark> tag

ဒီဟာက <strong> နဲ႔ ခပ္ဆင္ဆင္ပါ.. အေရးႀကီးတယ္ဆိုတဲ့ သေဘာေပါ့.. အသံုးေတာ့ နည္းပါတယ္.. search term ေတြ highlight လုပ္ျပတဲ့ ေနရာမွာေတာ့ အသံုးတည့္မွာပါ.. Google က cached page ေတြကို ၾကည့္ပါ… အဲလို ေနရာမွာ <mark> သံုးဖို႔ အေကာင္းဆံုးေပါ့..

ကဲ semantic tag ေတြ ေတာ္ေတာ္စံုသြားပီး.. ေနာက္တစ္ခုက် audio, video, canvas tag ေတြ စမ္းၾကည့္မယ္…

Tags: 5, design, HTML, tutorial, web

Download!

Part 1
Part 2
Part 3
Part 4
Part 5

Tags: 3rd, cambridge, dictionary, edition