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...

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:
All in one search engine, Alltheweb, AND, Baidu, Category Search, code search, Directory Search, Dogpile, Field Search, file search, Gahooyoogle, Google, Google and Yahoo, Google Search Operators, Index Search, knowledge, Lycos, Microsoft, mp3 search, MSN, NOT, Operators, SE, search by extension, search engine, Search Engine Technology, search query, searching code, serach operators, Spider, technology, tips, Tips for searching, Web, Web Crawler, Web Robot, Web Search, Web Sites, Web Spider, Wildcard, Yahoo

Read More...

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 ေတြ မ်ိဳးစံုရွိပါတယ္။







ကိုယ္ၾကိဳက္တဲ့ image ရဲ႕ URL ကို မွတ္ထားပါ။ ဥပမာ - ဒီ ပံုရဲ႕ 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:
add digg button, add digg button to blog, blogging, bookmarks, digg, digg button, vote to blog post

Read More...

Contributor: Tayzar Blink44

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

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...

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...

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



Download | Get More

Read More...

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)

Tags: free icons, icons, web icons, linux icons, mac icons

Read More...