Myanmar Blogger Helpdesk

Learning, Sharing and Growing Together at Blogging Community!

Peekaboo Sidebar လုပ္နည္း  


Contributor: ရန္ေအာင္

အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ. ဒါကေတာ႔ Peekaboo Sidebar လုပ္နည္းေလးပါ. ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ရဲ႔ ေဘးနားမွာ My Links တုိ႔ Red links တုိ႔ ရွိပါတယ္. စမ္းၾကည္႔ပါခင္ဗ်ာ. ၾကိဳက္တယ္ေနာ္. အုိေက. ဒါဆုိ ဘယ္လုိလုပ္ရလဲ ေျပာျပမယ္.

ဂလုိလုပ္ပါခင္ဗ်ာ..

အဆင္႔ (၃) ဆင္႔ပါပါတယ္.

အဆင္႔ (၁)

ပထမဦးဆုံး ဒီစာေၾကာင္းေလး နွစ္ေၾကာင္းကုိ style sheet ထဲမွာ ထည္႔ေပးပါခင္ဗ်ာ. Style Sheet ဆုိတာကေတာ႔ ]]></b:skin> ဆုိတဲ႔ စာေၾကာင္းေလး မေတြ႔မခ်င္းအထိ အပုိင္းကုိ ေခၚပါတယ္. ဒါေၾကာင္႔ အဆင္ေျပတဲ႔ တစ္ေနရာရာမွာ အခုလုိ ထည္႔လုိက္ႏုိင္ပါတယ္ ခင္ဗ်ာ. အေပၚက ေရးထားတဲ႔ /* Peekaboo Sidebar …. */ ဆုိတာက ျပန္ရွာရလြယ္ေအာင္ လုပ္ထားတာပါ. ဘာမွ အက်ိဳးသက္ေရာက္မႈမရွိပါဘူး.

/* Peekaboo Sidebar
------------------------------------- */
.commenthidden {display:none}
.commentshown {display:inline}

အဆင္႔ (၂)

ဒုတိယအဆင္႔မွာေတာ႔ ဒီ script ေလးေတြကုိ </head> tag မဆုံးခင္ေလးမွာ ထည္႔ေပးပါ.

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

အဆင္႔ (၃)

ဒါဆုိရင္ coding အပုိင္းမွာ ေတာ္ေတာ္ေလး ျပီးသြားပါျပီ. အခုလုပ္မွာကေတာ႔ ကုိယ္ထည္႔မယ္႔ လင္႔ခ္ေလးေတြပါပဲ. New Blogger Template အတြက္ေရာ Classic Template အတြက္ပါ သုံးလုိ႔ရပါတယ္. New Blogger ဆုိရင္ေတာ႔ Add a page element> HTML/Java Script ကုိ ေရြးပါ. Classic ဆုိရင္ေတာ႔ ဒီတုိင္းပဲ ထည္႔ပါခင္ဗ်ာ.
<a aiotitle="click to expand" href="javascript:togglecomments('YouNameIt')">Title</a><br />
<div class="commenthidden" id="YouNameIt">
<ul>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.gmail.com">Gmail</a></li>
</ul>
</div>

YouNameIt ဆုိတာကေတာ႔ ကုိယ္ေပးခ်င္တဲ႔ နာမည္ေပးတာကုိ ဆုိလုိတာပါ. သူတုိ႔ (၂)ခုက တူရပါမယ္ခင္ဗ်ာ.

ဥပမာကုိၾကည္႔ရင္ ပုိရွင္းသြားပါလိမ္႔မယ္.

Example:

<a aiotitle="click to expand" href="javascript:togglecomments('Zawgyi')"><span style="color:red;">+/- Zawgyi ရယူရန္</span></a><br/><br/>
<div id="Zawgyi" class="commenthidden">
<ul>

<li>
<a href="http://www.fileden.com/files/2007/2/17/784534/Zawgyi-One-20051130.ttf "><
img border="0" src="http://static.flickr.com/40/74230378_f794a1e17a_m.jpg"/></a></li>
<li><a href="http://www.fileden.com/files/2007/2/17/784534/ZawgyiKb_installer_I.zip"> Zawgyi Keyboard Installer</a></li>

<li><a href="http://www.fileden.com/files/2007/2/17/784534/zawgyi_keyboard_map0_4.gif">Zawgyi Keyboard Layout</a></li>

</ul>
</div>

ဒါပါပဲခင္ဗ်ာ.

+/- Zawgyi ရယူရန္ ဆုိတာက အရုိးရွင္းဆုံးလုပ္ထားတာပါ. Graphic ကၽြမ္းက်င္သူမ်ားကေတာ႔ ပုံေလးေတြ အစားထုိးျပီး ပုိလွေအာင္ဖန္တီးယူႏုိင္ပါတယ္ ခင္ဗ်ာ..

အားလုံးပဲ ေပ်ာ္ရႊင္ခ်မ္းေျမ႔စြာ ဘေလာ႔ဂင္းႏုိင္ၾကပါေစ…

ဒီေနရာက ပုိ႔စ္ေလးကုိ သင္႔ေတာ္သလုိ ဘာသာျပန္ပါတယ္ခင္ဗ်ာ.

Read More...
AddThis Social Bookmark Button

အင္တာနက္ကို ရွာေဖြေမႊေႏွာက္ၿခင္း  


Contributor: Tayzar Blink44

အင္တာနက္ သံုးစြဲသူမ်ားဟာ ကိုယ္လိုခ်င္တဲ့ အခ်က္အလက္ ရဖို႔ Search Engine ေတြမွာ အမ်ားဆံုး ရွာေဖြ ၾကပါတယ္။ အဲဒီလိုရွာရာမွာ တခါတရံမွာ ကိုယ္လိုခ်င္တဲ့ အခ်က္အလက္ကို SE (Search Engine) က ရွာေပးရာမွာ စိတ္တိုင္းက်တဲ့ ရလဒ္မ်ိဳး မရရွိတတ္ပါဘူး။ ဘာလို႔လဲဆိုေတာ့ သူရဲ့ ရလဒ္ ကို ရွာေဖြ ေပးတာက လူမဟုတ္ပဲ Web Spider (Web Crawler, Web Robot) ဆိုတဲ့ program ေလးက ရွာေဖြ ေပးလို႔ပါ။ သူက ဘယ္လို ရွာေပးလဲဆိုေတာ့ ကိုယ္ရိုက္ထည့္လိုက္တဲ့ query (ရွာလိုတဲ့ စာသား) ပါတဲ့ Site ေတြ မွန္သမွ်ကို လိုက္ရွာၿပီး result ၿပေပးၿခင္း ေၾကာင့္ပါ။

ဒါေၾကာင့္ တခါတရံမွာ ကိုယ္ရွာတဲ့ အေၾကာင္းအရာ query ကို စာသား အေၾကာင္းအရာနဲ႔ ဆိုင္တဲ့ အခ်က္အလက္ တစ္ေၾကာင္းႏွစ္ေၾကာင္းေလာက္သာ ပါ၀င္တဲ့ site ေတြပါ result မွာ ေတြ႔ရမွာပါ။ ဒီလိုရလဒ္မ်ိဳးေတြထက္ ပိုၿပီးတိတိက်က်ရွာေဖြ ခ်င္တယ္ဆိုရင္ေတာ့ Advanced Web Search ကိုသံုးၿပီး ရွာႏိုင္ပါတယ္။ ဒီလို Advanced Web Search ကို နာမည္ေက်ာ္ Search Engine ေတာ္ေတာ္မ်ားမ်ားမွာ ၀န္ေဆာင္မႈေပးထားပါတယ္။ ဥပမာ - Google ရဲ့ Google Advanced Web Search Form ကို ၿဖည့္၍ ရွာၿခင္းၿဖင့္ လိုခ်င္တဲ့ အခ်က္အလက္ကို တိတိက်က် ရွာလို႔ရပါတယ္။

တခ်ိဳ႕ အေၾကာင္းအရာေတြ ဥပမာ Music, Game, Sports & Travel စတဲ့ အရွာမ်ားတဲ့ အေၾကာင္းအရာေတြကို ရွာေဖြရာမွာ စိတ္တိုင္းက် ရလဒ္မ်ိဳး မရခဲ့ရင္ေတာ့ Topic တူ အေၾကာင္းအရာ တူေတြ စုစည္းေပးထားတဲ့ Topic Directory ကေန ရွာေဖြတာက ပိုေက်နပ္ဖို႔ ေကာင္းပါလိမ့္မယ္။ ဒီလို Directory Search ကို နာမည္ေက်ာ္ Search Engine ေတြမွာ ရရွိႏိုင္ ပါတယ္။ သူ႕ကို Topic Directory, Category List, an Index, Directory စသည္ၿဖင့္ ေခၚေ၀ၚ ၾကပါေသးတယ္။

Search Engine ေတြမွာ ဒီလို Directory Search ေတြအၿပင္ File Extension နဲ႔ ကိုယ္လိုခ်င္တဲ့ ဖိုင္ အမ်ိဳးအစား ေတြကိုလည္း ရွာလို႔ ရႏုိင္ ပါတယ္။ ဥပမာ ကိုယ္က mp3 ဖိုင္ ရွာခ်င္တယ္ ဆုိပါစို႔ index of mp3 လို႔ ရုိက္ထည့္ၿပီး ရွာလိုက္လို႔ ရပါတယ္။ ဒါဆိုရင္သူက mp3 ဖိုင္ ရႏိုင္တဲ့ ဆိုဒ္ေတြကို လာၿပေပးမွာပါ။ ဆိုဒ္ကို ကလစ္ ႏွိပ္လိုက္ရင္ သူကဆိုဒ္ရဲ့ Directory ကို ေရာက္သြားမွာ ၿဖစ္ပါတယ္။ အဲဒီလို mp3 ဖိုင္ အၿပင္ တၿခား wma, mov, exe စသည္ၿဖင့္ ကိုယ္ရွာလိုတဲ့ ဖိုင္ extension ကို index of ေနာက္မွာ ထည့္ရွာလို႔ ရပါတယ္။ ဖိုင္ extension အမ်ိဳးအစား အမ်ားၾကီးကို တခါထဲ တန္းရွာခ်င္တယ္ ဆိုရင္ေတာ့ ဥပမာ - index of (wmv|mov|mp4|mpg|avi) ဆိုၿပီး ရွာခ်င္တဲ့ extension ေတြကို | ေလးၿခားၿပီး ရွာႏိုင္ပါတယ္။


သီခ်င္း ၾကိဳက္သူမ်ား အတြက္ကေတာ့ Search Engine ကို အသံုးခ်စရာ နည္းလမ္းေတြ ရွိပါေသးတယ္။ ေနာက္ဆံုးထြက္ latest သီခ်င္းေတြကို ရွာခ်င္တယ္ ဆိုရင္ေတာ့ ဒီကုဒ္ေလးသံုးၿပီး ရွာလို႔ရပါတယ္။
-inurl:htm -inurl:html intitle:"index of" "Last Modified" mp3 လို႔ ရိုက္ထည့္ၿပီး သီခ်င္း အသစ္ ေတြကို ရယူႏိုင္ ပါတယ္။ mp3 မဟုတ္ပဲ တၿခားဖိုင္ လိုခ်င္ရင္လည္း mp3 ေနရာမွာ လိုခ်င္တဲ့ ဖိုင္ extension ကို ရိုက္ထည့္ၿပီး ေနာက္ဆံုး update လုပ္ထားတဲ့ ဖိုင္ေတြ ရႏိုင္ ပါတယ္။ သီခ်င္းဖိုင္ကို သီခ်င္းနာမည္ ဒါမွမဟုတ္ သီခ်င္းဆိုသူ အမည္ႏွင့္ ရွာခ်င္တယ္ ဆိုရင္ေတာ့ -inurl:htm -inurl:html intitle:"index of" mp3 "guns n roses" ဒီကုဒ္ကို အသံုးၿပဳ ရွာႏိုင္ ပါတယ္။ အဲဒီ ကုဒ္ရဲ့ ေနာက္ဆံုး mp3 ေနာက္က ကြင္းထဲမွာ ကိုယ္ရွာခ်င္တဲ့ သီခ်င္းနာမည္ ဒါမွမဟုတ္ အဆိုေတာ္ နာမည္ကို ေၿပာင္းထည့္ၿပီး ရွာရံုပါပဲ။ ဒီလို ရွာၿခင္းအားၿဖင့္ ဆိုဒ္ရဲ့ Directory ကို တိုက္ရိုက္ ေရာက္တာ ၿဖစ္တာေၾကာင့္ တခါတရံ Access Denined ၿဖစ္တတ္ပါတယ္။ ဒါေပမယ့္ အားသာခ်က္က virus ေတြ spyware ေတြ မကပ္ႏိုင္ပါဘူး။

ေနာက္ Search Engine ကို လူသိနည္းတဲ့ အသံုးခ်စရာ နည္းလမ္း ေတြလည္း ရွိပါေသးတယ္။ ဒါကေတာ့ Search Operators ေတြကို သံုးၿပီးရွာၿခင္းပါ။ ဒီ Search Operators ေတြကို နာမည္ေက်ာ္ Search Engine ေတာ္ေတာ္ မ်ားမ်ားမွာ အသံုးခ်ႏိုင္ပါတယ္။ Search Operators ေတြက query မွာ ပါတဲ့ စကားလံုး ေတြကို တြဲဆက္ ေပးပါတယ္။ ဒီ Operators ေတြ အေၾကာငး္ကို Search Engine ေတြရဲ့ Help pages ေတြမွာလည္း ဖတ္ရႈႏိုင္ ပါတယ္။ Search Operators ၇ မ်ိဳးရွိပါတယ္။ အဲဒါေတြကေတာ့ -
1. AND
2. OR
3. NOT
4. Quotation Marks
5. NEAR
6. Wildcards
7. Field Searches ဆုိတဲ့ ၇ မ်ိဳးပါ။

1. AND (+)
ဒီကုဒ္ကုိ ရွာလိုတဲ့ query ႏွစ္ခုလံုးပါတဲ့ result မ်ိဳး လိုခ်င္ရင္ သံုးပါတယ္။ ဥပမာ - railroad AND cars လို႔ ရွာမယ္ ဆိုရင္ ရမယ့္ result က railroad cars ေတြ အေၾကာင္း၊ railroad cars တည္ေဆာက္ပံု အေၾကာင္း၊ railroad မွာ လမ္းေခ်ာ္တဲ့ cars ေတြ အေၾကာင္း စတဲ့ railroad နဲ႔ cars ဆိုတဲ့ စာသားပါတဲ့ စာမ်က္ႏွာ ေတြကို ၿပေပးမွာ ၿဖစ္ပါတယ္။ ဒီကုတ္ကို ေရးတဲ့ အခါမွာ Operator သံုးရင္ AND ကို အားလံုး အၾကီးစာလံုးနဲ႔ ေရးရပါမယ္။ ဒါ့အၿပင္ AND အစား ( + ) သေကၤတ အစားသံုးလို႔ရပါတယ္။

2. OR
ဒီကုဒ္ သံုးၿပီး ရွာမယ္ ဆိုရင္ေတာ့ တစ္ခု မဟုတ္ တစ္ခု လိုခ်င္တဲ့အခါ သံုးႏိုင္ ပါတယ္။ ဥပမာ - railroad OR cars လို႔ ရွာလိုက္ရင္ ရလဒ္က railroad ေပၚက cars အေၾကာင္း ၿဖစ္ခ်င္ ၿဖစ္မယ္၊ ဒါမွမဟုတ္ railroad အေၾကာင္း ပဲပါတာမ်ိဳး ၿဖစ္ခ်င္ၿဖစ္မယ္၊ cars အေၾကာင္းခ်ည္းပဲ ပါတဲ့ စာမ်က္ႏွာမ်ိဳး တနည္းအားၿဖင့္ query ႏွစ္ခုထဲက တစ္ခုခု ပါရင္ကို ရလဒ္ လာၿပေပးမွာ ၿဖစ္ပါတယ္။ သူ႔ကိုလည္း ေရးတဲ့အခါ OR ဆိုၿပီး အၾကီးနဲ႔ပဲ ေရးရပါမယ္။

3. NOT (-)
ဒီ Operator ကိုေတာ့ မလိုခ်င္တဲ့ စာသားမ်ိဳး မပါေအာင္ ရွာတဲ့ေနရာမွာ သံုးပါတယ္။ ဥပမာ - railroad NOT cars ဆိုရင္ Search Engine က railroad ဆိုတဲ့ စာသားပါၿပီး cars ဆိုတဲ့ စာသားမပါတဲ့ စာမ်က္ႏွာ ေတြကိုသာ ရွာေဖြေပးမွာ ၿဖစ္ပါတယ္။ ဒီ Operator ကို သံုးရင္ မပါေစခ်င္တဲ့ စာသားကို NOT ေနာက္မွာ ထည့္ရပါမယ္။ Operator ကို လည္း NOT ဆိုၿပီး အၾကီးစာလံုးနဲ႔ ေရးရပါမယ္။ NOT မေရးဘဲ ( - ) ဆိုတဲ့ သေကၤတေလး နဲ႔ လည္းသံုးလို႔ ရပါတယ္။

4. Quotation Marks
ဒီ Operator ကေတာ့ ရိုးရွင္းပါတယ္။ ရွာလိုတဲ့ query ကို ( "" ) ေလးထည့္ေပးၿခင္းပါ။ ဥပမာ - "green card" လို႔ ရိုက္ထည့္ၿပီး ရွာရင္ သူက Immigration အခ်က္အလက္ေတြ အေၾကာင္း ၿပေပး မွာပါ။

5. NEAR
ဒီ Operator ကိုေတာ့ ရွာလိုတဲ့ keyword ႏွစ္ခုရဲ့ အကြာအေ၀းနဲ႔ ရွာတဲ့ေနရာမွာ သံုးပါတယ္။ သံုးတဲ့ေနရာမွာ NEAR ေနာက္ကပ္ရပ္မွာ / သေကၤတ ထည့္ၿပီး သံုးရ ပါမယ္။ ဥပမာ - library NEAR/15 congress ဆိုရင္ ရလဒ္က library နဲ႔ congress ဆိုတဲ့ စာသား ႏွစ္ခု စကားစု ၁၅ စု အတြင္းမွာ ရွိေနတဲ့ စာမ်က္ႏွာ ေတြကို ၿပေပးမွာပါ။ Library Of Congress ဒါမွမဟုတ္ Congress funds special library research လိုမ်ိဳး စကားစု ၁၅ လံုးအတြင္းမွာ ရွိတဲ့ စာမ်က္ႏွာ ေတြ ၿပေပး မွာပါ။ အဲဒီ ဥပမာ ၿပထားတဲ့ ၁၅ ဆိုတဲ့ေနရာမွာ လိုခ်င္တဲ့ အကြာအေ၀း ထည့္ၿပီး ရွာႏိုင္ပါတယ္။ သူ႔ကိုလည္း အားလံုး စာလံုး အၾကီးနဲ႔ ေရးရပါမယ္။

6. Wildcards ( * )
Asterisk ( * ) လို႔ေခၚတဲ့ ၾကယ္ပံု သေကၤတေလးရဲ့ တၿခား အမည္က wildcard character လို႔ေခၚပါတယ္။ ဒီ Operator ကုိေတာ့ အဓိပါယ္ ဆင္တူတဲ့ စာသားမ်ိဳးေတြ ရွာရင္ သံုးပါတယ္။ ဥပမာ - medic* ဆိုရင္ result က medic, medics, medicine, medical, medication နဲ႔ medicinal စတဲ့ medic နဲ႔ဆင္တူတဲ့ စာသားပါတဲ့ စာမ်က္ႏွာေတြ ရွာေပးမွပါ။

7. Field Searches
ဒီ Operator ကိုေတာ့ စာမ်က္ႏွာရဲ့ title ဒါမွမဟုတ္ URL မွာ ပါတဲ့ စာသားကို ရွာဖို႔ သံုးပါတယ္။ ဥပမာ - T:Computer ဆိုရင္ Web page ရဲ့ Title မွာ ဒါမွမဟုတ္ URL မွာ Computer ဆိုတဲ့ စကားလံုးပါတဲ့ စာမ်က္ႏွာ ေတြကို ၿပေပး မွာပါ။ ရွာခ်င္တဲ့ keyword ေရွ႕မွာ T: ဆိုတဲ့ စာသား ေရးလိုက္ရံု ပါပဲ။ ဒီလို T: နဲ႔ Title အလိုက္ ရွာတာအၿပင္ အၿခား ကုဒ္ေတြကို Code Search မွာ ၾကည့္ရႈႏိုင္ ပါတယ္။

ဒီလိုဆိုရင္ေတာ့ Search Engine ေတြကို ေကာင္းေကာင္း အသံုးခ်လို႔ ရေလာက္ၿပီလို႔ ထင္ပါတယ္။ Search Engine ေတြမွာ အထက္ကလို Operators ေတြ အၿပင္ ရိုးရွင္းတဲ့ ေမးခြန္းေတြကို သံုးၿပီး ရွာလို႔ရ ပါတယ္။ ဥပမာ - movie + review လို႔မရွာပဲ Where can I find music reviews? လို႔ ရိုက္ၿပီး ရွာႏိုင္ ပါတယ္။ လူသိမ်ားတဲ့ Search Engine အခ်ိဳ႕ကေတာ့ -

  • Google
  • Yahoo!!
  • msn
  • Ask
  • All The Web
  • Lycos
  • Gahoo Yoogle (Yahoo!!+ Google)
  • Dog Pile (Yahoo!! + Google + msn + Ask)
  • Baidu (Chinese Search Engine)

    ဒီ ပို႔စ္ အတြက္
  • www.course.com
  • www.google.com
  • www.wikipedia.org
  • ကိုညီလင္းဆက္ ရဲ့ mp3 search code ပို႔စ္
  • www.pcworld.com
  • တီခ်ယ္ ခ်ယ္ရီ ရဲ့ ေက်ာင္းသင္ခန္းစာမ်ား
    Computer Journal မွ What's next for Google? တို႔ကို မွီၿငမ္းပါသည္။


    Technorati tags:
    , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
  • Read More...
    AddThis Social Bookmark Button

    About Digg Button (Social Bookmarking)  


    Contributor: Tayzar Blink44


    What's Digg?

    Digg is all about user powered content. Everything is submitted and voted on by the Digg community. Share, discover, bookmark, and promote stuff that's important to you!


    ဒီ Digg button ကို ဘေလာ့ခ္ပို႔စ္မွာ ထည့္ၿခင္းအားၿဖင့္ ယူဇာေတြက သူတို႔ အၾကိဳက္ပို႔စ္ေတြတိုင္းကို vote လုပ္ႏိုင္မွာပါ။ Digg ဟာ social website တစ္ခုၿဖစ္ၿပီး သင့္ရဲ႕ စာဖတ္သူေတြ ေနာက္ သင္ကိုယ္တိုင္ ပို႔စ္ေတြကို 'digg' လုပ္ႏိုင္မွာပါ။ သင့္မွာ ၀တၱဳေကာင္းေကာင္းေတြ၊ စိတ္၀င္စားဖြယ္ရာပို႔စ္ေတြ၊ ကဗ်ာေတြ၊ နည္းပညာဆိုင္ရာပို႔စ္ေတြကို မန္ဘာေတြက 'digg' လုပ္ၿပီး မွတ္ခ်က္ေတြ ေရးၾကပါလိမ့္မယ္။ ဘေလာ့ခ္ပိုင္ရွင္ တစ္ေယာက္ အေနနဲ႔ ဒီ button ေလးကို အလြယ္တကူၿပဳလုပ္ ထည့္သြင္းႏိုင္ၿပီး သင့္ရဲ႕ စာဖတ္သူေတြကို သင့္ ေဆာင္းပါးေတြကို submit လုပ္ခြင့၊္ Digg လုပ္ခြင့္ ေပးႏိုင္ပါတယ္။ ထည့္သြင္းပံု အဆင့္ဆင့္ကေတာ့ -

    ၁။ ။ပထမဆံုး သင့္ရဲ႕ ဘေလာ့ခ္ပို႔စ္ေတြကို Post Pages အၿဖစ္လုပ္ထားလား အရင္ၾကည့္ပါ။ Post Pages ဆိုတာ ပို႔စ္တိုင္းဟာ သူ႔ကိုယ္ပိုင္ html page ရွိတာကို ဆိုလိုတာပါ။ ရွိမရွိ သိခ်င္ရင္ ကိုယ့္ပို႔စ္ေတြရဲ႕ ေခါင္းစဥ္ေတြ ကို pointer ေလးနဲ႔ ေထာက္ၾကည့္ပါ။ အားလံုးဟာ သူ႔ကိုယ္ပိုင္ လင့္ခ္ ရွိတယ္ဆိုရင္ Post Pages ၿဖစ္ပါတယ္။ Digg button ထည့္ဖို႔ အတြက္ ကိုယ့္ဘေလာ့ခ္ပို႔္စ္တိုင္းမွာ ကိုယ္ပိုင္ URL (unique URL) ရွိဖို႔ လိုအပ္ပါတယ္။ တကယ္လို႔ လင့္မရွိတဲ့ ေခါင္းစဥ္ေတြရွိရင္ ၿပန္ၿပင္ရပါမယ္။ ၿပင္ဖို႔ အတြက္ ပထမဆံုး login ၀င္ပါ။ Blogger Dashboard က Setting ---> Archiving, မွာ Enable Post Pages မွာ "Yes" လို႔ ၿပင္ၿပီး setting ကို save လုပ္ပါ။

    ၂။ ။ဒီ Digg button ထည့္ၿခင္းဟာ ပို႔စ္တုိင္းကို အက်ိဳးသက္ေရာက္မွာပါ။ ဒါေၾကာင့္ သင္ဟာ ဘယ္ ပို႔စ္ကို button ထည့္မယ္ ဘယ္ပို႔စ္ကို မထည့္ဘူး ေရြးလို႔မရပါဘူး။

    ၃။ ။ဒီထည့္လိုက္တဲ့ code က ကိုယ့္ရဲ႕ပို႔စ္ URLကို သံုးၿပီး Digg မွာ submission လုပ္မွာပါ။ ကဲစၿပင္ၾကရေအာင္ -


    Template ေအာက္က Edit HTML ကို ကလစ္လုပ္ပါ။ အေရးၾကီးဆံုးက အဲဒီက နဂို HTML code အားလံုးကို copy လုပ္ပါ။ ၿပီးရင္ Notepad ထဲမွာ save လုပ္သိမ္းထားပါ။ မိတ္ေဆြ တစ္ခုခုအမွား လုပ္မိရင္ နဂို template ၿပန္ေၿပာင္း ႏိုင္ေအာင္ပါ။ တခု သိရမွာက code ကို ၿပင္ထည့္ၿပီးခဲ့ရင္လည္း တခါတည္း save တန္းမလုပ္ပဲ preview နဲ႔ အရင္ရမရ ၾကည့္တဲ့ အက်င့္လုပ္ထားပါ။ ၿပီး ရတယ္ဆိုမွ save လုပ္ပါ။



    Click "Expand Widget Templates" လုပ္ပါ။ အဲဒီမွာ ေအာက္က ၿပထားတဲ့ ကုဒ္ရွာပါ။

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



    ဒီ Button ကို သင့္ ဘေလာ့ခ္ပို႔စ္ရဲ႕ ညာဘက္ ေထာင့္မွာ ထားခ်င္ရင္ ေအာက္ကၿပထားတဲ့ ကုဒ္ကို အစားထိုးထည့္ပါ။

    <div style="float:right; margin-left:10px;">
    <script type="text/javascript">
    digg_url = "<data:post.url/>";
    </script>
    <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
    </div>
    <p><data:post.body/></p>


    ဒါက အဲဒီ code ေၾကာင့္ သင္ၿမင္ရမယ့္ပံုပါ။



    Button ကို ပို႔စ္ရဲ႕ အဆံုးမွာ ေပၚခ်င္ရင္ေတာ့ ဒီ code ကို အစားထုိးထည့္ရပါမယ္။

    <data:post.body/>
    <div style="float:right; margin-left:10px;">
    <script type="text/javascript">
    digg_url = "<data:post.url/>";
    </script>
    <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
    </div>


    ဒါကေတာ့ ပို႔စ္ အဆံုးမွာ ၿမင္ရမယ့္ပံုပါ။



    Button ကို ပို႔စ္ရဲ႕ အေပၚဘက္ ဘယ္ဘက္ေထာင့္ မွာ ေပၚခ်င္ရင္ ဒီ code အစားထိုးရပါမယ္။

    <div style="float:left; margin-right:10px;">
    <script type="text/javascript">
    digg_url = "<data:post.url/>";
    </script>
    <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
    </div>
    <p><data:post.body/></p>


    ၿမင္ရမွာက ဒီလိုပါ။



    Digg ရဲ႕ အၿခား သင့္ ဘေလာ့ခ္ background color နဲ႔ လိုက္ဖတ္မယ့္ အေသးစား compact button ထည့္မယ္ဆို၇င္ေတာ့ ဒီကုဒ္ကိုထည့္ပါ။ ကုဒ္ထဲက အနီေရာင္ (Red) နဲ႔ၿပထားတဲ့ ကာလာကုဒ္ေနရာမွာ ကိုယ့္စိတ္ၾကိဳက္ ကာလာ အေရာင္ထည့္ႏိုင္ပါတယ္။

    <div style="float:right; margin-left:10px;">
    <script type="text/javascript">
    digg_url = "<data:post.url/>";
    digg_bgcolor = "#BDEDFF";
    digg_skin = "compact";
    </script>
    <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
    </div>
    <data:post.body/>


    ဒါက နမူနာ ၿမင္ရမယ့္ပံုပါ။




    Automatic Count Button in Blog Footer



    ဒီ code ကို Blog footer မွာ ထည့္ထားၿခင္းအားၿဖင့္ သင္ စာဖတ္ပရိတ္သတ္ရဲ႕ တံုၿပန္မႈကိုသိႏိုင္ပါတယ္။ ဒီကုဒ္က ဘေလာ့ခ္ပို႔စ္ရဲ႕ Labels ေတြ ေအာက္မွာေပၚမွာပါ။ ပထမဆံုး ဒီေအာက္ကၿပထားတဲ့ ကုဒ္ေတြကို template ေတြထဲမွာ အရင္ရွာပါ။

    <p class='post-footer-line post-footer-line-2'>
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a
    expr:href='data:label.url'
    rel='tag'><data:label.name/></a><b:if
    cond='data:label.isLast != "true"'>,</b:if>
    </b:loop>
    </b:if>
    </span>
    </p>


    Digg button ကို labels ေတြ အေပၚမွာထားခ်င္ရင္ ဒီကုဒ္ကို အေပၚက ၿပထားတဲ့ ကုဒ္ေတြ အေပၚမွာထားရမွာ ၿဖစ္ၿပီး button ကို labels ေတြ ေအာက္မွာ လိုခ်င္ရင္ အေပၚကၿပထားတဲ့ ကုဒ္အဆံုးေနရာမွာ ထည့္ရမွာပါ။ သင္ဟာ HTML ကြ်မ္းက်င္ရင္ေတာ့ စိတ္ၾကိဳက္ေနရာထားႏိုင္ပါတယ္။

    <div style="float:right; margin-left:10px;">
    <script type="text/javascript">
    digg_url = "<data:post.url/>";
    digg_bgcolor = "#BDEDFF";
    digg_skin = "compact";
    </script>
    <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
    </div>


    ဒါကၿမင္ရမယ့္ပံုပါ။





    Digg Button in Blog Footer

    Automatic Count button ကုိ မထည့္ခ်င္ဘူး link button သတ္သတ္ပဲ ထည့္ခ်င္တယ္ဆိုရင္ေတာ့ ေအာက္ကၿပထားတဲ့ code ကို ထည့္ႏိုင္ပါတယ္။ ဒီ button က ပုိ႔စ္တိုင္းရဲ႕ ေအာက္ေၿခ ညာဘက္မွာ ေပၚမွာၿဖစ္ၿပီး readers ေတြက click လုပ္ၿပီး သူ႔အၾကိဳက္ပို႔စ္ကို Digg မွာ submit လုပ္ႏိုင္မွာပါ။

    ေအာက္ကၿပထားသည့္ အနက္ေရာင္ code မ်ားကို template ထဲမွာ အရင္ရွာၿပီး အနီေရာင္ (Red) နဲ႔ ၿပထားတဲ့ code ကို copy ကူးထည့္ပါ။

    <div class='post-body'>
    <p><data:post.body/></p>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <div style="float:right; margin-left:10px;">
    <a expr:href='"http://digg.com/submit?phase=2&amp;url=" +
    data:post.url + "&amp;title=" + data:post.title'

    target='_blank'><img border="0" alt="Digg this"
    src="http://digg.com/img/badges/91x17-digg-button.gif"/></a></div>



    ၿမင္ရမယ့္ ပံုက ဒီလိုပါ။


    ေနရာေၿပာင္းထားခ်င္တယ္ဆိုရင္ေတာ့ အေပၚကေၿပာခဲ့တဲ့ ေနရာေၿပာင္းထားပံု code ေတြကို ေလ့လာရင္ ရပါတယ္။ အခုၿပထားတဲ့ button size 91 x 17 ဆိုဒ္ digg button က အစမ္းၿပထားတာပါ။ ေအာက္မွာ တၿခား button design ေတြၿပထားပါတယ္။ ေၿပာင္းခ်င္တဲ့ button image လင့္ကို code ထဲက image URL ေနရာမွာ အစားထိုးလိုက္ပါ။

    Button for selective posts

    Button ပံုေလးေတြ ေၿပာင္းခ်င္ရင္ ပထမဆံုး Digg tools ကို အရင္ သြားပါ။ ကိုယ္ၾကိဳက္တဲ့ button ေရြးပါ။ အဲဒီမွာ Digg buttons ေတြ မ်ိဳးစံုရွိပါတယ္။

    Digg Digg Digg Digg Digg Digg

    Digg Digg Digg Digg

    Digg

    ကိုယ္ၾကိဳက္တဲ့ image ရဲ႕ URL ကို မွတ္ထားပါ။ ဥပမာ - ဒီ Digg This Story ပံုရဲ႕ URL က

    http://digg.com/img/badges/91x17-digg-button.gif


    How to add Digg button to selected post
    ဒီနည္းက Digg button ကို ပို႔စ္တိုင္းမွာ မဟုတ္ပဲ ကိုယ္ထည့္ခ်င္တဲ့ ပို႔စ္မွာပဲ ထည့္တဲ့နည္းပါ။ အလုပ္နည္းနည္းေတာ့ရႈပ္ပါတယ္။

    Digg button ထည့္ခ်င္တဲ့ ပို႔စ္ကို အရင္ေရးပါ။ publish လုပ္ပါ။ page ကို refresh လုပ္ၿပီး သင္ button ထည့္မယ့္ ပို႔စ္ ေခါင္းစဥ္ကို click လုပ္ပါ။ အဲဒီ အခါ ထည့္ခ်င္တဲ့ ပို႔စ္ တစ္ခုတည္းကိုပဲ Post Page အေနနဲ႔ တစ္ပုဒ္တည္းၿပပါလိမ့္မယ္။ အဲဒီ URL ကို မွတ္သားထားပါ။ ၿပီးရင္ ေအာက္ကၿပထားတဲ့ code ထဲက လိေမၼာ္ေရာင္ (orange) နဲ႔ ၿပထားတဲ့ ေနရာမွာ ပို႔စ္ရဲ႕ URL ကို ထည့္ပါ။ Button ပံု ကို ေၿပာင္းခ်င္တယ္ ဆိုရင္ ေၿပာင္းခ်င္တဲ့ image URL ကို အၿပာေရာင္ (blue) နဲ႔ ၿပထားတဲ့ ေနရာမွာ အစားထိုး ထည့္လိုက္ပါ။

    <a href="http://digg.com/submit?phase=2&url=URLofyourstory" target="_blank"><img border="0" alt="Digg my article" src="http://digg.com/img/badges/91x17-digg-button.gif"/></a>


    ၿပီးရင္ သင့္ ဘေလာ့ခ္က Post ထဲက "Edit HTML" ထဲမွာ၀င္ပါ။ "Compose" ထဲ မဟုတ္ပါ။ template က Edit HTML ကို ေၿပာၿခင္း မဟုတ္ပါ။ အေပၚက ပို႔စ္ လင့္ခ္ ေနရာမွာ အစားထိုးၿပီးသား code ကို သင္ button ထားခ်င္တဲ့ ေနရာေလာက္မွာထားပါ။ "Preview" ၾကည့္ပါ။ ရရင္ "Publish" လုပ္ပါ။

  • Source

    Technorati tags:
    , , , , , ,

  • Read More...
    AddThis Social Bookmark Button

    ဘေလာ႔ဂ္အတြက္ Gadgets မ်ား  


    Contributor: Tayzar Blink44

    ဘေလာ့ခ္ side bar မွာ Widget ေလးေတြ ထည့္ဖို႔ အတြက္ Google Gadgets မွာ ရယူႏိုင္ပါတယ္။

    Blog Widgets, Gadgets and Add-ons



    Google Gadgets က applications ေတြကို developers ေတြ users ေတြ ကပဲ ဖန္တီးထားတာပါ။ Registration လုပ္စရာမလိုပါဘူး။ သင္ ၾကိဳက္တဲ့ဟာကုိ ေရြးၿပီး “Add to your webpage” ကို click လုပ္ပါ။ ေနာက္ Gadget ရဲ႕ title, width, height နဲ႔ border ကို သင္ အလိုရွိသလိုၿပင္ပါ။ ဥပမာ - သင့္ sider bar က 150 px က်ယ္တယ္ ဆိုပါစို႔ သင္ရဲ႕ gadget ကို 150 px ထက္ နည္းသင့္တာေပါ့။ နဂို အက်ယ္အတိုင္း ထားလည္း ရပါတယ္။ ဒါေပမယ့္ သင့္ readers က gadget ကို အကုန္ၿမင္ရဖို႔ scroll လုပ္ရမွာေပါ့။ စိတ္ၾကိဳက္ၿပင္ၿပီးရင္ေတာ့ “Get the Code” ကို click လုပ္ပါ။ Code ကို copy လုပ္ပါ။ ၿပီးေတာ့ "Page Element" မွာ paste လုပ္ခ်ပါ။ ဒါဆိုရပါၿပီ။

    Read More...
    AddThis Social Bookmark Button

    Template Width ခ်ဲ႔နည္း  


    Contributor: ေ၀ယံလင္း

    ဒီပုိ႔စ္ေလးကုိ ျမန္မာဘေလာ႔ဂါဖုိရမ္ ကေန ယူလာခဲ႔ပါတယ္

    တန္းပလိတ္ကို width change ခ်င္တယ္ဆိုရင္ေတာ့ ပထမဆံုးတန္းပလိတ္္ ကုဒ္ေတြကိုၾကည့္လိုက္ပါ။ ၿပီးရင္ေအာက္မွာျပထားတဲ့ကုဒ္ေတြကိုရွာပါ။

    #outer-wrapper {
    width: 660px;
    margin:0 auto;
    padding:10px;
    text-align:left;
    font: normal normal 100% Georgia, Serif;
    }

    #main-wrapper {
    width: 410px;
    float: left;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    #sidebar-wrapper {
    width: 220px;
    float: right;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    #main-wrapper ကပို႔စ္အတြက္ width သတ္မွတ္ထားတဲ့ div ပါ။ ပို႔စ္ေနရာကို width ေျပာင္းခ်င္တယ္ဆိုရင္ အဲဒီ width: 410px; ဆိုတဲ့ေနရာမွာ ကိုယ္လိုခ်င္တဲ့ဂဏန္းကိုေျပာင္းေပးလိုက္ပါ။ ဒါေပမယ့္ အဲဒီလိုေျပာင္းရင္ #outer-wrapper ဆိုတဲ့ေနရာမွာပါလုိက္ၿပီးေျပာင္းေပးရပါမယ္။ ဥပမာ အထက္ကကုဒ္ေတြကိုၾကည့္ပါ။ #outer-wrapper ထဲက width: 660px; ဆိုတာ ပို႔စ္နဲ႔ဆိုဒ္ဘားႏွစ္ခုေပါင္းရဲ႕ width ပါ။ 660pixels ရွိပါတယ္။ ပို႔စ္အတြက္ #main-wrapper မွာက width: 410px နဲ႔ #sidebar-wrapper အတြက္ width: 220px ျဖစ္ပါတယ္။ ႏွစ္ခုေပါင္း 630pixels ရွိပါတယ္။ ပိုေနတဲ့ 30pixels ကပို႔စ္နဲ႔ဆိုဒ္ဘားအလယ္မွာရွိေနတဲ့ gap ပါ။

    တကယ္လို႔ ပို႔စ္ကို 700px နဲ႔ဆိုဒ္ဘားကို 250px ထားခ်င္တယ္ဆိုပါဆို႔။

    #main-wrapper {
    width: 500px;
    float: left;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    #sidebar-wrapper {
    width: 250px;
    float: right;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    အဲဒီဂဏန္းေတြကိုေျပာင္းလိုက္ပါ။ ၿပီးရင္

    #outer-wrapper {
    width: 780px;
    margin:0 auto;
    padding:10px;
    text-align:left;
    font: normal normal 100% Georgia, Serif;
    }

    ဒါဆိုရင္ပို႔စ္က 500px ရွိၿပီး ဆိုဒ္ဘားကေတာ့ 250px ရွိေနမွာပါ။ သူတို႔ၾကားကအကြာအေ၀းကေတာ့ 30px ေပါ့။ ဒါေပမယ့္ header box ကေသးေနပါလိမ့္မယ္။ လိုက္ႀကီးခ်င္တယ္ဆိုရင္ေတာ့

    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #cccccc;
    }

    အဲဒီကုဒ္ကိုရွာၿပီး width:660px; ေနရာမွာ width:780px; ကိုေျပာင္းေပးလိုက္ရံုပါပဲ။

    Read More...
    AddThis Social Bookmark Button

    Cool Icon Sets for Bloggers  

    Contributor: ခ်မ္းျမစုိး



    Download | Get More

    Read More...
    AddThis Social Bookmark Button

    Freeware Icons collection  

    Contributor: ခ်မ္းျမစုိး

    Following freeware icon sites will help software developers, graphic/web designer to create better-looking programs and designs.

    1. www.pixelgirlpresents.com (linux, win, mac)
    2. www.interfacelift.com (mac, window, linux)
    3. www.famfamfam.com (web icons)
    4. www.maxpower.ca (web, blog icons)
    5. www.freeiconsweb.com (win, mac, linux)
    6. www.iconaholic.com (win, mac)
    7. www.websiteicons.net (graphic ,web)
    8. www.ndesign-studio.com (favorite icons)
    9. www.fasticon.com (great collection)
    10. www.bartelme.at (mac, window, linux )
    11. www.iconarchive.com (win, mac, linux)
    12. www.sweetie.sublink.ca (web app)
    13. www.somerandomdude.net (web app)
    14. www.bs-markup.de (web app)
    15. www.customxp.net (graphic)
    16. www.tango.freedesktop.org (desktop)
    17. www.iconbuffet.com (blog, web)

    Read More...
    AddThis Social Bookmark Button

    Testing Zawgyi Font in Wordpress  


    Contributor: မ်ိဳးေက်ာ္ထြန္း

    တစ္ရက္က ကိုရန္ေအာင္ (ရုပ္ရွင္မင္းသား မဟုတ္ပါ) က ေမးပါတယ္။
    I also wanna ask u how I can write wordpress blog in myanmar.

    သူေမးတာက free host အျဖစ္သံုးမယ့္ wordpress.com ပါ။ wordpress.com မွာ တန္းပလိတ္ change ဖို႕ ခြင့္မေပးပါဘူး။ လုပ္ခ်င္ရင္ ပိုက္ပိုက္ေပးရပါတယ္။ အဲ့ဒိ့အတြက္ wordpress.com မွာ ျမန္မာလို လက္တည့္စမ္းခ်င္တဲ့ လူမ်ား ကသိရယ္ ကေအာင့္ ျဖစ္ရပါတယ္။ အဲ့ဒိ့အခါမွာ font ကို ကိုယ္ႀကိဳက္တာတင္ဖို႕ တစ္နည္းေတာ့ ရွိပါတယ္။ ဒါေတာင္ content ပါ။ post title မဟုတ္ပါဘူး။ CSS ေလးနည္းနည္းပါးပါး ထည့္ရပါတယ္။ ေရးမယ့္ panel ထဲကို ဝင္ပါ။ ေအာက္က ပံုကို ၾကည့္ပါ။



    text formatting style အျဖစ္ သံုးေလ့ရွိတဲ့ <span> tag element ကို သံုးၿပီး ေရးလို႕ရပါတယ္။
    ဥပမာ

    <span style="font: 13px 'Zawgyi-One', zawgyi1, arial, sans-serif;">
    ဒီအထဲမွာ ျမန္မာလိုေတြ ေရးလို႕ရပါတယ္။
    </span>
    ဒီလိုေရးျပေပမယ့္ Wodpress အသံုးျပဳထားတဲ့ TinyMCE Editor က နည္းနည္းေတာ့ ျပန္ျပင္ပါတယ္။ ကိစၥမရွိပါဘူး။ စမ္းၾကည့္ခ်င္ပါတယ္။ Title ကို tag ထည့္ၿပီး ေရးၾကည့္ခဲ့ပါတယ္။ မရခဲ့ပါဘူး။ အဲဒိ့ေတာ့ Title ကို English လို ေရးေပါ့။

    ? ေတြေပၚေနလို႕ အခက္အခဲျဖစ္ရင္ NotePad ထဲမွာ အရင္ေရးပါ။ ၿပီးေတာ့ လာ paste လုပ္ၿပီးထည့္ပါ။

    ဒါက နမူနာ wordpress blog ပါ။

    Read More...
    AddThis Social Bookmark Button

    ကုိယ္ပုိင္ New Blogger Template တစ္ခုဖန္တီးျခင္း  


    Contributor: ေ၀ယံလင္း

    New Blogger Template ကိုကုိယ္တိုင္ ေရးၾကည့္ခ်င္ေနတာ ၾကာၿပီ။ နည္းသိသြားေတာ့လည္း သိပ္မခက္ခဲလွပါဘူး။ ကိုယ့္ဘာကိုယ္ ကလိခ်င္တဲ့လူေတြအတြက္ တင္ေပးလိုက္ပါတယ္။ ဒါဆို ကိုယ္ႀကိဳက္တဲ့ တန္းပလိတ္ကို ကိုယ့္ဘေလာ့မွာ သံုးလို႔ရၿပီေပါ့။

    အရိုးရွင္းဆံုး CSS မပါတဲ့ ဟာကေန စရင္ အရမ္းလြယ္ပါတယ္။

    ရိုးရိုး XHTML တန္းပလိတ္တစ္ခုက ေဟာဒီလို ရွိပါလိမ့္မယ္။

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
    <style type="text/css">
    <!-- some css styling here -->
    </style>
    </head>
    <body>

    <div id='container'>
    <div id='header'> </div>
    <div id='main'> </div>
    <div id='sidebar1'> </div>
    <div id='sidebar2'> </div>
    <div id='footer'> </div>
    </div>

    </body>
    </html>


    အဲဒါကို XML ျဖစ္ေအာင္ ေဟာဒီကုဒ္ေတြ ေျပာင္းေပးလိုက္ပါ။

    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
    */
    <!-- some css styling here -->
    ]]></b:skin>
    </head>
    <body>

    <div id='container'>
    <div id='header'> </div>
    <div id='main'> </div>
    <div id='sidebar1'> </div>
    <div id='sidebar2'> </div>
    <div id='footer'> </div>
    </div>

    </body>
    </html>


    ဒီေနရာမွာ

    <style type="text/css">
    <!-- some css styling here -->
    </style>


    အစား

    <b:skin><![CDATA[/*
    */
    <!-- some css styling here -->
    ]]></b:skin>


    ဆိုတာကို အစားထုိးလိုက္တာ သတိထားပါ။ ခုဆိုရင္ XML New Blogger Template ျဖစ္သြားပါၿပီ။ ဒါေပမယ့္ ဘာမွမရွိေသးပါဘူး။ ဒီတန္းပလိတ္ထဲကို Blogger Widgets ေလးေတြ ထည့္လိုက္ရေအာင္။ <body> နဲ႔ </body> ၾကားမွာ ေအာက္က ကုဒ္ေတြကို ထည့္လိုက္ပါ။

    <!-- begin container -->
    <div id='container'>

    <!-- begin header -->
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='' type='Header'/>
    </b:section>
    <!-- end header -->

    <!-- begin main -->
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    </b:section>
    <!-- end main -->

    <!-- begin sidebar1 -->
    <b:section class='sidebar' id='sidebar1'/>
    <!-- end sidebar1 -->


    <!-- begin sidebar2 -->
    <b:section class='sidebar' id='sidebar2'/>
    <!-- end sidebar2 -->

    <!-- begin footer -->
    <b:section class='footer' id='footer'/>
    <!-- end footer -->

    </div>
    <!-- end container -->



    ဒါဆိုရင္ေတာ့ ဒီတန္းပလိတ္ကို upload လုပ္လို႔ရပါၿပီ။ ဒါေပမယ့္ ဘာေလးေအာက္မွ မရွိပါဘူး။ Layout အတြက္ CSS နဲ႔ လုပ္ရင္ ရပါၿပီ။

    Technorati:

    Read More...
    AddThis Social Bookmark Button

    Blog တြင္ ျမန္မာျပကၡဒိန္ ထည့္သြင္းနည္း  


    Contributor: ၀ဏၰကုိ

    ျမန္မာ ျပကၡဒိန္ ကို ဘေလာ႔ဂါမ်ား အတြက္ RSS version နဲ႔ ထပ္ထုပ္ေပးလိုက္ပါတယ္။

    RSS Feed: http://samerss.myanmarcalendar.com

    Blogger.com ရဲ႕ New version သံုးတဲ့လူေတြအတြက္ နမူနာ

    1) blogger.com တြင္ Login ၀င္ပါ။

    2) "Manage Your Blog" တြင္ Layout ကိုႏွိပ္ပါ။

    3) Side bar ဘက္တြင္ "Add Page Element" ကို ႏွိပ္ပါ။

    4) Feed တြင္ "Add To Blog" ကို ႏိွပ္ပါ ("Feed"-Add content from an RSS or Atom feed to your blog.)

    5) "Feed URL" တြင္ http://samerss.myanmarcalendar.com ကို ထည့္သြင္းပါ။ "Continue" ကိုႏွိပ္ပါ။

    6) Title ကို သင္ႏွစ္သက္သလိုျပင္လို႔ရပါသည္။ ၿပီးလွ်င္ "SAVE CHANGES" ကို ႏွိပ္ပါ။
    ေန႔စဥ္ေန႔တိုင္း ျမန္မာျပကၡဒိန္မွ ရက္စြဲမ်ား အလိုအေလွ်ာက္ ေျပာင္းလဲေနပါလိမ့္မည္။

    Read More...
    AddThis Social Bookmark Button

    ဘေလာ႔ဂ္ကုိ Back Up လုပ္နည္း  


    Contributor: ဘုရင္႔ေနာင္

    အခ်ိန္ကုန္ခံ၊ အပင္ပန္းခံ၊ ခါးေညာင္းခံ တင္ထား ေရးထားတဲ႕ မိမိရဲ႕ ပို႕စ္ေတြကို backup လုပ္ထားခ်င္သူမ်ား ေအာက္ပါနည္းေတြအတိုင္းလုပ္လို႕ ရေၾကာင္းရွာေတြ႕တာေလး ၿပန္လည္မွ်ေ၀ လိုက္ပါတယ္။ သိၿပီးသား လည္းၿဖစ္ ခ်င္ၿဖစ္မွာပါ။

    http://blogname.blogspot.com/search?max-results=1000

    blogname ေနရာမွာ မိမိဘေလာဂ႔္ နာမည္ကိုရိုက္ပါ။ ပို႕စ္ ၁၀၀၀ ထက္နည္းရင္ save လုပ္လို႕ရ တယ္လို႕ ဆိုထားပါ တယ္။ တစ္ေထာင္ ထက္ ေက်ာ္ရင္ေတာ႕ မေၿပာတက္ဘူး။ အေပၚက လိပ္စာအတိုင္း ရိုက္ထည္႔လိုက္ရင္ သင္ေရးခဲ႕သမွ် ပို႕စ္အားလံုးေပၚလာပါလိမ္႕မယ္။ ပထမ ဦးစြာ ပံုေတြကို သီးသန္႕ save လုပ္ဖို႕ firefox extension တခုၿဖစ္တဲ႕ DownThemAll ကိုသံုးၿပီး ပံုေတြကို download လုပ္ယူနိုင္ပါတယ္။ မိမိဖတ္ခ်င္တဲ႕ ဘေလာ႕ဂါတစ္ေယာက္ရဲ႕ ေရးခဲ႕သမွ် ပို႕စ္ေတြကို တစ္ခါတည္း ဖတ္ခ်င္ရင္လည္း အေပၚက လင္႕ခ္မွာ မိမိဖတ္မယ္႔ ဘေလာ႕ဂါရဲ႕ လိပ္စာကိုေၿပာင္း ထည္႕လိုက္ပါ။

    ေနာက္တစ္ဆင္႕က ေရးထားတဲ႕ ပို႕စ္ေတြက စာေတြကုိ သီးသန္႕ save ဖို႕ ေအာက္က လင္႕ခ္ကို သြားပါ။

    http://blogname.blogspot.com/feeds/posts/default?max-results=1000

    XML feed ပါပဲ။ ပို႕စ္က စာေတြပဲ သီးသန္႕ေပၚလာတာကို save page as(Ctrl+S) လုပ္လိုက္ရံုပါပဲ။ comments ေတြကို သိမ္းဖို႕

    http://blogname.blogspot.com/feeds/comments/default?max-results=1000

    ၿဖစ္ပါတယ္။

    Read More...
    AddThis Social Bookmark Button

    Peekaboo ပုိ႔စ္ေခါက္ျခင္း  


    Contributor: ရန္ေအာင္

    ကၽြန္ေတာ္႔ရဲ႔ ဘေလာ႔ဂ္မွာ ပုိ႔စ္ေလးေတြကို မိတ္ဆက္ေလးတင္ျပီးေတာ႔ က်န္တာေတြကုိ ဆက္ဖတ္ႏုိင္ေအာင္ Read More… Collapse ဆုိတာေလး လုပ္ထားတာ အားလုံးအသိပဲ ျဖစ္မွာပါ.

    အဲဒါကုိ အဂၤလိပ္လုိ Peek-A-Boo Post ေလးေတြ လုိ႔ေခၚျပီးေတာ႔ ျမန္မာမႈျပဳရရင္ေတာ႔ `တူတူေရ၀ါးပုိ႔စ္´ ေလးေတြလုိ ျပန္ဆုိရပါလိမ္႔မယ္။ ပုန္းေနရာက ၀ါးဆုိ ထြက္လာလုိ႔ေလ… ဟုတ္တယ္ဟုတ္…

    ခဏခဏလာေမးတဲ႔ ေဘာ္ေဘာ္ဘေလာ႔ဂါမ်ားလည္း ေျပလည္ေအာင္၊ ေနာက္ေနာင္ မည္သူမဆုိ ကုိးကားႏုိင္ေအာင္လုိ႔ ဒီပုိ႔စ္ေလးကုိ ေရးသားလုိက္ပါတယ္ ခင္ဗ်ာ…. Template ကုိ မြမ္းမံျဖည္႔စြက္တာေတြ လုပ္ေတာ႔မယ္ဆုိရင္ ဘာမွမလုပ္ခင္ အရင္ဆုံး Backup လုပ္တာဟာ အေလ႔အထေကာင္းေလး တစ္ခုပါပဲ။ ဒါေၾကာင္႔ Template ကုိ Backup လုပ္လုိက္ပါ။ ျပီးရင္ေတာ႔ စပါျပီ...

    အဆင္႔ (၁)

    ဒီ script ေလးကို ကူးျပီးေတာ႔ </head>-tag မဆုံးခင္ေလးမွာ ထည္႔လုိက္ပါ။

    <script src="http://yanaung.prospect.googlepages.com/myhacko.js" type="text/javascript" />

    Update: (As of August 19, 2007)

    Peekaboo ပုိ႔စ္ေတြ ခဏခဏ ေဒါင္းသြားတတ္တယ္လုိ႔ ျပန္ေျပာေနၾကတာ ၾကားရပါတယ္. ကၽြန္ေတာ္လုပ္ထားတဲ႔ Coding က ကၽြန္ေတာ္႔ရဲ႔ google pages မွာ တင္ထားတဲ႔ ဖုိင္နဲ႔ပါ. အဲဒါကုိ တုိက္ရုိက္ကူးမခ်ဘဲနဲ႔ ကုိယ္အဆင္ေျပတဲ႔ file hosting site တစ္ခုခုမွာ တင္ေပးဖုိ႔ ကၽြန္ေတာ္ တုိက္တြန္းခဲ႔ဖူးပါတယ္. ခုျဖစ္ရတာက တုိက္ရုိက္ယူသြားတာေတြ မ်ားေနေတာ႔ ကၽြန္ေတာ္႔ရဲ႔ google pages ေဒါင္းသြားတာပါ.

    ကဲဗ်ာ. ဖုိင္ေပးလုိက္မယ္ေနာ္. ဒါကုိ အရင္ဆုံး save လုပ္ပါ.

    http://yanaung.prospect.googlepages.com/myhacko.js

    ျပီးရင္ File hosting site တစ္ခုခုမွာ သြားတင္ပါ. ျပီးသြားရင္ေတာ႔

    < script src='http://yanaung.prospect.googlepages.com/myhacko.js' type='text/javascript'></script>

    ဆုိတဲ႔ေနရာမွာ ဒီလုိ္အစားသြင္းေပးလုိက္ပါ.

    <script src='Your URL' type='text/javascript'></script>

    အေပၚက coding ေလးေတြက </head> မဆုံးခင္ေလးမွာ ထည္႔ခဲ႔တဲ႔ coding ေလးေတြပါ. မွတ္မိမယ္ထင္ပါတယ္. ကဲ. အဲဒါဆုိရင္ ေနာက္ထပ္ peekaboo ေဒါင္းသြားတတ္တဲ႔ ျပႆနာ မရွိႏိုင္ေတာ႔ပါဘူး. File Hosting ဘယ္လုိလုပ္ရမလဲ သိခ်င္ရင္ေတာ႔ ဒီေနရာမွာ သြားဖတ္ပါခင္ဗ်ာ.

    အဆင္႔ (၂)

    Template ထဲမွာ includable id=’post’ ဆုိတာေလးကို ရွာပါ။ ျပီးရင္ ေအာက္မွာ ေဖာ္ျပထားတဲ႔ အတုိင္း Code ေလးေတြကုိ အစအဆုံး အစားသြင္းလုိက္ပါ.

    (အဆင္႔ (၂) အတြက္ မိမိရဲ႔ ဘေလာ႔ဂ္ဟာ New Blogger Template ကုိ သုံးေနတာ ျဖစ္ရပါမယ္. Template Tab မွာ Expand Widgets ဆုိတဲ႔ Box ေလးကို Tick လုပ္ေပးခဲ႔ဖုိ႔လည္း မေမ႔ပါနဲ႔ခင္ဗ်ာ. လုိခ်င္တဲ႔ ကုဒ္ေလးေတြကုိ အလြယ္တကူရွာေတြ႔ခ်င္ရင္ေတာ႔ Template ကုိ ေကာ္ပီကူးယူျပီး Microsoft Word ထဲမွာပဲ ျဖစ္ျဖစ္၊ Notepad ထဲမွာပဲ ျဖစ္ျဖစ္ Paste ျပန္လုပ္ပါ. ျပီးရင္ Ctrl+F ကုိႏွိပ္ျပီး လုိခ်င္တဲ႔ စာလုံးေလးေတြကုိ လုိ္က္ရွာယူပါ. )


    <b:includable id='post' var='post'>
    <div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <h3 class='post-title'>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </h3>
    </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body'>
    <b:if cond='data:blog.pageType == "item"'>
    <p><data:post.body/></p>

    <b:else/>
    <style>#fullpost {display:none;}</style>
    <p><data:post.body/></p>
    <span id='showlink'>
    <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
    </span>
    <span id='hidelink' style='display:none'>
    <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Collapse...</a></p>
    </span>
    <script type='text/javascript'>
    checkFull("post-" + "<data:post.id/>");
    </script>
    </b:if>

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

    .... the rest of the template goes here...


    Template ကုိ Save လုပ္လုိက္ပါ။

    အဆင္႔ (၃)

    Setting ထဲက Formatting Tab ကုိသြားျပီး Post-Template ေနရာမွာ ေအာက္ပါစာသားေလးမ်ားကုိ ရုိက္ပါ။


    Type your summary here.
    <span id="fullpost">
    Type the rest of your post here.
    </span>


    Save လုပ္ပါ။

    ျပီးပါျပီ…

    ပုိ႔စ္ေလးေတြ တင္တဲ႔အခါမွာ မိတ္ဆက္သေဘာေလာက္ တင္ျပခ်င္တဲ႔ စာပုိဒ္ေလးေတြကုိ တစ္ပုိဒ္ေလာက္ ေဖာ္ျပေပးျပီး က်န္တာေတြကုိေတာ႔ <span id="fullpost"> ရဲ႔ ေနာက္မွာ ထည္႔လုိက္ရုံပါပဲ…

    လြယ္ပါတယ္ေနာ္…. Read More, Summary Only မထည္႔ခ်င္ဘဲ ျမန္မာလုိ `အက်ယ္ဖတ္´၊ `အက်ဥ္းဖတ္´ လုိ႔ေရးရင္လည္း ရတာပါပဲ. စိတ္ခ်မ္းသာ သလုိသာ လုပ္ၾကပါ ဘေလာ႔ဂါေမာင္ႏွမတုိ႔ေရ... ကၽြန္ေတာ္ကေတာ႔ Summary ေနရာမွာ ကြန္႔ျပီးေတာ႔ Collapse လုိ႔ လုပ္ထားတယ္ဗ်...

    မွတ္ခ်က္။ ။ ဒီပုိ႔စ္ေလးကုိ အဆင္ေျပေအာင္ ဘာသာျပန္ေပးထားပါတယ္. ဒီပုိ႔စ္ေခါက္တာကို လုပ္တာ ၁၀ မိနစ္ထက္ပုိမၾကာပါဘူး ခင္ဗ်ာ. စိတ္ရွည္ရွည္ထားျပီး step by step လုပ္သြားပါ. ေအာင္ျမင္ၾကပါေစ…

    Read More...
    AddThis Social Bookmark Button

    File Hosting လုပ္နည္းမ်ား...  


    Contributor: ရန္ေအာင္

    File Hosting ဆုိတာက ကုိယ္တင္ခ်င္တဲ႔ ဖုိင္ေလးေတြကုိ အဲဒီ႔ Site ေတြက သိမ္းေပးထားျပီး http://..... ဆုိတဲ႔ URL Link ေလး ျပန္ထုတ္ေပးတာပါ. အဲဒါကုိမွ ကုိယ္တင္ခ်င္တဲ႔ website, blog စတဲ႔ေနရာေတြမွာ တင္ေပးရတာမ်ိဳးပါ. (Host= အိမ္ရွင္ ဆုိေတာ႔ ကုိယ္႔ဖုိင္ေလးေတြက သူ႔အိမ္မွာ သြားျပီး စတည္းခ်ေနတာေပါ႔ဗ်ာ.)

    Free hosting site ေတြ ရွိသလုိ အခေၾကးေငြနဲ႔ တင္ေပးတဲ႔ site ေတြလည္း ရွိပါတယ္. Professionally လုပ္ေတာ႔မယ္႔သူေတြ၊ ဒါမွမဟုတ္ file အမ်ားၾကီး တင္ခ်င္တဲ႔သူေတြကေတာ႔ ပုိက္ဆံေပးျပီး Capacity မ်ားမ်ားေပးတဲ႔ hosting site ေတြမွာ accnt လုပ္ၾကပါတယ္. ပုံမွန္ ကၽြန္ေတာ္တုိ႔လုိ အေပ်ာ္တမ္းသမားေတြကေတာ႔ free hosting site ေတြကုိပဲ သုံးၾကပါတယ္. သိပ္မ်ားလာလုိ႔ မႏုိင္ေတာ႔ရင္ ေနာက္ထပ္ accnt တစ္ခု ထပ္ဖြင္႔ရုံပဲေပါ႔ဗ်ာ. အဓိကက ပုိက္ဆံ မေပးရရင္ ျပီးေရာ မဟုတ္လား. ဟတ္ဟတ္

    ကဲ. ဒါေလးေတြကေတာ႔ ကၽြန္ေတာ္တုိ႔ သိထားသင္႔တဲ႔ free hosting site ေလးေတြပါပဲ ခင္ဗ်ာ.

    ပုံတင္ရန္

    http://imageshack.us/
    http://photobucket.com/

    ဖုိင္တင္ရန္

    http://www.fileden.com/
    http://www.filefactory.com/
    http://www.filexoom.com/
    http://www.ripway.com/
    http://www.pages.google.com/
    http://www.mediafire.com/
    http://files-upload.com/
    http://www.wikiupload.com/
    http://upload2.net/
    http://www.filecrunch.com/


    အဲဒါေလးေတြကေတာ႔ ကၽြန္ေတာ္သိသေလာက္ေလးေတြပါပဲ. တစ္ခုနဲ႔တစ္ခု ေပးတဲ႔ storage space မတူပါဘူး. Fileden က 1 G ေပးပါတယ္. Ripway ကေတာ႔ 30 MB ပဲ ေပးပါတယ္. က်န္တာေတြမွာလည္း ထုိနည္းလည္းေကာင္းပါပဲ. Unlimited ေပးတာ တစ္ခုေတာ႔ ရွိပါတယ္. Mediafire ပါ. (စာအုပ္ေတြတင္ဖုိ႔ သိပ္ေကာင္းပါတယ္) Pages.google.com ကေတာ႔ google pages ကုိ ေျပာတာပါ. Account Sign Up လုပ္စရာ မလုိပါဘူး. ကုိယ္႔ရဲ႔ Gmail Account နဲ႔ပဲ သုံးလုိ႔ရပါတယ္.

    တစ္ခုကုိ အစမ္းလုပ္ျပပါမယ္. သေဘာတရားက အတူတူပါပဲ.

    http://www.fileden.com ကုိသြားပါမယ္. Account Sign Up လုပ္ပါမယ္. ကုိယ္႔ Email ကုိ စာ၀င္လာပါလိမ္႔မယ္. Activate လုပ္ဖုိ႔ေပါ႔. လုပ္လုိက္ပါ. ျပီးသြားရင္ေတာ႔ Login လုပ္ပါမယ္ ခင္ဗ်ာ.



    အေပၚမွာ ျမင္ေနရတဲ႔ Navigation Bar ေလးထဲကေန upload files ကုိ ေရြးပါမယ္. တစ္ျခား site ေတြမွာလည္း upload ဆုိတဲ႔ ပုံစံေလးေတြ ပါပါလိမ္႔မယ္. ခၽြတ္စြပ္ၾကီးေတာ႔ ဘယ္တူပါ႔မလဲဗ်ာေနာ္. စိတ္ရွည္ရွည္ထားျပီး ရွာၾကည္႔ရင္ သေဘာေပါက္သြားပါလိမ္႔မယ္…

    Upload files ကုိေရြးလုိက္ပါျပီ. အခု file စတင္ပါေတာ႔မယ္. အစမ္းအေနနဲ႔ peekaboo လုပ္ဖုိ႔ myhacko.js ဆုိတဲ႔ ဖုိင္ေလးကုိ တင္ေပးပါမယ္. အဲဒါကုိ အရင္ဆုံး ကုိယ္႔ computer ေပၚကုိ download လုပ္ဖုိ႔ မေမ႔နဲ႔ဦးေနာ္. မလုပ္ရေသးရင္ ဒီမွာ အခုပဲ လုပ္လုိက္ပါ

    Save လုပ္လုိက္တဲ႔ File ေလးကို Browse လုပ္ျပီး ရွာပါမယ္. Click ေခါက္ျပီး ေရြးလုိက္ပါမယ္. Upload ကုိ ႏွိပ္လုိက္ပါျပီ.




    ဘာျဖစ္လဲ…



    Error message ေပၚလာပါတယ္. This file extension is not allowed. တဲ႔. ကၽြန္ေတာ္တုိ႔ တင္တဲ႔ ဖုိင္က javascript file ေလ. Extension က js နဲ႔ ဆုံးတယ္. အဲဒီ႔လုိမ်ိဳး file type ကုိ လက္မခံဘူး. ဘယ္လုိလုပ္မလဲ.

    ေနာက္တစ္မ်ိဳးနဲ႔ ေျပာင္းတင္မွာေပါ႔. မဟုတ္ဘူးလား. ဒါမ်ိဳးကိစၥေလးေတြ ျဖစ္တတ္လုိ႔ တမင္အမွားကုိ လုပ္ျပေပးတာပါ. ႏို႔မုိ႔ဆုိ ကုိယ္လုပ္တာပဲ မွားေနျပီလားလုိ႔ ေတြးပူေနမိမွာ စုိးလုိ႔ပါ.

    ကဲ. Ripway နဲ႔ ေျပာင္းတင္ပါမယ္.

    ထုံးစံအတုိင္း sign up/register လုပ္ပါ. Email activation ေတာင္းရင္ လုပ္ေပးလုိက္ပါ. မေတာင္းရင္ေတာ႔ ကုိယ္လုပ္စရာရွိတာသာ ဆက္လုပ္သြားလုိက္ပါ.



    My files ဆုိတာကုိ ေရြးမယ္ေနာ္. ဒီလုိပုံစံ ေတြ႔ရပါမယ္.



    အဲဒီ႔ထဲကမွ Upload files ဆုိတာကုိ ေရြးပါမယ္ခင္ဗ်ာ. ေအာက္ကပုံစံအတုိင္းေလး ေပၚလာပါလိမ္႔မယ္



    Browse လုပ္ျပီး ကုိယ္တင္မယ္႔ file ကုိေရြးပါ. Myhacko.js ကုိေရြးမယ္ေနာ္. ေရြးျပီးရင္ upload လုပ္လုိက္ပါ. ေနာက္တစ္မ်က္ႏွာမွာ ဒီလုိျမင္ရပါမယ္.



    Continue ဆက္လုပ္လုိက္ပါ. ေနာက္တစ္မ်က္ႏွာမွာေတာ႔ ကုိယ္တင္လုိက္တဲ႔ ဖုိင္ေလးကုိ ေတြ႔ရပါမယ္. အဲဒီ႔ထဲကမွ Direct Link URL ဆိုတာေလးရဲ႔ ေအာက္မွာ ေတြ႔ရတဲ႔ Link ေလးဟာ ကၽြန္ေတာ္တုိ႔လုိခ်င္တဲ႔ URL link ေလးပါပဲ ခင္ဗ်ာ.



    ေနာက္တစ္ခုအေနနဲ႔ googlepages နဲ႔ တင္နည္းျပပါမယ္. ဒီေနရာကုိသြားျပီးရင္ ကုိယ္႔ရဲ႔ gmail account နဲ႔ sign in ၀င္လုိက္ပါ. ျပီးသြားရင္ accept terms ေတြဘာေတြ ဆက္လုပ္သြားပါ. ေနာက္တစ္ဆင္႔မွာ ကုိယ္႔ကုိ publish page တစ္ခုခု လုပ္ခုိင္းပါလိမ္႔မယ္. အဲဒါလည္း အေရးမၾကီးပါဘူး. လုပ္လုိက္ပါ. နာမည္ကုိလည္း ကုိယ္ၾကိဳက္တာ ေပးလုိ႔ရပါတယ္. ကၽြန္ေတာ္ကေတာ႔ theseandthose လုိ႔ ေပးထားခဲ႔တယ္ဗ်.

    ေနာက္တစ္မ်က္ႏွာမွာ ဒီလုိျမင္ရပါမယ္.



    ညာဖက္နား ခပ္က်က်ေလးက ဒီပုံေလးကုိ ၾကည္႔ပါ. အဲဒီ႔မွာ file ေတြကုိ Upload လုပ္ရမွာပါပဲ.



    Browse လုပ္ျပီး တင္မယ္႔ file ကုိ ေရြးပါ. Googlepages က အလုိလုိပဲ တင္ေပးသြားပါလိမ္႔မယ္. ျပီးသြားရင္ ဖုိင္ရဲ႔ URL ကုိ ယူရပါမယ္.

    ကုိယ္တင္လုိက္တဲ႔ ဖုိင္ေလးရဲ႔ အေပၚမွာ right click ေလး ေခါက္လုိက္ပါ. ျပီးရင္ copy link location ကုိ ေရြးလုိက္ပါ. အဲဒါ သူ႔ရဲ႔ URL ပါပဲ.

    တစ္ျခားေသာ file hosting site မ်ားမွာလည္း ဒီပုံစံဆင္ဆင္ေလးေတြပါပဲ. စမ္းသုံးၾကည္႔ၾကပါလုိ႔ တုိက္တြန္းပါတယ္.

    အားလုံးပဲ အဆင္ေျပေခ်ာေမြ႔ၾကပါေစ..

    Read More...
    AddThis Social Bookmark Button

    Template ဒီဇုိင္းမ်ား  


    Contributor: ရန္ေအာင္

    Blogger Site က ေပးထားတဲ႔ Template ေတြက 2 Columns ေတြခ်ည္းပါပဲ. အဲဒါကုိ 3 Columns လုပ္ခ်င္ရင္ ကုိယ္တုိင္ column ထပ္တုိးႏိုင္သလုိ အသင္႔လုပ္ျပီးသား Template မ်ားကိုလည္း ယူသုံးႏုိင္ပါတယ္ ခင္ဗ်ာ. Template အသစ္ေလးေတြ ထပ္လုိခ်င္သူမ်ားအတြက္ ready made လုပ္ထားျပီးသား 2-column-templates နဲ႔ 3-column-templates မ်ားကုိ ေအာက္မွာ ေဖာ္ျပေပးလုိက္ပါတယ္.

    ဒါကေတာ႔ ကုိမ်ိဳးေက်ာ္ထြန္းေျပာျပတဲ႔ Sidebar မွာ Column ထပ္ထည္႔တာကုိ ေလ႔လာႏုိင္တဲ႔ လင္႔ခ္ပါ.

    http://beautifulbeta.blogspot.com/2006/09/

    ဒါကေတာ႔ ကုိဖုိးခ်မ္းမွ်ေ၀တဲ႔ 3-column-templates မ်ားနဲ႔ ပတ္သက္တဲ႔ လင္႔ခ္မ်ားပါ.

    New Blogger Templates:

    http://newbloggertemplate.blogspot.com/
    http://ubergeld.blogspot.com/search/label/Beta
    http://www.blogcrowds.com/resources/templates.php?cat=1
    http://deeepak.blogspot.com/2006/12/blogger-beta-templates.html
    http://hoctro.blogspot.com/2006/11/three-column-template-minima-orche.html
    http://hoctro.blogspot.com/2007/02/free-ready-to-use-three-column.html

    Old Blogger Template : Brilliant Interface

    http://www.kaushalsheth.net/tags/blogger-templates/

    ဒါကေတာ႔ ကုိဖုိးဇင္က ျမန္မာဘေလာ႔ဂါမ်ားကုိ သိေစခ်င္တဲ႔ လင္႔ခ္မ်ားပါ.

    http://www.freeskins.blogspot.com/
    http://www.pannasmontata-templates.net/templates/
    http://www.blogflak.com/skins.html
    http://funkzyde.50webs.com/Exposing-Myself.html
    http://www.geckoandfly.com/blogspot-templates/
    http://www.bloggertemplates.org/
    http://www.createblog.com/layouts/index.php?type_id=1
    http://bloggertemplatesbycaz.blogspot.com/

    အထက္ပါ လင္႔ခ္မ်ားကေတာ႔ ျမန္မာဘေလာ႔ဂါဖုိရမ္ မွာ ၀င္ေရာက္ေဆြးေႏြးထား ၾကတဲ႔ ဖုိရမ္မာ ကုိမ်ိဳးေက်ာ္ထြန္းကုိဖုိးဇင္ နဲ႔ ကုိခ်မ္းျမစုိး တုိ႔ရဲ႔ ကူညီပံ႔ပုိးေပးမႈမ်ားပဲ ျဖစ္ပါတယ္ခင္ဗ်ာ.

    မိမိတို႔သိထားတဲ႔ Free Template Site ေကာင္းေကာင္းေလးမ်ား ရွိခဲ႔ရင္လည္း အားလုံးအက်ိဳးေက်းဇူးမ်ားေစဖုိ႔အတြက္ ဒီပုိ႔စ္ေလးရဲ႔ေအာက္မွာ လာေရာက္ျပီး မွ်ေ၀ေပးဖုိ႔ ေမတၱာရပ္ခံ ပန္ၾကားအပ္ပါတယ္ ခင္ဗ်ာ.

    Read More...
    AddThis Social Bookmark Button

    Delicious Mp3 Code  


    Contributor: ခ်မ္းျမစုိး

    ကိုယ့္ရဲ႕ ၀က္ေပ့ခ်္ထဲမွာ အမ္ပီသရီး နားေထာင္ဖုိ႔ပဲ မွ်ေ၀ေပးဖုိ႔ပဲျဖစ္ျဖစ္ သံုးတဲ့ ကုဒ္ေလးပါ။ ရုိးရွင္းၿပီး လုပ္ရတာလဲလြယ္ပါတယ္။ ဒါေပမဲ့ တစ္ခုရွိတာက သူက အမ္ပီသရီးေတြအတြက္ပဲ အလုပ္လုပ္ပါတယ္။ တျခား ေဖာ့မတ္ေတြဆုိရင္ေတာ့ ေဆာရီးပါ။ ဒီကုဒ္ေလးကုိ ၀က္ေပ့ခ်္ရဲ႕ header ထဲမွာ ထည့္လုိက္ရံုပါပဲ။

    <script type="text/javascript" src="http://del.icio.us/js/playtagger"> </script>

    ကိုယ့္သီခ်င္းကိုေတာ့ Direct File Link ေပးတဲ့ upload site တစ္ခုခု [eg. www.fileden.com, www.ripway.com, www.googlepages.com]မွာ တင္ၿပီးေတာ့ လိုခ်င္တဲ့ေနရာမွာ အဲဒီသီခ်င္းရဲ႕ URL ကို ထည့္ေပးလိုက္ရံုပါပဲ။ ဥပမာ ...

    <a href="
    http://www.fileden.com/files/2007/2/17/784534/ChitThawKabarMyay.mp3">ခ်စ္ေသာကမၻာ ေျမ</a>

    ဒါဆိုရင္ ခ်စ္ေသာကမၻာေျမ လို႔ ေပၚလာမွာပါ။ listen ဆိုတဲ့ button ေလးကို နွိပ္ၿပီး တိုက္ရိုက္နားေထာင္ရင္လည္း ရသလို ေဘးက စာသာေလးကို ႏွိပ္လိုက္ရင္လည္း သီခ်င္းကို download လုပ္လို႔ရပါတယ္။ တစ္ခုေကာင္းတာက ကိုယ္ႀကိဳက္တဲ့ သီခ်င္းေလးေတြ ေတြ႕ရင္ tag this နဲ႔ del.icio.us မွာ မွတ္ထားလို႔ ရတာပါပဲ။ စမ္းၾကည့္သမွ်ေတာ့ သီခ်င္းအားလံုးကို ေကာင္းေကာင္းမြန္မြန္ အထစ္အေငါ့မရွိ နားေထာင္ႏိုင္တာေတြ႕ရပါတယ္။

    Read More...
    AddThis Social Bookmark Button

    အၿပံဳးေလးမ်ား ႏွင့္ ပို႔စ္  

    Contributor: ခ်မ္းျမစုိး

    ဘေလာ့ပို႔စ္ေတြမွာ ဒီတုိင္းေရးေနရတာပ်င္းလာလို႔ smiley ေလးေတြထည့္ခ်င္တယ္ဆုိရင္ ေအာက္ေဖာ္ျပပါဆိုဒ္မွာ ပါ၀င္တဲ့ အဆင့္မ်ားအတုိင္းျပဳလုပ္ႏုိင္ပါတယ္။ ကၽြန္ေတာ္ရဲ႕ cmsmdy.blogspot.com မွာေတာ့ ထည့္သြင္းထားပါတယ္။


    Smiley for Blog

    Update: 14/01/07

    ဒီဆိုဒ္မွာ ပါတဲ့နည္းအတုိင္း လုပ္လို႔ အဆင္မေျပဘူးဆိုရင္ ေနာက္တစ္နည္းအေနနဲ႔ ထပ္ၿပီးလုပ္ၾကည့္ႏုိင္ပါတယ္။ အခုေတြ႔ထားတဲ့ နည္းကေတာ့ လုပ္ရတာ လံုး၀ လြယ္ကူပါတယ္။

    1. Firefox ရွိရပါမယ္ [ Download ]

    2. Firefox ရဲ႕ Add-ons တစ္ခု ျဖစ္တဲ့ Grase Monkey ကို Install လုပ္ပါ [ GetAdd-Ons Here ]

    3. GraseMoneky install လုပ္ၿပီးၿပီဆိုရင္ Firefox ရဲ႕ ညာဘက္ေအာက္ေျခ ေဒါင့္မွာ ေမ်ာက္ကေလးကို ေတြ႔ရပါလိမ့္မယ္ biggrin

    4. Emotions/Smiles ေလးေတြပါတဲ့ Javasript Code ကို GraseMonkey နဲ႔ install လုပ္ေပးရပါမယ္။ [ Just Click Here ]

    5. Javascript ကုိ GracseMonkey က Auto install လုပ္ေပးသြားပါလိမ့္မယ္။ အဲဒါၿပီးတာနဲ႔ ဘေလာ့ဂါရဲ႕ Compose View ကို သြားလိုက္တာနဲ႔ ဒီလုိ ေတြ႔ရၿပီေပါ့ razz


    6. ေနာက္ဆံုးအဆင့္ အေနနဲ႔ကေတာ့ ဘေလာ့ဂါရဲ႕ img boder code ေၾကာင့္ auto ပါလာမည့္ image border ကိုေဖ်ာက္ေပးရပါမယ္။ မဟုတ္ရင္ ပံုေလးေတြမွာ border ေလးေတြ ပါလာလိမ့္မယ္။ အဲဒီအတြက္ ဒီကုဒ္ေလးကို header tag မပိတ္ခင္မွာ ထည့္ေပးလိုက္ပါ။ ဒါဆို အိုေကၿပီ။

    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }

    ေနာက္ၿပီး Post မွာ ပါ၀င္တဲ့ image ေတြကို Border ေပးထားတဲ့ CSS code ကို ဖ်က္ေပးရပါမယ္။

    .post img {
    margin:0 0 5px 0;
    padding:4px;
    border:1px solid $borderColor; (delete this line)
    font-family: "ZawGyi-One", ZawgyiOne, Zawgyi1;
    }

    အားလံုးအိုေကသြားပါၿပီ။ smiles ေလးေတြထပ္ရခ်င္ေသးတယ္ဆိုရင္ ေအာက္မွာပါတဲ့ လင့္ခ္ေတြကို Click လုပ္ပါ။ GraseMoneky က Auto install လုပ္ေပးသြားပါလိမ့္မယ္။




    razz အၿပံဳးမ်ားႏွင့္ ေပ်ာ္႐ႊင္ပါေစခင္ဗ်ာ razz

    Read More...
    AddThis Social Bookmark Button

    Window Media Player ျဖင့္ Playlist တစ္ခုဖန္တီးျခင္း  


    Contributor: ခ်မ္းျမစုိး

    wmp ျဖင့္ playlist တစ္ခုဖန္တီး၍ webpage မ်ား Blog မ်ားတြင္ ထည့္သြင္းအသံုးျပဳႏုိင္ရန္ ရည္႐ြယ္ပါသည္။ သီခ်င္းတစ္ပုဒ္တည္းမကဘဲ သီခ်င္းအပုဒ္ေပါင္းမ်ားစြာကို ထည့္သြင္းအသံုးျပဳႏုိင္ရန္အတြက္ ေအာက္ပါအဆင့္မ်ားအတုိင္း ျပဳလုပ္ရံုပါပဲ။ sample ျပဳလုပ္ထားေသာ Player ကို cmsmdy.com တြင္ ၾကည့္ရွဳ႕ႏုိင္ပါသည္။

    ၁။ ထည့္သြင္းလိုေသာ သီခ်င္းFileမ်ား (.wma or .mp3) ကို FileHosting (eg. fileden.com) တစ္ခုခုတြင္ အရင္ဆံုး Upload လုပ္ပါ။

    ၂။ TextEditor (eg. notepad) တစ္ခုခုကိုဖြင့္ပါ။ Upload လုပ္ထားေသာဖိုင္မ်ားရဲ႕ Location (URL) ကိုထည့္သြင္းပါ။

    example list:


    ၃။ ထိုဖိုင္ကို music.m3u နာမည္ျဖင့္သိမ္းပါ။ [ music နာမည္အစားႀကိဳက္တဲ့ နာမည္တစ္ခုခုသံုး၍ရပါသည္။ သို႔ေသာ္ .m3u extension ကေတာ့ မပါမျဖစ္ ပါရပါမည္။ ]

    ၄။ music.m3u ဖိုင္ကို FileHosting (eg. fielden.com) တစ္ခုခုတြင္ Upload လုပ္ပါ။

    ၅။ Webpage (သို႔) Old Blogger တြင္ Player ထည့္သြင္းရန္အတြက္ အသံုးျပဳရမည့္ Code မွာ ...

    < OBJECT ID="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com
    /activex/controls/mplayer/en/nsmp2inf.cab#
    Version=5,1,52,701"
    STANDBY="Loading Microsoft Windows® Media Player components..."
    TYPE="application/x-oleobject" width="280" height="46" >
    <param name="fileName" value="http://www.domain.com/music/music.m3u">
    <param name="animationatStart" value="true">
    <param name="transparentatStart" value="true">
    <param name="autoStart" value="true">
    <param name="showControls" value="true">
    <param name="Volume" value="-300">
    <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.domain.com/music/music.m3u" name="MediaPlayer1" width=280 height=46 autostart=1 showcontrols=1 volume=-300>
    </OBJECT>

    ၆။ BetaBlogger တြင္ ထည့္သြင္းရမည့္ Code ...

    <OBJECT ID="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com
    /activex/controls/mplayer/en/nsmp2inf.cab# Version=5,1,52,701"
    STANDBY="Loading Microsoft Windows® Media Player components..." TYPE="application/x-oleobject" width="280" height="46">
    <param name="fileName" value="http://www.domain.com/music/music.m3u"/>
    <param name="animationatStart" value="true"/>
    <param name="transparentatStart" value="true"/>
    <param name="autoStart" value="true"/>
    <param name="showControls" value="true"/>
    <param name="Volume" value="-300"/>
    <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.domain.com/music/music.m3u" name="MediaPlayer1" width="280" height="46" autostart="1" showcontrols="1" volume="-300"></embed>
    </OBJECT>

    အနီျဖင့္ျပထားေသာေနရာတြင္ FileHosting ၌ Upload လုပ္ခဲ့ၿပီးေသာ .m3u File ရဲ႕ address (URL) ကိုအစားသြင္းရမွာျဖစ္ၿပီး အစိမ္းေရာင္ျဖင့္ျပထားေသာ တန္ဖိုးမ်ားေနရာ၌ လိုအပ္သလို စိတ္တုိင္းက် ေျပာင္းလဲျပဳျပင္ႏုိင္ပါသည္။

    Read More...
    AddThis Social Bookmark Button

    ျမန္မာဘေလာ႔ဂ္ေရးခ်င္သူမ်ား ဒါေတြသိထားသင္႔တယ္  


    Contributor: ညီလင္းဆက္

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

    ဒါေတြဖတ္ၿပီးမွ ၿမန္မာဘေလာဂ္႔ လုပ္ပါ။



    Technorati Tags: , , , , , , , , , , , , , , ,

    Read More...
    AddThis Social Bookmark Button

    Peekaboo Navigation Bar လုပ္ျခင္း  


    Contributor: ဘုရင္႔ေနာင္

    ဘေလာ႔ဂါ ေတာ္ေတာ္မ်ားမ်ားက ပုိ႔စ္လည္းေရးၾကတယ္. ကုိယ္႔ဘေလာ႔ဂ္ေလး ကုိလည္း လွသည္ထက္လွေအာင္ ျပဳျပင္မြမ္းမံ တတ္ၾကပါတယ္. အဲဒီ႔မွာ ဘာတစ္ခုက လာအရုပ္ဆုိးေစလဲ ဆုိေတာ႔ ဘေလာ႔ဂ္ရဲ႔ အေပၚဆုံးမွာ ရွိေနတဲ႔ Blogger Navigation Bar ၾကီးပါ.

    ကဲကဲ.. ဒီေလာက္ဆုိ သေဘာေပါက္ေရာေပါ႔. ဒီ Bar ၾကီးကို ေဖ်ာက္ခ်င္တယ္ေနာ္. ဟုတ္. တစ္ခ်ိဳ႔က အျပီးေဖ်ာက္ထားၾကတယ္. အဲဒါက ဘာမေကာင္းဘူးလဲဆုိေတာ႔ ကိုယ္ကုိယ္တုိင္ Sign in ၀င္ခ်င္ရင္ https://www.blogger.com/start ကုိ ျပန္သြားေနရေရာ. အလုပ္ရႈပ္တာေပါ႔ဗ်ာ.

    ဘာလုပ္မလဲ.

    ေဖ်ာက္ထားမယ္. Mouse ေလးတင္လုိက္မွ ေပၚလာမယ္. ဒါမ်ိဳးေလး လုပ္ရင္ မေကာင္းဘူးလား..

    အုိး. ဂြတ္ဒ္..

    ဘယ္လုိလုပ္ရမလဲ ဆုိေတာ႔ ဂလုိလုပ္ပါခင္ဗ်ာ..



    /*Peekaboo Navigation Bar
    ------------------------------ */

    #navbar-iframe
    {
    opacity:0.0;
    filter:alpha(Opacity=0)
    }
    #navbar-iframe:hover
    {
    opacity:1.0;
    filter:alpha(Opacity=100, FinishedOpacity=100)
    }




    ဆုိတာေလးကုိ template ထဲက <body> Tag မတုိင္ခင္မွာ ထည္႔ေပးလုိက္ရုံပါပဲ.

    ဥပမာ.

    <Variable name = …..> blah blah blah..
    */

    /*Peekaboo Navigation Bar
    ------------------------------ */
    ဒီမွာလာထည္႔





    body {
    background:#aba;
    margin:0;
    text-align:left;
    line-height: 1.5em;
    font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
    color:#000000;
    font-size/* */:/**/small;
    font-size: /**/small;
    }

    The rest of the template goes here….

    မွတ္ခ်က္။ ။ Firefox မွာပဲ အလုပ္လုပ္ပါတယ္ခင္ဗ်ာ...

    Read More...
    AddThis Social Bookmark Button

    Email Button ေလးေတြ လုပ္ၾကမယ္...  


    ဟုိေလွ်ာက္လုပ္ ဒီေလွ်ာက္လုပ္ေနရာက ဒါေလးကိုေတြ႔ျပီး ပုိ႔စ္ေလးေရးေပးဖုိ႔ စိတ္ကူးရသြားပါတယ္ Email Button ေလး လုပ္တာပါပဲ..

    ဒီေနရာမွာ သြားျပီး ကုိယ္႔ Email address ေလးကို ရိုက္ထည္႔လုိက္ပါ. ျပီးရင္ Generate ဆုိတာေလးကို ႏွိပ္လုိက္ပါ. Email Button ေလး ထြက္လာပါလိမ္႔မယ္ ခင္ဗ်ာ.

    သူ႔ေအာက္က URL Link ေလးကုိ ယူျပီး ကုိယ္ထည္႔ခ်င္တဲ႔ ေနရာေလးမွာ Add a page Element>HTML/Javascript ကုိယူျပီး ထည္႔လုိက္ပါ.

    ဒီလုိေလးထည္႔ေပးရပါတယ္.

    <center>
    <img src="Email Button URL"/>
    </center>

    Email Button ေလးေတြကုိ အစမ္းလုပ္ျပထားပါတယ္. ရႈစားေတာ္မူၾကပါခင္ဗ်ာ…






    Read More...
    AddThis Social Bookmark Button

    Cbox မွာ ေနာက္ခံပုံေလးေတြ ထည္႔ခ်င္ရင္…  


    Contributor: ရန္ေအာင္

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

    ကဲ. ဘယ္လုိလုပ္ရလဲဆုိေတာ႔ ဂလုိလုပ္ရပါတယ္ခင္ဗ်ာ….

    အဆင္႔ (၁)

    Cbox ထဲကုိ Login ၀င္ပါ. Color & Fonts ဆုိတာကုိ သြားပါ. ျပီးရင္ Main BG နဲ႔ Alt BG ကုိ Blank ထားလုိက္ပါ. Apply Button ကုိ ႏွိပ္ပါ.

    ဘာလုိ႔ အဲလုိလုပ္ရတာလဲဆုိေတာ႔ Cbox ကေပးထားတဲ႔ Background ကုိ အရင္ဖ်က္ပစ္မွ ကိုယ္တင္မယ္႔ပုံ ေပၚမွာမုိ႔လုိ႔ပါ.

    အဆင္႔ (၂)

    ကုိယ္တင္ခ်င္တဲ႔ ပုံကုိ Size နည္းနည္းေလာက္ ညိွေပးဖုိ႔လုိပါတယ္. ဒီတုိင္းေကာက္တင္လုိက္လုိ႔ မရပါဘူး. ကုိယ္ေပၚေစခ်င္တဲ႔အတုိင္း မေပၚဘဲ ေနပါလိမ္႔မယ္. ဒီေတာ႔ကာ Size ကုိဘယ္လုိညွိမလဲ ဆုိတာကေတာ႔ မိမိ Cbox ရဲ႔ Width နဲ႔ Length ေပၚ မူတည္ေနပါတယ္. ဥပမာဗ်ာ.

    ကၽြန္ေတာ္႔ Cbox က Width – 220 နဲ႔ Height 300 ေပးထားတယ္. ဒါေၾကာင္႔ ကၽြန္ေတာ္တင္မယ္႔ Maple Leaf ေလးကုိ အဲဒီ႔ Resolution ရေအာင္ အရင္ျပင္လုိက္တယ္. ျပီးေတာ႔ File Hosting Site ေပၚ လွမ္းတင္ျပီး URL ထုတ္ယူလုိက္တယ္. ရလာတဲ႔ URL ကုိမွ ေအာက္ပါ Coding ေလးေတြထဲမွာ အစားသြင္းလုိက္ပါတယ္.

    For Message Background

    #cboxmain{
    background:url(your image url) no-repeat;
    }

    For Form Background

    #cboxform{
    background:url(your image url) no-repeat;
    }

    အဆင္႔ (၃)

    ခုထိ အဆင္ေျပေနေသးတယ္ေနာ္.
    အုိေက… မိမိဘေလာ႔ဂ္ထဲကုိ Sign in ၀င္လုိက္ပါ. Template > Edit Html Tab ကုိသြားပါ. ခါတုိင္းလုိပဲ </head> Tag မဆုံးခင္ တစ္ေနရာရာေလးမွာ အေပၚက Coding ေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. ကၽြန္ေတာ္ကေတာ႔ အရင္ EOT တုိ႔၊ PollDaddy တုိ႔ရဲ႔ Coding ေလးေတြနားမွာပဲ ကၽြန္ေတာ္အသစ္ထည္႔မယ္႔ Coding ေလးေတြကို For Cbox လုိ႔ Comment ေလး ေရးျပီး ထည္႔လုိက္ပါတယ္. ကၽြန္ေတာ္ ေၾကျငာထားတဲ႔ Coding ပုံစံေလးကုိ ေလ႔႔လာၾကည္႔ပါ ခင္ဗ်ာ…

    <Variable name="postTitleFont" description="Post Title Font" type="font"
    default="normal bold 135% 'Zawgyi-One', Georgia, Times New Roman, Tahoma, Arial, sans-serif">

    */


    /*For Cbox
    ------------------------------ */

    #cboxmain{
    background:url(http://h1.ripway.com/yanaung/red-maple-tree.jpg) no-repeat;
    }


    #cboxform{
    background:url(http://h1.ripway.com/yanaung/red-maple-tree.jpg) no-repeat;
    }


    /*For PollDaddy
    ------------------------------ */

    div.widget-content .pds-box {
    font-family: ZawGyi-One !important;
    }

    Preview အရင္ၾကည္႔ပါ. ၾကိဳက္သြားျပီဆုိရင္ေတာ႔ Template ကုိ Save လုပ္လုိုက္ပါ.

    ဟုတ္ကဲ႔ ျပီးပါျပီ.

    အားလုံး ေပ်ာ္ရႊင္ၾကပါေစ ခင္ဗ်ာ…

    Read More...
    AddThis Social Bookmark Button

    Cbox အေၾကာင္း သိေကာင္းစရာေလးမ်ား  


    Contributor: ရန္ေအာင္

    ဒီတစ္ခါေတာ႔ ဆီဗုံးလုိ႔ အမ်ားစုက ခ်စ္စႏုိးေျပာင္ေခၚေနၾကတဲ႔ Cbox နဲ႔ ပတ္သက္တာ ေလးေတြ ကၽြန္ေတာ္သိသေလာက္ ေရးေပးပါမယ္.

    Cbox ဆုိတာကေတာ႔ ဘေလာ႔ဂ္ေတြ ေတာ္ေတာ္မ်ားမ်ားမွာ ေတြ႔ေနရတဲ႔ ဘေလာ႔ဂ္ေရးသူနဲ႔ လာလည္သူေတြၾကားက communication tool ေလးတစ္ခု ပါပဲ. လာလည္သူေတြ ကလည္း သူတုိ႔ေျပာခ်င္တဲ႔ Message ေတြကုိ Cbox မွာ ထားခဲ႔တယ္။ ဘေလာ႔ဂ္ပုိင္ရွင္ကလည္း ျပန္ေျပာမယ္။ မွန္တာကုိ ေျပာစတမ္းဆုိရင္ ကုိယ္႔ရဲ႔ Cbox မွာ လာလည္သူေတြ မ်ားတာကို ဘေလာ႔ဂ္ပိုင္ရွင္တုိင္း ၀မ္းသာအားရ ျဖစ္မိၾကပါတယ္။

    ခုေနာက္ပုိင္းဆုိရင္ တစ္ေယာက္နဲ႔တစ္ေယာက္ အျပန္အလွန္ေနာက္ေျပာင္တာ ေလးေတြကို ဆီဗုံးမွာ ေရးခဲ႔ၾကတယ္။ အျပင္က ေမာေမာနဲ႔ ျပန္လာျပီးေနာက္ ကၽြန္ေတာ္ပထမဆုံး လုပ္တာကေတာ႔ Email စစ္တာ မဟုတ္ပါဘူး။ ကုိယ္႔ရဲ႔ ဆီဗုံးမွာ ဘယ္သူေတြ ၀င္ေရးသြားလဲ၊ ဘယ္သူေတြ ၀င္ဖြသြားလဲ ဆုိတာကုိ အရင္ၾကည္႔တာပါပဲ။

    ကဲ. စလုိက္ၾကရေအာင္လားဗ်ာ.

    ပထမဆုံး http://www.cbox.ws/ ကုိသြားပါ။ Account တစ္ခု Sign Up လုပ္ပါ။ See all styles မွာ ကုိယ္ၾကိဳက္တဲ႔ Color ေလးေတြ ေရြးယူလုိ႔ ရပါတယ္။



    ျပီးရင္ ကုိယ္႔ Account ထဲကုိ ၀င္ပါ။ Admin Tab ကုိသြားပါ။ အဲဒီ႔ေနရာကေန ကုိယ္႔ရဲ႔ Cbox ကုိ အမ်ိဳးမ်ိဳး manage လုပ္လုိ႔ ရပါတယ္။

    Width ေတြ Height ေတြလည္း ေျပာင္းလုိ႔ရပါတယ္။ Default ေပးထားတဲ႔ Width က ေတာ္ေတာ္က်ဥ္းပါတယ္။ ၁၆၀ ပဲ ေပးထားပါတယ္။ ၂၀၀ (သုိ႔) ၂၂၀ ေလာက္ ေျပာင္း ၾကည္႔လုိက္ပါ။ ဒါဆုိရင္ ကုိယ္႔ရဲ႔ Cbox မွာ စာေတြ ေကာင္းေကာင္းျမင္ရတဲ႔ အဆင္႔ထိ ေရာက္သြားပါလိမ႔္မယ္။ စိတ္ၾကိဳက္ေျပာင္းယူပါ။ ကုိယ္႔ရဲ႔ Template က ေပးထားတဲ႔ Column Width နဲ႔ ကုိက္ညီေအာင္ ေျပာင္းယူပါ။



    Form Layout မွာေတာ႔ Cbox ရဲ႔ Design ကုိ ေျပာင္းယူလုိ႔ရပါတယ္။ Message ေရးတာကုိ အေပၚမွာ ထားလုိ႔ရသလုိ ေအာက္မွာလည္း ထားလုိ႔ရပါတယ္။ ကိုယ္႔ စိတ္ၾကိဳက္ ေျပာင္းၾကည္႔ပါခင္ဗ်ာ။

    Messages တုိ႔၊ Message Length တုိ႔မွာလည္း ကုိယ္လုိသလုိ Setting ကုိထားႏိုင္ ပါတယ္။

    Cbox ကုိ မိတ္ဆက္တဲ႔ အပုိင္းကေတာ႔ ျပီးပါျပီ။ ခုေျပာမွာကေတာ႔ အေရးၾကီးတဲ႔ အပုိင္းပါ။ Cbox မွာ ျမန္မာလုိ စာေကာင္းေကာင္းေပၚေအာင္ ဘယ္လုိလုပ္ရမလဲ ဆုိတဲ႔ ျပႆနာပါ။

    Colors & Fonts ကုိ သြားပါ။ Fonts ဆုိတာကုိ သြားပါ။ သူ႔ရဲ႔ Default က Arial Font ကုိ ေပးထားပါတယ္။ အဲဒီ႔ Box ေလးေနရာမွာ Zawgyi-One လုိ႔ ေျပာင္းရုိက္ေပးလုိုက္ပါ။ ျပီးရင္ Apply Button ေလးကုိ ႏွိပ္လုိက္ပါ။ ဒါဆုိရင္ ကုိယ္႔ရဲ႔ Cbox မွာ ျမန္မာလုိ စာေကာင္းေကာင္း ေပၚပါျပီ။



    ေနာက္တစ္ခုကေတာ႔ Smilies Tab ပါ။ အေပၚခပ္က်က်ေနရာေလးက Preset Smilies ဆုိတာေလးကုိ ႏွိပ္လုိက္ရင္ ခုလုိ ပုံမွာ ျမင္ရပါလိမ္႔မယ္။



    အဲဒီ႔ေနရာမွာ ကုိယ္႔ Cbox ထဲမွာ ေပၚေစခ်င္တဲ႔ Smilies Color ေလးေတြကုိ ေျပာင္းလုိ႔ရပါတယ္။ Default Blue, Default Orange, Default Yellow လုိ႔ ေပးထားပါတယ္။ ၾကိဳက္ရာေျပာင္းယူႏုိင္ပါတယ္။

    Customize Smilies ကုိ ျပန္သြားပါ။ ခုေျပာမွာကေတာ႔ ကုိယ္ၾကိဳက္တဲ႔ Smilies ပုံေလးေတြကုိ ဘယ္လုိထည္႔လုိ႔ ရႏိုင္မလဲ ဆုိတာပါပဲ။



    New Row ကုိ ယူလုိက္ပါ။ URL Address ေနရာမွာ ကုိယ္ထည္႔ခ်င္တဲ႔ Smilies ပုံေလးရဲ႔ URL ကုိ ရုိက္ထည္႔ေပးလုိက္ပါ။ Code ေနရာမွာေတာ႔ ကုိယ္႔ရဲ႔ Smilies ေလးအတြက္ သီးသန္႔ သေကၤတေလးတစ္ခု ကုိယ္႔ဖာသာကိုယ္ လုပ္ေပးလုိက္ပါ။ ဥပမာ ဟားတုိက္ရီေနတဲ႔ ပုံေလးထည္႔ထားမိရင္ :)) လုိ႔ ရုိက္ထည္႔ျပီး မွတ္ခုိင္းထားတဲ႔ ပုံစံမ်ိဳးေပါ႔။

    My Users Tab ကေတာ႔ Diabled ျဖစ္ေနပါတယ္။ သူကေတာ႔ ပုိက္ဆံသြင္းထားတဲ႔ Registered Users ေတြအတြက္ပဲ ရပါတယ္။ Blocked Users ကေတာ႔ ကုိယ္႔ဘက္က Block လုပ္ထားတဲ႔ User ေတြနဲ႔ ပတ္သက္တဲ႔ Information ေတြ ျပထားတာပါ။

    Messages မွာကေတာ႔ ကုိယ္႔ Cbox မွာ ေရးထားတဲ႔ Messages ေတြကုိ Manage လုပ္လုိ႔ရပါတယ္။



    ကုိယ္ဖ်က္ခ်င္တဲ႔ Message ကုိ Tick လုပ္ျပီး ဖ်က္ပစ္လုိ႔ရပါတယ္။ ကုိယ္ Ban လုပ္ခ်င္တဲ႔ User ကုိလည္း Tick လုပ္ျပီး Ban ဆုိတာကုိ ႏွိပ္လုိက္လုိ႔ရပါတယ္။ ဒါဆုိရင္ အဲဒီ႔ user ကုိယ္႔ Cbox မွာ စာလာေရးလုိ႔ မရေတာ႔ပါဘူး။ IP Address ကုိလည္း Tracking လုိက္လုိ႔ ရပါတယ္။ ဘယ္ေနရာကေန စာလာရုိက္တယ္ဆုိတာကုိ သိႏုိင္တာေပါ႔။ ကၽြန္ေတာ္သုံးတဲ႔ IP Tracking Tool ကေတာ႔ IP Hacker ပါ။

    Cbox အေၾကာင္းကေတာ႔ ဒီမွာ ျပီးပါျပီ။

    ကုိယ္႔ရဲ႔ဘေလာ႔ဂ္မွာ Cbox တင္ဖုိ႔အတြက္ Quick Setup ကုိ ျပန္သြားပါ။ သူေပးထားတဲ႔ Codes ေတြကုိ ကူးယူပါ။



    ျပီးရင္ Blogger ထဲကုိ Sign in ၀င္ျပီးေတာ႔ Template>Add Page Element မွာ HTML/JavaScript ကုိ ေရြးလုိုက္ပါ။ ျပီးရင္ ကူးယူလာတဲ႔ Code ေလးေတြ ကုိ ထည္႔ေပးလုိက္ရုံပါပဲ။



    Add a Page Element ကုိႏွိပ္လုိက္လွ်င္ ျမင္ရမည္႔ပုံ



    အားလုံး အဆင္ေျပ ေခ်ာေမြ႔ၾကပါေစ ခင္ဗ်ာ။ မရွင္းတာရွိရင္လည္း Comments ထဲမွာ ၀င္ေရာက္ ေမးျမန္းႏုိင္ပါတယ္။

    မွတ္ခ်က္။

    ၁. Cbox တြင္ အေကာင္းအဆုိးေရာေနသည္။ Cbox ထည္႔ထားျခင္းေၾကာင္႔ မိတ္ေဆြမ်ားတုိးပြားလာႏုိင္သကဲ႔သုိ႔ အမည္မေဖာ္ဘဲ ၀င္ေရာက္ေႏွာင္႔ယွက္ တတ္သူမ်ားေၾကာင္႔လည္း စိတ္အေႏွာင္႔အယွက္ ျဖစ္ရတတ္ပါသည္။

    ၂. Blogger အသစ္မ်ားအေနျဖင္႔ Cbox ရွိထားျခင္းသည္ မိမိဘေလာ႔ဂ္အတြက္ လာလည္သူမ်ားထံမွ အၾကံဥာဏ္ေကာင္းမ်ား ပုိမုိ၍ ရလာေစႏုိင္ပါသည္။ မိတ္ေဆြ မ်ားလည္း ပုိမုိတုိးပြားလာေစႏိုင္ပါသည္။

    ၃. Cbox မရွိေသာ ဘေလာ႔ဂ္သို႔ ၀င္လွ်င္ မရင္းႏွီးေသးေသာ သူစိမ္းအိမ္သုိ႔ အလည္သြား ရသည္ႏွင္႔ တူပါသည္။ ထုိ႔ျပင္ မိမိအား ေအးစက္စက္ႏွင္႔ ဆက္ဆံေနသကဲ႔သုိ႔ ခံစားရပါသည္။

    (ဤကား စာေရးသူ၏ အာေဘာ္ပင္ ျဖစ္၏…)


    Read More...
    AddThis Social Bookmark Button