30/06/2012

Spyware, viruses, & security : IE security clicker agent

ကြ်န္ေတာ္မနက္အိပ္ယာထေတာ့
ႏုိးႏုိးခ်င္းကြန္ပ်ဴတာစဖြင့္တယ္
Information ကအသက္တမွ်အေရးၾကီးသကုိး :)အမွန္ကေမးလ္ေလးဘာေလးမ်ားပုိ႔ထားတာေလးမ်ားရွိမလားလုိ႔ :
Gtalk ဖြင့္ Fireboxဖြင့္တယ္ အားလုံးပုံမွန္ဘဲ..မေန႔က Journal ဖတ္ဖုိ႔ဆုိၿပီးFolder တစ္ခုထဲမွာသိမ္းထားတဲ့
File ေလးကုိၾကည့္ဖုိ႔လုပ္ေတာ့..အဲဒီမွာတင္ၿပႆနာကစတက္ေတာ့တာဘဲ..
Folder ကုိဖြင့္လုိ႔မရေတာ့ဘူး ဖြင့္လုိက္တာနဲ႔ဘဲ IE security clicker agent ဆုိၿပီး
Firebox ၾကီးဘဲတက္လာတယ္ ..ေသခ်ာၿပီ Virus ေတာ့မိေနၿပီလုိ႔..
Virus ၀င္ေနရင္ပုံမွန္အတုိင္း format ခ်ခါနီးမွာ မၿဖစ္ေသးဘူးစမ္းၾကည့္ၿပီးေၿဖရွင္းၾကည့္ပါအုံးမယ္လုိ႔
လက္က်န္ဇဲြေလးကုိအရင္းတည္ ပ်က္ရင္ပ်က္တယ္မွတ္ဆုိတဲ့ တရားသေဘာကုိစိတ္လုံးလုံးခ်ၿပီး
Spyware, viruses, & security : IE security clicker agent ဆုိတဲ့ Firebox မွာေပၚတဲ့လင့္ေလးကုိ
သြားၿပီးေတာ့လုိက္စူးစမ္းၾကည့္မိတယ္....
လင့္ေတြကေတာ့ အဲဒီProblem နဲ႔ပတ္သက္ၿပီး forum ေတြမွာေဆြးေႏြးထားခ်က္ေလးေတြပါ..
ကြ်န္ေတာ္လည္းမေတာက္တေခါက္အဂၤလိပ္စာေလးနဲ႔ဘာသာၿပန္ၾကည့္မိတယ္...
သူတို႔ရဲ႔အေမးအေၿဖေလးေတြကုိေပါ့...အဲ "ဒီေဆာ့၀ဲေလးက Folderဖြင့္မရတဲ့ၿပႆနာနဲ႔ Virus ေတြကုိရွင္းထုတ္ေပးႏုိင္ Virus Scan ဖတ္ႏုိင္တဲ့ေဆာ့၀ဲေလးဆုိပါကလား "
ေဆာ့လ္၀ဲနာမည္ေလးက SUPERAntiSpyware ေဆာ့လ္၀ဲေလးပါတဲ့
ကြ်န္ေတာ္လည္း သူတုိ႔ေၿပာတဲ့အတုိင္း Download ခ်Runၿပီး Virus Scan
ဖတ္လုိက္တယ္....Virus Scan ဖတ္တာလည္းတယ္ၾကာတယ္သကုိး
ကြ်န္ေတာ္လည္းအခ်ိန္ရွိခုိက္လုံ႔လစုိက္ၿပီးVirus Scan လုပ္ေနခ်ိန္မွာ တစ္ေရးအိပ္ေနလုိက္တယ္
အိပ္ေရး၀ၿပီးၿပန္ထေတာ့ Virus Scan ကComplete ၿဖစ္ေနၿပီေန အဲဒီအခါက်မွ
Virus ေတြကို Delete ေပးၿပီး Reboot ေပးလုိက္တယ္ ၿပန္တက္လာေတာ့
အုိေကမွာစုိေၿပသြားေတာ့တယ္..ခုဆုိ Virus ရွင္းလူသားၾကီးၿဖစ္ေနၿပီေပါ့...:D

ကဲေဆာ့၀ဲေလးက ဒီမွာပါ

သူငယ္ခ်င္းေတြလည္း ဒီလုိၿပႆနာမ်ိဳးေတြၿဖစ္လာရင္
အဆင္ေၿပေအာင္လုိ႔ပါ ကြန္ပ်ဴတာေကာင္းေကာင္းနဲ႔ခ်က္ေကာင္းေကာင္းတက္ႏုိင္ၾကပါေစ..:)

WinSys2 virus error and RegistryBooster 2009

Now i tell about of Winsys2.exe.
winsys2.exe is a program that may have been installed by you. The exact disk location where it should be stored on your computer is also shown below to verfiy it is not spyware, as many spyware programs use similiar names and just locate them elsewhere on your hard drive.you can more than
on here

I had one error of this program.That is can't remove this program .It is always stay and show at tab bar.So i think i have a problem at window32 and recive virus.
I research to slove this problem in google page.
I founded one software .It name is RegistryBooster 2009 .
Registry Booster 2009 program is be use for optimizing and cleaning the Windows registry
I download this program .And then do that .
The first run the program and second scan read my computer.
Waited a few minute the scan is complete and winsys2 program can't see at my computer tab bar.
I will give RegistryBooster 2009 at down.
Please u have problem as like my experience.

Download

Can u get " here" this program.
thanks for understanding of my post.

Microsoft Expression Web 3 portable

Microsoft Expression Web ဆုိတာ WYSIWYG HTML editor မ်ိဳးၿဖစ္ၿပီး Microsoft Front Page ေနရာမွာထပ္မံအစားထုိးၿပီး၀င္ေရာက္လာတဲ့ Microsoft ရဲ႔ generalWeb Desig program ၿဖစ္ပါတယ္..။
Expression Studio suite ရဲ႔အစိတ္အပုိင္းၿဖစ္ၿပီး။ သူရဲ႔အဓိကရည္ရႊယ္ခ်က္ကေတာ့...professional website designers တစ္ေယာက္ၿဖစ္လာေစရန္ပါတဲ့..........။
Expression Web allows authoring of web pages integrating XML, CSS 2.1, ASP.NET 2.0, XHTML, XSLT and JavaScript into sites. It requires the .NET Framework 2.0 to operate.
Microsoft Expression Web provides the ability to install add-ins from third-party developers, extending the capabilities of Expression Web.
ကဲ့ လုိခ်င္ရင္ အသုံးၿပဳခ်င္တယ္ဆုိရင္ေတာ့ ေဒါင္းလုတ္လင့္ေလး ညႊန္းေပးလုိက္ပါတယ္....။
(၄)ဖုိင္စလုံးကို Download ၿပီးမွ zip ေၿဖရမွာၿဖစ္ပါတယ္....။
ဒါဆုိရင္ေတာ့ အသုံးၿပဳလုိ႔ရပါၿပီ....။ အစကေတာ့ Mediafire ကတင္ေပးမလုိ႔ပါဘဲ ဖုိင္ဆုိဒ္က 800 MB ေက်ာ္ေလာက္ရွိေတာ့ အဆင္မေၿပၿဖစ္သြားလုိ႔ပါ.... Deposite ကေနဘဲရွယ္ေပးလုိက့္ပါတယ္..။
အဆင္ေၿပၾကပါေစ လုိခ်င္တဲ့သူမ်ားအတြက္......

Download 1

Download 2

Download 3

Download 4

အျဖဴေရာင္သံစဥ္ ေရဒီယိုထည့္ဖို႔ စိတ္၀င္စားလွ်င္

၁။ ဤ အျဖဴေရာင္သံစဥ္လင့္ ကိုႏွိပ္ပါက google docတြင္ Codeမ်ား ေပၚလာပါမည္။

၂။ ယင္း Codeကို ကူးယူပါ။
၃။ Blogger Sign In > Layout > Page Elementsမွ Add a gedgetကို ႏွိပ္ပါ။
၄။ HTML/JavaScriptကို ေရြးခ်ယ္လိုက္ပါ။
၅။ ကူးယူထားေသာ Codeကို Pasteလုပ္လိုက္ပါ။ ေခါင္းစဥ္တပ္စရာ မလိုပါဘူး။
၆။ ထို႔ေနာက္ Saveလုပ္ပါ။ မိမိထားလိုသည့္ေနရာတြင္ထား၍ Page Elements မွာလည္း Saveလုပ္ပါ။

ျပန္လည္ ျပင္ဆင္ၿပီးပါၿပီ။ ကံေကာင္းပါေစ။

Favicon ဆိုတာဘာလဲ? ဒါကို Blogထဲမွာ ဘယ္လိုထည့္မွာလဲ?

Faviconဆိုတာဘာလဲ?

Faviconဆိုတာ Web Broswer Windowရဲ့ Address နားမွာ ျဖစ္ျဖစ္ Tabမွာျဖစ္ျဖစ္ ေပၚေနတဲ့ Web/ Site/Blogအမည္ကို ကိုယ္စားျပဳ ရည္ညြန္းထားတဲ့ Iconပံုေလးသာျဖစ္သည္။ Website/ Blogတစ္ခုခုကို ၀င္ဖြင့္လိုက္သည္ႏွင့္ Faviconေလးသည့္ ထို Website/ Blog၏ လိပ္စာအေရွ႔တြင္ ေပၚမည္ျဖစ္သည္။

Faviconကို ဥပမာအရ ေျပာရရင္. က်ေနာ့္ Blogကိုဖြင့္လိုက္သည္ႏွင့္ လိပ္စာတြင္ ေအာက္ပါပံုေလးအတိုင္း ထြက္ေပၚလာမည္ျဖစ္သည္။

ဒါကို Blogထဲမွာ ထည့္လို႔ရပါသလား?
ဟုတ္ကဲ့ ထည့္ႏိုင္ပါတယ္။

ဒါဆို ဘယ္လိုထည့္မွာလဲ? နည္းျပေပးပါ။

ဟုတ္ကဲ့။ Faviconကို Bloggerထဲမွာ ထည့္မယ္ဆိုရင္ ေအာက္ပါအဆင့္မ်ားကို လုပ္ေဆာင္ပါ..

Faviconပံုေတြကို သင္ကိုယ္တိုင္ Image Editor/ Photo Editorျဖင့္ ဖန္တီးႏိုင္ပါသည္။ ဥပမာ - Photoshopစသည္ျဖင့္ ျပဳလုပ္ႏိုင္ပါသည္။ Internetထဲမွာလည္း ရွာႏိုင္ပါသည္။ မရွာပါနဲ႔ေတာ့။ အခု ကၽြန္ေတာ္ေပးတဲ့ Websiteမွ ယူႏိုင္ပါသည္။ ၄င္းတြင္ မိမိကိုယ္တိုင္လည္း ဖန္တီးႏိုင္ပါသည္။ ကၽြန္ေတာ္ကေတာ့ ျပင္းလို႔ သူေပးထားတဲ့ Lastest Faviconsကိုပဲယူပါတယ္။
ဦးစြာ Blogger > Layout > Edit HTML > Expand Widgetကို အမွန္ျခစ္ျပဖို႔ မေမ့ပါနဲ႔။
ထို႔ေနာက္ ေအာက္ပါ Codeကိုရွာပါ။
ေတြ႔ရွိပါက ယင္း Codeအေပၚတြင္ ေအာက္ပါ Codeကို ထည့္သြင္းလိုက္ပါ။
၄င္းေနာက္ Your Favicon URLေနရာတြင္ မိမိၾကိဳက္ႏွစ္သက္တဲ့ Faviconပံု၏ linkကို ထည့္သြင္းရမည္ျဖစ္သည္။ သြင္းရန္ ဤwebsiteကို ထပ္သြားပါ။ Latest Favicon ကိုႏွိပ္ပါ။
မိမိၾကိဳက္ႏွစ္သက္တဲ့ Faviconကိုႏွိပ္လိုက္ပါ။ ပံုအၾကီးႏွင့္ အေသးရွိပါသည္။ အေသးေပၚတြင္ Right-clickႏွိပ္ၿပီး Propertiesကိုႏွိပ္ပါ။
Location မွ Linkကို Selectလုပ္ၿပီး Copyလုပ္ပါ။
ေနာက္တဖန္ အထက္ပါ ေျပာျပထားသည့္အတိုင္း Your Favicon URLေနရာတြင္ မိမိ Copyလုပ္ထားေသာ Linkကို အစားထိုးသြင္းလိုက္ပါ။
Save Templateျဖင့္ အဆံုးသတ္ပါ။ ဒါဆို Faviconအေၾကာင္းကို သိသင့္သေလာက္ သိၿပီေပါ့။

Post Titleေရွ ့၌ Animated Image/ Logoထည့္မယ္

ဒီမွာ သူငယ္ခ်င္းတို႔ လာျပန္ၿပီ Bloggingတဲ့။ ဒီတစ္ေခါက္ Post Titleေရွ ့မွာ Animated Image/ Logoထည့္တဲ့နည္းကို တင္ျပပါမယ္။ သိပ္လြယ္ကူၿပီး Bloggerတိုင္း ဘာအခက္အခဲမွ မရွိဘဲ ထည့္ႏိုင္ပါတယ္။ ဒါဆို ဘယ္လိုလုပ္မွာလဲ။ ေဟာဒီလိုလုပ္.... ဟယ္ဟယ္.. စတာပါ။

ဦးစြာ.....

အဆင့္ (၁)

www.google.comကိုသြားၿပီး 'animated picture' - ဥပမာ - "animated gifs hands" စာသားေပါ့။ Link ဒီမွာယူႏိုင္သည္။ တျခား gif ပံုမ်ားကိုလည္း ထည့္သြင္းႏိုင္ပါသည္။
ထို႔ေနာက္ animatedပံုေပၚလာေသာအခါ ထိုပံုေပၚတြင္ Right-clickႏွိပ္ၿပီး Propertiesကို ႏွိပ္ပါ။
Properties dialog boxေပၚလာေသာအခါ Locationမွ Linkကို Selectလုပ္ၿပီး Copyလုပ္ပါ။
Notepad တြင္ Pasteလုပ္ထားပါ။

အဆင့္ (၂)

Blogger Layout > Edit HTML > Expand Widgetကို အမွန္ျခစ္ျပ၍ ေအာက္ပါ Codeကို ရွာပါ။ ရွာရန္ Ctrl + Fႏွိပ္ၿပီး ေအာက္ပါ Codeကို Findတြင္ Pasteလုပ္၍ Nextကို ႏွိပ္ပါ။ ထို Codeအား ေတြ႔ပါမည္။

<b:if cond='data:post.url'>
အထက္ပါ ရွာထားေသာ Codeေပၚတြင္ ေအာက္ပါ Codeကို Pasteလုပ္ပါ။


<img src=" Yours Image UrL " style="border-width:0px"/>

ထို႔ေနာက္ Pasteလုပ္ထားေသာ အေပၚ Codeမွ Yours Image Url - မိမိ၏ ဓါတ္ပံု URLကိုထည့္ပါ။ ခုဏက လုပ္ေဆာင္ခ်က္ အဆင့္ (၁)တြင္ Notepadထဲတြင္ ထည့္ထားေသာ Image Linkကို ျပန္ကူးယူၿပီး Yours Image Url ေနရာတြင္ အစားထိုးလိုက္ပါ။ Spacမ်ား " " မ်ားကို ေသခ်ာ စစ္ေဆးပါ။
ေနာက္ဆံုး Save Template Buttonကို ႏွိပ္ပါ။ လုပ္ေဆာင္ခ်က္ၿပီးပါၿပီ။

Alert Message and Dialog Box အား Bloggerဖြင့္တိုင္း ေပၚေစလိုက

သင့္အတြက္ မနက္ျဖန္

မိမိ၏စာဖတ္ပရိတ္သတ္အား မိမိ Blogထဲ မ၀င္ေရာက္ခင္ မိမိေပးလိုေသာ အထူးေၾကျငာခ်က္, Information မ်ားႏွင့္ အသိေပးစာမ်ားကို Dialog Boxအျဖစ္ ေပးေပၚေစႏိုင္ပါသည္။ ယင္းကို Pop up boxဟုလည္း ေခၚေ၀ၚပါသည္။ ထို Boxတြင္ မိမိ၏ Messageမ်ားႏွင့္ စာဖတ္သူမ်ား အတည္ျပဳႏိုင္ရန္ "OK" bottonေလးမ်ားပါ၀င္ပါသည္။ သည့္အျပင္ "OK"ႏွိပ္ပါက Website/ Blogတစ္ခုႏွင့္ ဆက္သြယ္ထားၿပီး "Cancal"ႏွိပ္ပါက တျခား Website/ Blogတစ္ခုသို႔သြားရန္ ညြန္းႏိုင္ပါသည္။ ယင္းအျပင္ စာဖတ္သူမ်ား၏ အမည္ႏွင့္ အခ်က္အလက္မ်ားကိုလည္း Message Boxတြင္ ေမးျမန္းႏိုင္ပါသည္။ ဤလုပ္ေဆာင္ခ်က္ JavaScript သည္ မိမိ၏Blogထဲတြင္ Alert Message and Dialog Boxအား မည္ကဲ့သို႔ ထည့္ႏိုင္မည္ကို တင္ျပသြားပါမည္။

Alert Box with OK button - OK buttonျဖင့္ ၀င္ခိုင္းသည့္ Alert Message Box

ကန္႔သတ္ခ်က္ရွိေသာ Sites/ Blogမ်ားအတြက္ Serious Message Boxမ်ားျဖင့္ ေမးေလ့ရွိသည္။ တခ်ိဳ႔ Sites/ Blogမ်ားမွာ ၾကိဳဆိုမွဳ၊ ေက်းဇူးတင္ေၾကာင္း ေဖာ္ျပလိုမွဳ စသည့္ရည္ရြယ္ခ်က္မ်ားျဖင့္ တင္ျပေလ့ရွိသည္။

Alert Box with OK buttonကို ဖန္တီးလိုပါက.

၁။ Blogger ထဲ Sign In၀င္ပါ။ Page Elementsမွ New Gedgetကို ေခၚပါ။ HTML/ JavaScriptကို Addလုပ္ပါ။
၂။ ေအာက္ပါ JavaScript Codeကို ကူးယူၿပီး ထည့္သြင္းလိုက္ပါ။

You are about to enter an extremely funny site. People who are prone to alughing fits...Beware!
စာသားေနရာတြင္ မိမိထည့္လိုေသာ စာသားအား ထည့္လိုက္ပါ။
၃။ Save လုပ္ပါ။

--------------------------------------------------------------------------Alert Box with Confirmation button - အတည္ျပဳခိုင္သည့္ Alert Message Box

ဒါနဲ႔ ပတ္သတ္ၿပီး Buttonႏွစ္ခုျဖင့္ ေရြးခ်ယ္ခိုင္းပါမည္။ Ok buttonသည့္ အတည္ျပဳက ဤ Site/Blogထဲကို ၀င္မည္။ Cancal buttonသည့္ အတည္မျပဳက တျခား site/Blogျဖင့္ သြားခိုင္းမည္။ အဲဒီအတြက္ Website/ Blog linkကို ထည့္သြင္းရမည္ျဖစ္သည္။

၁။ Blogger ထဲ Sign In၀င္ပါ။ Page Elementsမွ New Gedgetကို ေခၚပါ။ HTML/ JavaScriptကို Addလုပ္ပါ။

၂။ ေအာက္ပါ JavaScript Codeကို ကူးယူၿပီး ထည့္သြင္းလိုက္ပါ။

1 <script type="text/javascript">
2 confirm('This site contains explicit contents. Are you sure you want to continue?');
3 if (confirm('This site contains explicit contents. Are you sure you want to continue?')) {
4 window.location = "http://tips-for-new-bloggers.blogspot.com/";
5 }
6 else {
7 window.location = "http://www.google.com/";
8 }
9 </script>

confirm('This site contains explicit contents. Are you sure you want to continue?'
confirmသည့္ စာဖတ္သူက အနီေရာင္စာသားကို ဖတ္ၿပီး oK buttonႏွိပ္ရန္ ရည္ညြန္းသည္။

if (confirm(This site contains explicit contents. Are you sure you want to continue?
if confirmသည္ စာဖတ္သူက oKႏွိပ္ၿပီး ေနာက္တစ္ဆင့္ ထပ္ႏွိပ္ရန္ အတည္ျပဳခိုင္းမည္။ စာသားေျပာင္းထည့္ႏိုင္သည္။

window locationသည္ oKႏွိပ္က ၀င္ေရာက္မည့္ site/ Blogလိပ္စာကို ထည့္သြင္းေပးရမည္ျဖစ္သည္။
ဒုတိယ window locationသည္ Cancalႏွိပ္ၿပီး ၀င္ေရာက္မည့္ site/Blogလိပ္စာကို ထည့္သြင္းေပးရမည္ ျဖစ္သည္။

၃။ Save ႏွိပ္ပါ။

----------------------------------------------------------------------------

Alert Box with Prompt field - ေမးခြန္းျဖင့္ စာဖတ္သူ အမည္၊ အေၾကာင္းအရာျဖင့္ ၀င္ေရာက္မွဳ

ဒါက စာဖတ္သူအား informationေတာင္းသည့္ Message fieldျဖစ္သည္။

၁။ Blogger ထဲ Sign In၀င္ပါ။ Page Elementsမွ New Gedgetကို ေခၚပါ။ HTML/ JavaScriptကို Addလုပ္ပါ။

၂။ ေအာက္ပါ JavaScript Codeကို ကူးယူၿပီး ထည့္သြင္းလိုက္ပါ။


<script type="text/javascript">
var yourName = prompt("How can we address you?", "Reader");</script>

How can we address you? တြင္ မိမိထည့္လိုေသာ Question
၃။ Saveႏွိပ္လိုက္ပါ။

26/06/2012

Gmail , Yahoo Mail ထဲမွာ IP address ရွာပံုေတာ္

ရိုးရိုးရွင္းရွင္းပါပဲ ... လြယ္လည္း လြယ္ပါတယ္... ဒါ့အျပင္သိျပီးသားလည္း ျဖစ္နိုင္ပါတယ္...သိရင္ေတာ့ မဖတ္ပါနဲ႔ေတာ့ အခ်ိန္က တန္ဖိုးရွိပါတယ္... အျခား အဆင့္ျမင့္ပိုင္းေတြကို ဆက္လက္ေလ့လာ ဖို႔အၾကံျပဳပါရေစ။

IP address ရဲ႕ အေရးပါပံုကို အနည္းနဲ႔ အမ်ားေတာ့ သိေလာက္မယ္ထင္ပါတယ္...။ ဒီ post မွာေတာ့ Gmail နဲ႔ Yahoo Mail ထဲမွာ ကိုယ့္ကို Mail ပို႔လိုက္တဲ႔ သူရဲ႕ IP address ကို ရွာေဖြတဲ႔ နည္းေလးပါ။

GMail ထဲတြင္ ေပးပို႔သူရဲ႕ IP address ကိုရွာေဖြျခင္း

၁။ log in လုပ္
၂။ Mail ဖြင့္ ( ကိုယ္သိခ်င္တဲ႔ Mail ကိုေျပာတာပါ ။ )
၃။ header ရဲ႕ ညာဘက္ေထာင့္ options ထဲမွာ ရွိတဲ႔ Show Original ကို click လိုက္ (ေအာက္မွာျပထားတဲ႔ ပံုထဲက အတိုင္းေပါ့ )

၄။ အဲဒါကို click ျပီးသြားရင္ new tab နဲ႔ page တစ္ခုပြင့္လာပါလိမ့္မယ္။ အဲဒီထဲမွာ hostname တခ်ိဳ႕ နဲ႔အတူ [...] ထဲက နံပါတ္ေတြကေတာ့ ဒီေမးလ္ကို ေပးပို႔လိုက္တဲ႔ သူရဲ႕ IP ျဖစ္ပါတယ္...။ ေအာက္မွာျပထားတဲ႔ ပံုစံေလးေတြအတိုင္းေတြ႔ရနိုင္ပါတယ္...။

Received: from gateway15.websitewelcome.com (gateway15.websitewelcome.com
[65.119.112.245])

client-ip=65.119.112.245;

65.119.112.245 က ေပးပို႔သူရဲ႕ IP address ျဖစ္ပါတယ္။ ပို႔လိုက္တဲ႔သူရဲ႕ IP address Track ပါ။

Yahoo Mail ထဲမွ ေပးပို႔သူရဲ႕ IP address

၁။ log in
၂။ Mial ဖြင့္လိုက္ပါ။
၃။ ျပီးရင္ header ညာဘက္ေထာင့္က Actions ထဲမွာ down arrow ကို click လိုက္၊ ျပီးရင္ Full Header ကို click ပါ။ (ပံုမွာၾကည့္ပါ။)

၄။ [ ] ထဲမွာ ပါတဲ႔ နံပါတ္ေတြကေတာ့ Sender ရဲ႕ IP address ျဖစ္ပါတယ္။ ေအာက္မွာျပထားတဲ႔ အတိုင္းေတြ႔ႏိုင္ပါတယ္။

X-Originating-IP: [202.65.138.109]

Received: from 127.0.0.1 (EHLO account.m.imeem.com) (202.65.138.109)

202.65.138.109 ကေတာ့ IP address ၊ Track IP address ျဖစ္ပါတယ္။

Gmail AIO 2009

သင့္ရဲ႕ Gmail Account AIO အတြက္ အသံုး၀င္တဲ႔ Application တစ္ခုျဖစ္ပါတယ္။
ပါ၀င္တဲ႔ feature ေတြကေတာ့...
GMAIL DRIVE
GMAIL HACKING
GMAIL ICON CREATOR
GMAIL DESKTOP STUDIO
GMAIL ACCOUNT CREATOR
GMAIL PASSWORD RECOVERY
FAKE GMAIL PAGE CREATOR
AND GMAIL ADDONS
GMAIL DRIVE
GMAIL 2
GMAIL LODER
GMAIL NOTIFIER
P2M

Hacking Addon

Hacking Addon ေတြကို အသံုးျပဳခ်င္ရင္ https://addons.mozilla.org/en-US/firefox/tag/hacking မွာ ရယူႏုိင္ပါတယ္။

အခုအေပၚမွာ ေျပာခဲ႔တာေတြက Firefox ကို hack ႏိုင္တဲ႔ နည္းလမ္းေတြထဲက အနည္းငယ္ကိုသာ ေဖာ္ျပခဲ႔တာျဖစ္ပါတယ္။ အျပည့္စံုဆံုး နဲ႔ အမ်ားၾကီးသိခ်င္တယ္ .... ကလိခ်င္တယ္ ဆိုရင္ေတာ့ ေအာက္မွာ ေပးထားတဲ႔စာအုပ္ကို ဖတ္ဖို႔အၾကံျပဳပါရေစ...

မူရင္း။ ။က်ေနာ္႕မွတ္စုစာအုပ္

ခ်ယ္ရီပြင့္ခ်ပ္ အတြက္ Code...။

ဒီ code ကို ဘယ္ကေနယူခဲ႔လဲဆိုတာ က်ေနာ္လည္း ေမ့ေနျပီး... အခုေအာက္မွာေပးထားတဲ႔ code ကို Layout> Add a Gadget > Html/JavaScript ထဲကို ထည့္လိုက္ရင္ အဆင္ေျပသြားမွာပါ...။

<div class="widget-content">
<center><script language="JavaScript" src="http://www.kddi.com/sakura2009/blogparts/js/sakura.js"
type="text/javascript"></center></script>
</div>

ေတာင္းဆိုထားတဲ့ အဆိုေတာ့္အသံ မပါပဲ တီးလံုးသက္သက္ပဲလိုခ်င္လို ့ပါ ဆိုတဲ့သူငယ္ခ်င္းအတြက္ ေဆာ့၀ဲရျပီ

သူငယ္ခ်င္းတို႔ ေရ သီခ်င္းေတြကို အဆိုေတာ့္အသံ မပါပဲ တီးလံုးသက္သက္ပဲ လိုခ်င္လို႔ပါ
ကၽြန္ေတာ္ ဘယ္ေဆာ့ဝဲနဲ႕ သံုးရမလဲဗ်ာ
သိရင္လည္း ေျဖေပးပါဦး
ေက်းဇူးျပဳျပီးေတာ့ ေဆာ့ဝဲ ရွိရင္လည္း မွ်ေဝေပးပါဦးဗ်ာ
ကၽြန္ေတာ့္ေတာ့ လိုက္ရွာရတာ ေခါင္းေတာင္မူးေနတယ္
ဆိုျပီးေတာင္းဆိုထားတဲ့သူငယ္ခ်င္းနဲ ့သူလိုပဲလိုခ်င္ေနမဲ့သူငယ္ခ်င္းေတြအတြက္ ရွာေဖြေ၀မွ်ေပးလိုက္ပါတယ္ ... အမွန္တကယ္ေတာ့ဒီဆိုဒ္ထဲမွာတင္ေပးခ်င္စိတ္မရွိေတာ့တာေတာ့အမွန္ပါပဲဒါေပမဲ့... စိတ္ေကာင္း၀င္ေနတုန္းခဏမွာတင္ေပးလိုက္တာပါ ...
္္free ဆိုအရမ္းအထင္ေသးတတ္တဲ့သူေတြနဲ ့ free ဆိုမသံုးခ်င္သူေတြေတာ့ မသံုးပါနဲ ့၀က္သတ္ေပါက္လိမ့္မယ္..
ေဆာ့၀ဲကိုေတာ့ ေအာက္မွာ မူရင္းစာမ်က္နွာမွာပဲမိမိစိတ္ၾကိဳက္သြားေဒါင္းလိုက္ေပါ့ေနာ္ အသံုးျပဳပံုေတာ့အစမ္းသပ္ရေသးတဲ့အတြက္ မဘူးပဲ

ဒီေနရာကေန သြားေဒါင္းလိုက္ပါ ။။
ဒီလိုပဲ ဂီတနဲ ့ပတ္သက္တဲ့ အျခားအျခားေသာေဆာ့၀ဲမ်ားနဲ ့အသံုး၀င္ပံုအသံုးျပဳပံုသိခ်င္ရင္ ဂီတcrazy မိတ္ေဆြတစ္ဦးေရးသားထားတဲ့ ဆိုဒ္တစ္ခုကိုသြားေလ့လာၾကည့္လိုက္ပါ ။။။

အမွန္တကယ္တီတျမတ္နိုးသူေတြနဲ ့ေလ့လာသူေတြအတြက္အမွန္တကယ္အသံုး၀င္မဲ့ေဆာ့၀ဲနဲ ့ေတးသီခ်င္းေတြကိုပဲ တင္ေပးထားပါတယ္ .....။
၀င္ေရာက္ရမဲ့လင့္က =>ျမန္မာေတးသီခ်င္းနတ္စ္မ်ား
မွတ္ခ်က္။ ။ ေၾကာ္ျငာ :P
အဲဒီဆိုဒ္ကေဆာ့၀ဲ ေတြကိုေဒါင္းလို ့မရဘူးဆိုရင္ ေအာက္မွာေအာ္သြားၾကပါ ေနာက္မ်ားလာၾကည့္တဲ့အခ်ိန္မွာတင္ေပးထားပါ့မယ္ ။။

25/06/2012

You might also like သုိ႔မဟုတ္ Related post widget ထည့္သြင္းျခင္း

အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ ကၽြန္ေတာ္အခု ေဖာ္ျပေပးမွာကေတာ့ ဘေလာ့ဂ္မွာ အေပၚကပုံေလးလုိ Related Post Widget ထည့္သြင္းနည္းေလးပဲျဖစ္ပါတယ္။ ေအာက္မွာ ေဖာ္ျပထားတဲ့ အဆင့္မ်ားအတုိင္း လုိက္လုပ္ ၾကည့္ၾကပါခင္ဗ်ာ..။

၁။ ပထမဆုံး မိမိတုိ႔ရဲ႕ ဘေလာဂ္မွာ Sign in လုပ္ၿပီး Edit HTML ကုိသြားပါ။ ၿပီးရင္ Expand Widget Templates ဆုိတာကုိ အမွန္ျခစ္ေလး ေပးလုိက္ပါ။

၂။ ဘေလာ့ဂ္ code ေတြထဲမွာ </head> ဆုိတဲ့ code ကုိရွာပါ။ ေတြ႕ရင္ အဲဒီအေပၚမွာကပ္ၿပီး ေအာက္မွာ ေပးထားတဲ့ code ေတြကုိ copy ယူၿပီး paste လုပ္လုိက္ပါ။

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://i45.tinypic.com/6eiuq9.jpg";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

၃။ အခုတစ္ခါ ေအာက္မွာ ေပးထားတဲ့ စာေၾကာင္းေလး ႏွစ္ခုအနက္က တစ္ခုခုကုိ ေတြ႕ေအာင္ရွာပါ။

<div class='post-footer-line post-footer-line-1'>

      (သုိ႔မဟုတ္)


<p class='post-footer-line post-footer-line-1'>

၄။ ေတြ႕ရင္ အဲဒီစာေၾကာင္းေလးရဲ႕ ေအာက္ကေနကပ္ၿပီး ေအာက္မွာေပးထားတဲ့ code ေတြကုိ copy ယူၿပီး paste လုပ္လုိက္ပါ။

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://www.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

၅။ ၿပီးၿပီဆုိရင္ preview ၾကည့္ၾကည့္ပါ။ မိမိရဲ႕ ပုိ႔စ္တုိင္းရဲ႕ေအာက္မွာ Lable တူ ပုိ႔စ္ေလးေတြကုိ thumbnails ပုံေလးေတြနဲ႔အတူ ေဖာ္ျပေပးပါလိမ့္မယ္။ ဒါေပမယ့္ ဒီအတုိင္းသေဘာမက်ေသးဘူးဆုိရင္ အေပၚက နံပါတ္(၂)မွာ ေပးထားတဲ့ code ေတြကုိ ေအာက္ပါအတုိင္း edit လုပ္ႏုိင္ပါတယ္။

အမ်ားဆုံးေဖာ္ျပလုိတဲ့ Related Post အေရအတြက္ကုိ Edit လုပ္ခ်င္ရင္. (Default အေနနဲ႔ ၅ ခုေပးထားပါတယ္)။

var maxresults=5;

Related Post Title ကုိေျပာင္းလုိလွ်င္...ဥပမာ.. ''ဒါေလးေတြလည္းေရးထားတယ္'' ..

var relatedpoststitle="Related Posts";

Image ပုံမပါတဲ့ Post ေတြအတြက္ Default ေပးထားတဲ့ URL ေနရာမွာ မိမိစိတ္ႀကိဳက္ပုံေလးထည့္လုိလွ်င္..

var defaultnoimage="http://i45.tinypic.com/6eiuq9.jpg";

Related Post Thumbnail ပုံေလးေတြကုိျခားထားတဲ့ Splitter အေရာင္ကုိေျပာင္းလုိလွ်င္..

var splittercolor="#d4eaf2";

၆။ အထက္က အဆင့္ေတြအတုိင္း လုပ္ၿပီးၿပီဆုိရင္ေတာ့.. မိမိတုိ႔ရဲ႕ဘေလာ့ဂ္မွာ Related Post Widget ကုိ Thumbnails ပုံေလးေတြနဲ႕အတူ ထည့္သြင္းၿပီးသား ျဖစ္သြားပါၿပီ။ ဒါေပမယ့္ အဲဒီ Widget ေလးကုိ ပုိ႔စ္စာမ်က္ႏွာမ်ားမွာသာမဟုတ္ပဲ .. ဘေလာ့ဂ္စာမ်က္ႏွာတုိင္းမွာ ေပၚေစခ်င္တယ္ဆုိရင္ေတာ့ အေပၚက code ႏွစ္ခုစလုံးထဲက  နဲ႔စတဲ့ ေအာက္က စာေၾကာင္းႏွစ္ေၾကာင္းစလုံးကုိ ရွာၿပီး ဖ်က္ပစ္လုိက္ပါ။

<b:if cond='data:blog.pageType == "item"'>

</b:if>

၇။ အားလုံး စိတ္တုိင္းက် Edit လုပ္ၿပီးသြားၿပီဆုိရင္ Preview အရင္ၾကည့္ပါ။ Ok တယ္ဆုိမွ Save လုပ္ပါ။ အဆင္ေျပၾကပါေစခင္ဗ်ာ..။

မွတ္ခ်က္။ ကၽြန္ေတာ့ ဘေလာ့မွ You might also like မွာ LinkWithin မွသုံးထားျခင္းျဖစ္ပါသည္။ အသုံးျပဳလုိပါက ၄င္း Site တြင္သြားေရာက္၍ မိမိရဲ႕ Email နဲ႔ Blog URL ကုိျဖည့္ၿပီး သတ္မွတ္ထားသည့္ အဆင့္မ်ားအတုိင္း လြယ္ကူစြာ လုပ္ေဆာင္ႏုိင္ပါသည္။ Sign up လုပ္စရာမလုိပါ။

Blog တြင္ MP3 Music Player ထည့္ျခင္း(၂)

ကၽြန္ေတာ့္ရဲ႕ ဘေလာ့ကုိလာလည္ၾကတဲ့ မိတ္ေဆြအားလုံးမဂၤလာပါလုိ႔ ႏႈတ္ခြန္းဆက္သလုိက္ပါတယ္။ ကၽြန္ေတာ္လည္း အေၾကာင္း အမ်ိဳးမ်ိဳးေၾကာင့္ ဘေလာ့ဂင္းေရာ.. ဘေလာ့ေ၀ါ့ကင္းပါ မလုပ္ႏုိင္တာ အေတာ္ေလးၾကာသြားခဲ့ပါတယ္။ ဒီအတြက္ အားလုံးကုိ ေတာင္းပန္ပါတယ္။ ကၽြန္ေတာ္အရင္ ေဖာ္ျပခဲ့တဲ့ ဘေလာ့မွာ Mp3 Player ထည့္တာေလးက အခ်ိဳ႕အတြက္ အဆင္မေျပဘူးလုိ႔ ေျပာၾကပါတယ္။ အဲဒါကလည္း Hosting ျဖစ္တဲ့ OpenDrive က အဆင္မေျပၾကတာျဖစ္ပါတယ္။ အျခား Mp3 တင္လုိ႔ရတဲ့ code.google.com လုိမ်ိဳး Hosting တစ္ခုခုမွာ လုပ္ၾကည့္ရင္ အဆင္ေျပပါလိမ့္မယ္။ အဲဒါမွာ upload တင္နည္းေလးကုိ ဒီေနရာမွာ ေဖာ္ျပထားပါတယ္။

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

အေပၚက ကုတ္ေတြထဲမွာ အျပာေရာင္ျပထားတဲ့ Mp3 Link ေနရာမွာ မိမိတုိ႔ upload တင္ထားတဲ့ Mp3 လင့္ကုိ အစားသြင္းပါ။ Player ရဲ႕ အျမင့္နဲ႔ အက်ယ္ကုိေတာ့ မိမိဘေလာ့ရဲ႕ Sidebar width နဲ႔ လုိက္ေလ်ာညီေထြျဖစ္ေအာင္ ျပင္လုိက္ပါ။ အားလုံး အစားထုိး/ျပင္ဆင္ၿပီးသြားရင္ေတာ့ အဲဒီကုတ္ေတြကုိ ေကာ္ပီကူး၊ မိမိရဲ႕ Blog မွာ Sing in လုပ္၊ Design-->>Page Elements-->> Add a Gadget-->>HTML/JavaScript မွာ paste လုပ္ၿပီး Save လုပ္လုိက္ပါ။ ဒါက ဘေလာ့ Sidebar မွာ ေဖာ္ျပအတြက္ပဲျဖစ္ပါတယ္။

အကယ္၍ မိမိက ဘေလာ့ပုိ႔စ္ထဲမွာ ပဲ ေဖာ္ျပခ်င္တယ္ဆုိရင္ေတာ့ အဲဒီ ကုတ္ေတြကုိ ေကာ္ပီယူ Post Editor က Compose မွာမဟုတ္ပဲ Edit HTML မွာသြားၿပီး Paste လုပ္လုိက္ရုံပါပဲ။

Blog တြင္ MP3 Music Player ထည့္ျခင္း

အားလုံးမဂၤလာပါခင္ဗ်ာ..။ ကၽြန္ေတာ္အခု ေဖာ္ျပေပးမွာကေတာ့ မိမိတို႔ရဲ႕ ဘေလာ့မွာ MP3 Player ေလး ထည့္ထားခ်င္သူမ်ားအတြက္ လုပ္နည္းေလးကုိ မိမိနားလည္သလုိ ေဖာ္ျပေပးလုိုက္ပါတယ္။ New Blogger မ်ားအတြက္ ရည္ရြယ္ေရးသားျခင္းျဖစ္တဲ့အတြက္ သိၿပီးသူမ်ားအေနနဲ႔ လုိအပ္ခ်က္မ်ားကုိ ျဖည့္စြက္ေပးၾကဖုိ႔ ေမတၱာရပ္ခံပါတယ္။ စိတ္၀င္စားသူမ်ား ေအာက္ကအဆင့္ေတြအတုိင္း လုိက္လုပ္ၾကည့္ၾကပါခင္ဗ်ာ...။

အခု ကၽြန္ေတာ္ေဖာ္ျပေပးတဲ့ နည္းေလးအတုိင္း လုပ္မယ္ဆုိရင္ အရင္ဆုံး Account ႏွစ္ခု ဖြင့္ဖုိ႔လုိပါတယ္။ တစ္ခုက mp3 ဖုိင္ေတြကုိ upload တင္ၿပီး Direct Link (streaming) ထုတ္ယူဖုိ႔အတြက္ျဖစ္ၿပီး ေနာက္တစ္ခုကေတာ့ mp3 Player အတြက္ပဲျဖစ္ပါတယ္။

အဆင့္(၁)

mp3 ဖုိင္ေတြကုိ upload တင္ဖုိ႔အတြက္က direct link ရတဲ့ မိမိႏွစ္သက္ရာ site ေတြကုိအသုံးျပဳလုိ႔ရပါတယ္။ အခု ကၽြန္ေတာ့အေနနဲ႔ေတာ့ Open Drive မွာ Upload တင္တဲ့ပုံစံေလးနဲ႔ ေဖာ္ျပေပးသြားပါ့မယ္။ အရင္ဆုံး ဒီေနရာကုိ သြားၿပီး Account သစ္တစ္ခု ဖန္တီးလုိက္ပါ။ ၿပီးရင္ မိမိႏွစ္သက္တဲ့ mp3 ဖုိင္ေတြကုိ upload တင္ပါ။

upload တင္ၿပီးသြားရင္ အေပၚကပုံမွာလုိ ေတြ႕ရပါလိမ့္မယ္။ Direct Link ထုတ္ယူဖုိ႔အတြက္ ပုံမွာပါတဲ့အတုိင္း mp3 ဖုိင္ရဲ႕ အေပၚညာဘက္ေထာင့္က မွ်ားေလးကုိကလစ္လုပ္ပါ။ Links ဆုိတာကုိ ထပ္ၿပီးကလစ္လုပ္ပါ။

အေပၚကပုံမွာျပထားတဲ့အတုိင္း Direct Link: (streaming) ကုိ ေကာ္ပီလုပ္ၿပီး NotePad မွာျဖစ္ျဖစ္ မွတ္ထားလုိက္ပါ။ သီခ်င္း ၅ ပုဒ္ဆုိရင္လည္း ဒီနည္းအတုိင္း direct link ေတြကုိထုတ္ယူလုိက္ရင္ link (url) ၅ ခုရွိလာမွာျဖစ္ပါတယ္။ အခုအေပၚမွာ ေဖၚျပခဲ့တာကေတာ့ mp3 ဖို္င္ေတြကုိ upload တင္ျခင္းႏွင့္ Direct Link ထုတ္ယူျခင္းပဲျဖစ္ပါတယ္။

အဆင့္(၂)

ဒီတစ္ခါ mp3 player ဖန္တီးတဲ့အဆင့္ကုိ ေဖာ္ျပေပးပါ့မယ္။ MixPod.com မွာ သြားၿပီး Account သစ္တစ္ခု sign up လုပ္လုိက္ပါ။ ၿပီးရင္ ေအာက္က ပံုမွာ ျပထားတဲ့အတုိင္း Playlist တစ္ခု ဖန္တီးပါ့မယ္။

အေပၚကပုံအတုိင္း မိမိ upload တင္ထားတဲ့ mp3 ဖုိင္ေတြကုိသာ playlist ဖန္တီးခ်င္တဲ့အတြက္ Add URL ဆုိတာကုိ ကလစ္လုပ္ပါ့မယ္။ ၿပီးရင္ URL ဆုိတဲ့အကြက္မွာ ေစာေစာက NotePad မွာ မွတ္ထားတဲ့ mp3 ဖုိင္တစ္ခုရဲ႕ Direct Link (URL) တစ္ခုကုိ ေကာ္ပီယူၿပီး ထည့္ပါမယ္။ သီဆုိသူနဲ႔ သီခ်င္းအမည္ကေတာ့ မိမိဆႏၵအတုိင္း ထည့္ခ်င္လည္း ထည့္လုိက္ပါ။ ၿပီးရင္ Add Track ကုိကလစ္ပါ။ အဲဒီနည္းအတုိင္း သီခ်င္း ၅ ပုဒ္ ထည့္မယ္ဆုိရင္ ၅ ႀကိမ္လုပ္ရမွာျဖစ္ပါတယ္။

ဒီတစ္ခါ မိမိအသုံးျပဳလုိတဲ့ player ပုံေလးေတြ၊ အေရာင္ နဲ႔ Settings ကုိ ေရြးခ်ယ္ဖုိ႔အတြက္ Customize ကုိ ကလစ္လုပ္ပါ။

Settings မွာေတာ့ မိမိဘေလာ့ကုိဖြင့္လုိက္တာနဲ႔ သီခ်င္းသံေလးကုိၾကားေစခ်င္ရင္ေတာ့ autoplay မွာ yes၊ ဒါမွမဟုတ္ရင္ေတာ့ No ကုိေရြးခ်ယ္ေပးလုိက္ရုံပါပဲ။ အားလုံးစိတ္ႀကိဳက္ျဖစ္ၿပီဆုိရင္ေတာ့ Save Playlist ကုိ ကလစ္လုပ္ပါ။ Playlist Title မွာ ႏွစ္သက္ရာ တစ္ခုခုေပးၿပီး SAVE (get code) ကုိ ကလစ္လုပ္ပါ။ ေအာက္ကပုံအတုိင္း ေတြ႕ရပါလိမ့္မယ္။

ကၽြန္ေတာ္တို႔က blogger မွာ သုံးမွာျဖစ္တဲ့အတြက္ အေပၚကပုံမွာျပထားတဲ့အတုိင္း Blogger ကုိ ကလစ္လုပ္ပါ။ ၿပီး code ေတြကုိ ေကာ္ပီကူးလုိက္ပါ ေအာက္ပါအတုိင္း ရရွိလာပါလိမ့္မယ္။

အဲဒီအေပၚက code ေတြထဲမွာ ကၽြန္ေတာ္ highlight လုပ္ထားတာေတြကုိ ဖ်က္ပစ္လုိက္ပါ။ မဖ်က္ရင္လည္းရပါတယ္။ ဒါေပမယ့္ မိမိရဲ႕ Player ေအာက္မွာ မလုိအပ္ပဲ ရႈပ္ေနမွာစုိးလုိ႔ပါ။ အနီေရာင္နဲ႔ ျပထားတဲ့အတုိင္းအတာေတြကုိေတာ့ မိမိဘေလာ့ရဲ႕ ဆုိဒ္ဘား width န႔ဲကုိက္ညီေအာင္ ျပင္ေပးလုိက္ပါ။ မိမိဘေလာ့ရဲ႕ Sidebar က 200px ရွိမယ္ဆုိရင္ 190px ေလာက္ထားေပးလုိက္ပါ။ အားလုံးျပင္ဆင္ၿပီးၿပီ ဆုိရင္ေတာ့ အဲဒီ code ကုိ ေကာ္ပီယူ၊ မိမိရဲ႕ Blog မွာ Sing in လုပ္၊ Design-->>Page Elements-->> Add a Gadget-->>HTML/JavaScript မွာ paste လုပ္ၿပီး Save လုပ္လုိက္ပါ။ အားလုံးအဆင္ေျပၾကပါေစခင္ဗ်ာ..။

Blog Post မ်ားအား Auto Read More ျပဳလုပ္ျခင္း (with thumbnails)

အားလုံးမဂၤလာပါခင္ဗ်ာ..။ ကၽြန္ေတာ္ အခုေဖာ္ျပေပးမွာကေတာ့ Blog Post ေတြကုိ Auto Read More ျပဳလုပ္ျခင္းျဖစ္ၿပီး New Blogger မ်ားအတြက္အဓိက ရည္ရြယ္ပါတယ္။ မိမိတုိ႕ရဲ႕ Post မွာပါတဲ့ Image ပုံမ်ားကုိပါ Thumbnails နဲ႕ေဖာ္ျပေပးမွာျဖစ္ပါတယ္။ နမူနာကုိ ဒီေနရာမွာ သြားေရာက္ၾကည့္႐ႈႏုိင္ပါတယ္။ သေဘာက်တယ္ဆုိရင္ေတာ့ ေအာက္က အဆင့္မ်ားအတုိင္း လုပ္ၾကည့္ၾကပါခင္ဗ်ာ..

၁။ မိမိတုိ႕ရဲ႕ဘေလာ့မွာ Sign In လုပ္ပါ။ Design -->>Edit Html ကုိသြားၿပီး ဘေလာ့ကုိ Backup လုပ္ထားလုိက္ပါ (Download Full Template)။ ဒါမွသာ အမွားအယြင္းတစ္စုံတစ္ရာရွိခ့ဲရင္ ျပန္ၿပီး restore လုပ္လုိ႕ရမွာျဖစ္ပါတယ္။

၂။ ၿပီးရင္ Expand Widget Templates ဆုိတာေလးကုိ အမွန္ျခစ္ေလးေပးလုိက္ပါ။

၃။ </head> ဆုိတာကုိ ရွာပါ။ ေတြ႕ရင္ ေအာက္မွာေပးထားတဲ့ ကုတ္ေတြကို သူ႕အေပၚကေနကပ္ၿပီး ထည့္ေပးလုိက္ပါ။

၄။ ၿပီးရင္ အေပၚက ကုတ္ေတြထဲမွာ မိမိတုိ႕စိတ္တုိင္းၾကျပင္ဆင္မႈလုပ္ပါမယ္။

summary_noimg = 230 ဆုိတာက Image မပါတဲ့ စာသားသက္သက္ ပုိ႕စ္မ်ားအတြက္ျဖစ္ၿပီး အက်ဥ္းေဖာ္ျပမယ့္ စာလုံးအေရအတြက္ျဖစ္ပါတယ္။ ပုိၿပီးေဖာ္ျပခ်င္တယ္ဆုိရင္ေတာ့ 230 ေနရာမွာ 240, 250 စသည္ျဖင့္ ေျပာင္းေပးလုိက္ပါ။

summary_img = 140 က Image ပါတဲ့ ပုိ႕စ္မ်ားအတြက္ျဖစ္ပါတယ္။ စာလုံးအေရအတြက္ကုိ စိတ္တုိင္းက် ေျပာင္းလုိ႕ရပါတယ္။

img_thumb_height = 100 ကေတာ့ Image ပါတဲ့ Post မ်ားအတြက္ ေဖာ္ျပလုိတဲ့ Image ရဲ႕အျမင့္ျဖစ္ပါတယ္။

img_thumb_width = 100 ကေတာ့ Image ရဲ႕ အက်ယ္ျဖစ္ပါတယ္။

'http://santhitaye72.googlecode.com/files/read-more_auto.js ကေတာ့ ReadMore အတြက္ js ဖုိင္ရဲ႕ Direct Link ျဖစ္ပါတယ္။ သူ႕အတုိင္းထားၿပီးသုံးရင္လည္းရပါတယ္။ ဒါေပမယ့္ သုံးတဲ့သူမ်ားတဲ့အခါ Bandwidth မႏုိင္ဘဲ Direct Link ေဒါင္းၿပီး Read More အလုပ္မလုပ္တာမ်ိဳး ႀကံဳေတြ႕ရႏုိင္ပါတယ္။ ဒါ့ေၾကာင့္ ေအာက္မွာေပးထားတဲ့ လင့္မွာ ေဒါင္းလုပ္ယူၿပီး WinRar ကုိျဖည္ပါ။ read_more_auto.js ဆုိတဲ့ဖုိင္ေလးကုိ Direct Link ရတဲ့ Hosting တစ္ခုခုမွာ Upload တင္ၿပီး ရလာတဲ့ လင့္ကုိ အစားထုိးသုံးစြဲပါ။

Download Read More Hack.rar

၅။ ဒီတစ္ခါ <data:post.body/> ဆုိတဲ့ ကုတ္ကုိထပ္ၿပီးရွာပါ့မယ္။ ေတြ႕ရင္ အဲဒီကုတ္ကုိ ဖ်က္ပစ္ၿပီး သူ႕ေနရာမွာ ေအာက္က ကုတ္ေတြနဲ႕ အစားထုိးလုိက္ပါ့မယ္။

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span>
</b:if>

၆။ အေပၚက Read more ေနရာမွာ မိမိစိတ္ႀကိဳက္စာသားေလးေတြ အစားထုိးလုိ႕ရပါတယ္။ ၿပီးရင္ Preview အရင္ၾကည့္ပါ။ စိတ္ႀကိဳက္ျဖစ္ၿပီဆုိရင္ေတာ့ save လုပ္လုိက္ပါ။ အားလုံး အဆင္ေျပၾကပါေစခင္ဗ်ာ...။

Blog Template မ်ား၏ width အား ခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္း

အားလုံးမဂၤလာပါခင္ဗ်ာ..။ အေၾကာင္းအေၾကာင္းအမ်ိဳးမ်ိဳးေၾကာင့္ ပုိ႔စ္အသစ္ေတြ မတင္ႏုိင္တဲ့အတြက္ လာလည္ၾကသူ မိတ္ေဆြအေပါင္းအား အလြန္ပဲ အားနာမိပါတယ္ခင္ဗ်ာ..။ အခုလည္း မအားတဲ့ၾကားကပဲ ေတာင္းဆုိထားတဲ့သူမ်ားအတြက္ ဘေလာ့မွာ width ကုိ မိမိတုိ႔လုိသလုိ ခ်ဲ႕ႏုိင္/ခ်ံဳ႕ႏုိင္ေအာင္ ဒီပုိ႔စ္ေလးကုိ ေရးသားလုိက္ရပါတယ္။ မိမိနားလည္သလုိ တင္ျပထားျခင္းျဖစ္တဲ့အတြက္ အားနည္းခ်ိဳ႕ယြင္းခ်က္မ်ားရွိပါက နားလည္ခြင့္လႊတ္ေပးၾကပါလုိ႔ ဦးစြာေတာင္းပန္အပ္ပါတယ္။ လုိအပ္ခ်က္မ်ားရွိခဲ့ရင္လည္း ျဖည့္စြက္ေပးၾကေစလုိပါတယ္။

ဘေလာ့ရဲ႕ width ကုိခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္းျပဳလုပ္ဖုိ႔အတြက္ သူ႔ရဲ႕ အေျခခံသေဘာတရားေလးကုိေတာ့ သိဖုိ႔လုိအပ္ပါတယ္။ ဒါမွသာ မိမိတကယ္ ျပင္ဆင္တဲ့အခါ နားလည္လြယ္မွာျဖစ္ပါတယ္။ ဒါေၾကာင့္ Template ကုိ အၾကမ္းဖ်ဥ္းအားျဖင့္ header-wrapper ၊ outer-wrapper နဲ႔ footer ဆုိၿပီး (၃)ပုိင္း ပုိင္းျခားထားေၾကာင္းကုိ သိထားရပါ့မယ္။ အဲဒီ (၃)ပုိင္းစလုံးရဲ႕ width ေတြကလည္း တူညီေနရပါ့မယ္။ ဥပမာ.. header-wrapper ရဲ႕ width က 980px ဆုိရင္ outer-wrapper နဲ႔ footer တုိ႔ရဲ႕ width ေတြကလည္း 980px စီပဲ ရွိၾကရပါမယ့္။ ဒါမွသာ အခ်ိဳးညီလွပတဲ့ Template တစ္ခု ျဖစ္ပါလိမ့္မယ္။

header-wrapper = outer-warpper = footer

အဲဒီ အပုိင္းႀကီး(၃)ပုိင္းအနက္ outer-wrapper အေၾကာင္းကုိ ထပ္ေျပာပါ့မယ္။ outer-warpper ဆုိတာကေတာ့ main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုကုိ ေပါင္းထားတာပဲျဖစ္ပါတယ္။ သေဘာကေတာ့ outer-wrapper ရဲ႕ width ဟာ main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုေပါင္းတာနဲ႔ ညီပါတယ္။

ဥပမာ...

outer-wrapper = 980px ဆုိပါက..

main-wrapper + sidebar-wrapper = 980px ျဖစ္ရပါမယ္။

outer-wrapper = main-wrapper + sidebar-wrapper (sidebar တစ္ခုသာပါသည့္ template မ်ားအတြက္)

outer-wrapper = main-wrapper + right-sidebar-wrapper + left-sidebar-wrapper (sidebar ႏွစ္ခုပါသည့္ template မ်ားအတြက္)

ဒါေပမယ့္ main-wrapper နဲ႔ sidebar-wrapper ႏွစ္ခုအၾကားမွာေတာ့ margin ေတာ့ထားေပးရပါတယ္။ တစ္ခုနဲ႔တစ္ခု ထိစပ္ေနရင္ ၾကည့္ရတာလည္း အဆင္ေျပမွာမဟုတ္ပါဘူး.။ ဒါေၾကာင့္ margin အတြက္ 30px, 40px.. စသည္ျဖင့္ ထားေပးရပါတယ္။ ေအာက္မွာ ေပးထားတဲ့ နမူနာပုံေလးေတြကုိၾကည့္ၾကပါခင္ဗ်ာ..။

အေပၚကပုံေတြကုိၾကည့္မယ္ဆုိရင္...

Sidebar တစ္ခုသာပါတဲ့ Template အတြက္..

Main + margin + sidebar = outer

640px + 30px + 310px = 980px

Sidebar ႏွစ္ခုပါတဲ့ Template အတြက္

left-sidebar + margin + main + margin + right-sidebar = outer

200px + 30px +520px + 30px + 200px = 980px

ဒါဆုိရင္ေတာ့ Template ရဲ႕အေျခခံသေဘာတရားကုိ နားလည္ေလာက္ၿပီလုိ႔ထင္ပါတယ္။ အခု မိမိတုိ႔ရဲ႕ Template width ေတြကုိ လုိအပ္သလုိျပင္ၾကည့္ၾကရေအာင္..။ မူလက 980px ရွိတဲ့ Sidebar (၂)ခုပါ Template ကုိ 1200px အျဖစ္ ျပင္ၾကည့္ပါမယ္..။

မိမိတုိ႔ရဲ႕ဘေလာ့မွာ sign in လုပ္ၿပီး Design ေအာက္က Edit HTML ကုိသြားပါ။ ထုံးစံအတုိင္း Download Full Template လုပ္ၿပီး မိမိတုိ႔ရဲ႕ ဘေလာ့ကုိ backup လုပ္ထားလုိက္ပါ။

Expand Widget Templates ကုိ အမွန္ျခစ္မေပးပါနဲ႔။

Ctrl + F နဲ႔ “#header-wrapper”, “#outer-wrapper”, “#main-wrapper”, and “#footer” ဆုိတဲ့ code ေတြကုိရွာပါ..

#header-wrapper {
width:980px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#outer-wrapper {
width: 980px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 520px;
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 */
}

#right-sidebar-wrapper {
width: 200px;
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 */
}

#left-sidebar-wrapper {
width: 200px;
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 */
}

#footer {
width:980px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

980px ရွိတဲ့ Template ကုိ 1200px အထိခ်ဲ႕မွာ ျဖစ္တဲ့အတြက္ အေပၚက code ေတြထဲက header-wrapper, outer-wrapper, footer တုိ႔ရဲ႕ width ေတြကုိ 1200px လုိ႔ျပင္လုိက္ပါ့မယ္။

outer-wrapper ရဲ႕ width ဟာ 1200px ျဖစ္သြားၿပီးျဖစ္တဲ့အတြက္ main-wrapper နဲ႔ sidebar (2)တုိ႔ရဲ႕ width စုစုေပါင္းကုိလည္း 1200px ျဖစ္ေအာင္ ျပင္ေပးရပါ့မယ္။ sidebar ေတြရဲ႕ width ဟာ မိမိဘေလာ့ရဲ႕ လုိအပ္ခ်က္နဲ႔ ကုိက္ညီၿပီးသားဆုိရင္ေတာ့ ျပင္စရာမလုိပါဘူး။ အကယ္၍ မကုိက္ဘူးဆုိရင္ေတာ့ ေျပာင္းေပးႏုိင္ပါတယ္။ မူလ sidebar ရဲ႕ 200px ကုိ 220px အထိ္ခ်ဲ႕ခ်င္တယ္ ဆုိပါစုိ႔ ။ ဒါဆုိရင္ 1200 ထဲက ေန margin (၂)ခုအတြက္ 60 (30px + 30px) ကုိဖယ္ၿပီး ေအာက္ပါအတုိင္းေျပာင္းေပးရပါမယ္။ ဒါမွသာ စုစုေပါင္း 1200 px ျဖစ္ပါလိမ့္မယ္။

main-wrapper = 700px
left-sidebar = 220px
right-sidebar = 220px

အားလုံး ေျပာင္းၿပီးသြားရင္ေတာ့ save မလုပ္ေသးဘဲ preview အရင္ၾကည့္ပါ။ အဆင္ေျပတယ္ဆုိမွသာ Save လုပ္ပါ။

Template ခ်ဲ႕ျခင္း/ခ်ံဳ႕ျခင္းအတြက္ကေတာ့ ဒီေလာက္ဆုိရင္ အနည္းငယ္ အေထာက္အကူျဖစ္ၿပီလုိ႔ ယူဆပါတယ္။ မရွင္းလင္းတဲ့အခ်က္အလက္မ်ားရွိရင္လည္း ေဆြးေႏြးေမးျမန္းႏုိင္ၾကပါတယ္။ တစ္လက္စတည္း ဒီပုိ႔စ္ေလးနဲ႔ ဆက္စပ္ေနတဲ့ မိမိတုိ႔ဘေလာ့ header banner ပုံေလးကုိ မိမိတုိ႔စိတ္ႀကိဳက္ ပုံေလးေတြနဲ႔ အစားထုိးတဲ့အေၾကာင္းကုိ ေျပာခ်င္ပါတယ္။ အခ်ိဳ႕ေသာ ဘေလာ့ေတြမွာ Header Banner ပုံေတြ အခ်ိဳးမက်တာကုိ ေတြ႕ေနရပါတယ္။ ဘာေၾကာင့္လဲဆုိေတာ့ မိမိဘေလာ့ Header ရဲ႕ width နဲ႔ မိမိအစားသြင္းမယ့္ banner ပုံရဲ႕ width တုိ႔ မကုိက္ညီတာေၾကာင့္ပဲျဖစ္ပါတယ္။ ဒါေၾကာင့္ မိမိဘေလာ့ရဲ႕ Header width က 1200px ဆုိရင္ မိမိအစားသြင္းမယ့္/အသုံးျပဳလုိတဲ့ Header image ရဲ႕ width ကုိလည္း 1200px ျဖစ္ေအာင္ photoshop လုိ image editor တစ္ခုခုကုိအသုံးျပဳႏုိင္ၾကပါတယ္။ အားလုံးအဆင္ေျပ ေပ်ာ္ရႊင္ခ်မ္းေျမ့ၾကပါေစခင္ဗ်ာ.......။

Drop Down Menu ေလးေတြရဲ႕ Width ကုိတူညီေအာင္ ျပဳလုပ္ျခင္း

အားလုံးပဲမဂၤလာပါခင္ဗ်ာ.။ ကၽြန္ေတာ္အခုေဖာ္ျပေပးမွာကေတာ့ Drop Down Menu ေလးေတြရဲ႕ Width ကုိ တူညီေအာင္ျပဳလုပ္တဲ့နည္းေလးပဲျဖစ္ပါတယ္။ မိမိတုိ႔ဘေလာ့ဂ္ေတြရဲ႕ Sidebar မွာ ဒီလုိ Drop Down Menu ေလးထည့္ထားျခင္းဟာ Widget ေတြရ႕ဲ ေနရယူမႈကုိ သက္သာေလ်ာ့ပါးေစပါတယ္။ ဒါေပမယ့္ ကၽြန္ေတာ္ ေအာက္မွာ နမူနာျပထားသလုိ Drop Down Menu ႏွစ္ခုထည့္မယ္ဆုိပါစုိ႔..။ သူတုိ႔ေတြရဲ႕ Text အနဲအမ်ားေပၚမူတည္ၿပီး အတုိအရွည္မတူညီတဲ့အခါ ၾကည့္ရတာ မ်က္စိပသာဒမျဖစ္ႏုိင္ပါဘူး။

အထက္ပါ Drop Down Menu ႏွစ္ခုရဲ႕ Code ေတြကေတာ့ ေအာက္မွာ ေဖာ္ျပထားတဲ့အတုိင္းပဲျဖစ္ပါတယ္

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">

<option> - နည္းပညာ - </option>



<option value="http://kp3family.blogspot.com/">kp-3 နည္းပညာ</option>

<option value="http://daweinaymyo.blogspot.com/">ထား၀ယ္ေနမ်ိဳး</option>

<option value="http://sbsangpi.blogspot.com/">ကုိစံပီး</option>

</select></form>

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">

<option> - သုတရသ ဘေလာ့ဂ္မ်ား - </option>



<option value="http://zawmaung-kopouk.blogspot.com/">ကုိေပါက္ရဲ႕မွတ္စုေလးမ်ား</option>

<option value="http://heintinzaw8.blogspot.com/">ဆရာဟိန္းတင့္ေဇာ္ (ေဗဒင္ပညာ)</option>

<option value="http://blogger-mgmoe.blogspot.com/">Blogger ေမာင္မုိး</option>

</select></form>

ဒါေၾကာင့္ အဲဒီ Drop Down Menu ေလးႏွစ္ခုကုိ အတုိအရွည္ညီသြားေအာင္ ေအာက္ပါအတုိင္း ျပင္လုိက္ပါ့မယ္။ အျပာေရာင္နဲ႔ျပထားတာကေတာ့ ကၽြန္ေတာ္ထပ္ျဖည့္လုိက္တဲ့ Code ေတြပါပဲ။ 200px အစား မိမိတုိ႔ Sidebar ရဲ႕ width နဲ႕လုိက္ေလ်ာညီေထြျဖစ္ေအာင္ ထည့္ေပးဖုိ႔လုိပါတယ္။ အကယ္၍ Sidebar Width က 250px ရွိတယ္ဆိုရင္ 230px ေလာက္ထားေပးလုိက္ပါ.။

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px">

<option> - နည္းပညာ - </option>



<option value="http://kp3family.blogspot.com/">kp-3 နည္းပညာ</option>

<option value="http://daweinaymyo.blogspot.com/">ထား၀ယ္ေနမ်ိဳး</option>

<option value="http://sbsangpi.blogspot.com/">ကုိစံပီး</option>

</select></form>

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px">

<option> - သုတရသ ဘေလာ့ဂ္မ်ား - </option>



<option value="http://zawmaung-kopouk.blogspot.com/">ကုိေပါက္ရဲ႕မွတ္စုေလးမ်ား</option>

<option value="http://heintinzaw8.blogspot.com/">ဆရာဟိန္းတင့္ေဇာ္ (ေဗဒင္ပညာ)</option>

<option value="http://blogger-mgmoe.blogspot.com/">Blogger ေမာင္မုိး</option>

</select></form>

အဲဒီလုိျပင္လုိက္တဲ့အခါ ရလဒ္အေနနဲ႔ ေအာက္ပါအတုိင္းရရွိမွာျဖစ္ပါတယ္။

အခုဆုိရင္ မိမိတုိ႔ရဲ႕ Sidebar မွာ တူညီတဲ့ Drop Down Menu ေလးေတြကုိ ထည့္လုိ႔ရသြားပါၿပီ။ ေနာက္ထပ္ အဲဒီ Drop Down Menu ေလးေတြကုိပဲ ထပ္ၿပီး အလွဆင္ၾကည့္ၾကရေအာင္။ ဒီအတုိင္းဆုိရင္ စားသားေတြရဲ႕ေနာက္မွာ Background Color မပါေတာ့ ၾကည့္ရတာ တစ္ခုခုလုိေနသလုိပဲ။ ဒါေၾကာင့္ ေအာက္ပါအတုိင္း Code ေလးေတြ ထပ္ျဖည့္ၾကည့္ပါ့မယ္။

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px;color:#ff0000;background:#B2DDFB">

<option> - နည္းပညာ - </option>



<option value="http://kp3family.blogspot.com/" style="width:200px;color:#ff0000;background:#C3F4BD">kp-3 နည္းပညာ</option>

<option value="http://daweinaymyo.blogspot.com/" style="width:200px;color:#ff0000;background:#CDDCE7">ထား၀ယ္ေနမ်ိဳး</option>

<option value="http://sbsangpi.blogspot.com/" style="width:200px;color:#ff0000;background:#FFFF00">ကုိစံပီး</option>

</select></form>

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px;color:#ff0000;background:#B2DDFB">

<option> - သုတရသ ဘေလာ့ဂ္မ်ား - </option>



<option value="http://zawmaung-kopouk.blogspot.com/" style="width:200px;color:#ff0000;background:#C3F4BD">ကုိေပါက္ရဲ႕မွတ္စုေလးမ်ား</option>

<option value="http://heintinzaw8.blogspot.com/" style="width:200px;color:#ff0000;background:#CDDCE7">ဆရာဟိန္းတင့္ေဇာ္ (ေဗဒင္ပညာ)</option>

<option value="http://blogger-mgmoe.blogspot.com/" style="width:200px;color:#ff0000;background:#FFFF00">Blogger ေမာင္မုိး</option>

</select></form>

ရလဒ္အေနနဲ႔ ေအာက္ပါအတုိင္းရရွိမွာ ျဖစ္ပါတယ္။ color code ေတြေနရာမွာေတာ့ မိမိဘေလာ့ဂ္ရဲ႕ ေနာက္ခံအေရာင္နဲ႔ လုိက္ဖက္တာကုိ ေရြးခ်ယ္အသုံးျပဳႏုိင္ပါတယ္။ အားလုံး မိမိတုိ႔ရဲ႕ ဘေလာ့ဂ္ေလးေတြကုိအလွဆင္ရင္း ေပ်ာ္ရႊင္ၾကည္ႏူးႏုိင္ၾကပါေစ...။ အဆင္မေျပမႈမ်ား တစ္စုံတစ္ရာရွိခဲ့ပါက ကြန္မန္႔ သို႔မဟုတ္ စီေဘာက္မွာ ေဆြးေႏြးေပးခဲ့ၾကပါရန္....။

Blog တြင္ Drop-Down Labels Menu ျပဳလုပ္ျခင္း(၁)

အားလုံးမဂၤလာပါခင္ဗ်ာ..။ ကၽြန္ေတာ့ဘေလာ့မွာလုပ္ထားသလုိ Lables ေတြကုိ Drop-Drown Menu ေလးနဲ႕ျပတဲ့နည္းေလး သိခ်င္ပါတယ္လုိ႔ မိတ္ေဆြတစ္ဦးက ေမးလ္ပုိ႔ၿပီး ေမးျမန္းထားတဲ့အတြက္ ဒီပုိ႔စ္ေလးကုိ ေရးလုိက္ရျခင္းျဖစ္ပါတယ္။ အျခားစိတ္၀င္စား သူမ်ားလည္း ေအာက္မွာ ေဖာ္ျပထားတဲ့ အဆင့္မ်ား အတုိင္း လုပ္ၾကည့္ၾကပါခင္ဗ်ာ....

၁။ အရင္ဆုံး မိမိတုိ႔ရဲ႕ ဘေလာ့ဂ္မွာ Labels Gadget ကုိထည့္ထားဖုိ႔လုိပါမယ္။ မရွိေသးရင္လည္း Design -->>Page Elements-->>Add a Gadget-->>Labels ကုိသြားၿပီး Save လုပ္လုိက္ပါ။

၂။ Labels ထည့္ၿပီးၿပီဆုိရင္ Design-->>Edit Html-->>Download Full Template ကုိ ႏွိပ္ၿပီး မိမိ ဘေလာ့ဂ္ကုိ Backup လုပ္ထားလုိက္ပါ။ ဒါမွသာ တစ္စုံတစ္ခု မွားယြင္းခဲ့ရင္ မိမိဘေလာ့ဂ္ကုိ ျပန္ၿပီး recover လုပ္လုိ႔ရမွာျဖစ္ပါတယ္။

၃။ ဘေလာ့ဂ္ကုိ Backup လုပ္ၿပီးၿပီးဆုိရင္ Edit Template အတြက္ Expend Widget Templates ကုိ အမွန္ျခစ္ေလး ေပးလုိက္ပါ။

၄။ ၿပီးရင္ ေအာက္မွာ ေပးထားတဲ့ Code ေတြကုိရွာပါ။

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<ul>
   <b:loop values='data:labels' var='label'>
     <li>
       <b:if cond='data:blog.url == data:label.url'>
         <data:label.name/>
       <b:else/>
         <a expr:href='data:label.url'><data:label.name/></a>
       </b:if>
       (<data:label.count/>)
     </li>
   </b:loop>
   </ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

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

<br />
<select onchange='location=this.options[this.selectedIndex].value;' style='width:300px'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
   <option expr:value='data:label.url'><data:label.name/>
      (<data:label.count/>)
   </option>
</b:loop>
</select>

၆။ အစားသြင္းၿပီးသြားရင္ မိမိစိတ္တုိင္းက်ျဖစ္ေအာင္ အနည္းငယ္ျပင္ပါမယ္။ 'width:300px' ေနရာမွာ မိမိတုိ႔ဘေလာ့ဂ္ရဲ႕ Sidebar Width နဲ႕လုိက္ေလ်ာညီေထြျဖစ္ေအာင္ျပင္ပါ့မယ္ (200px, 250px etc...)။

၇။ ေနာက္ၿပီး Select a label ရဲ႕ေနရာမွာ မိမိစိတ္ႀကိဳက္ စာသားေလးနဲ႔အစားထုိးလုိ႔ရပါတယ္။ (ဥပမာ..က႑အလုိက္ ဖတ္႐ႈရန္၊ ႏွစ္သက္ရာေရြးခ်ယ္ပါ... စသျဖင့္)

၈။ အားလုံးၿပီးသြားရင္ Template ကုိ save မလုပ္ပါနဲ႔အုံး။ Preview အရင္ၾကည့္ပါ။ error မရွိဘဲ မိမိစိတ္ႀကိဳက္ျဖစ္တယ္ဆုိမွ save လုပ္ပါ။ အားလုံးအဆင္ေျပၾကပါေစခင္ဗ်ာ..။ အကယ္၍ တစ္စုံတစ္ရာ အခက္အခဲရွိခဲ့ပါက ကြန္မန္႔မွာ ေဆြးေႏြးေပးခဲ့ၾကပါ ခင္ဗ်ာ..။

Spy Pig သုိ႔မဟုတ္ အီးေမးလ္ ထရက္ကင္းစနစ္

ဒီအေၾကာင္းေလးကုိ ေရးရျခင္းသည္..တစ္ျခားအေသာအေၾကာင္းမ်ား မရွိဘဲ..အေပ်ာ္သေဘာ စမ္းသပ္ ၾကည့္လုိသူ မ်ားအတြက္ ရည္ရြယ္ျခင္းျဖစ္ပါတယ္။ မိမိကုိယ္တုိင္လည္း သိပ္ၿပီးဂဃနဏ မသိေသးသည့္အ တြက္ အမွားအယြင္းမ်ားရွိရင္ ခြင့္လႊတ္ပါလုိ႔..ဦးစြာေျပာထားခ်င္ပါတယ္..။ ဘာေၾကာင့္လဲ ဆုိေတာ့..ဘယ္စနစ္မွာမဆုိ.. အေကာင္းနဲ႔အဆုိးဟာ ဒြန္တဲြေနတတ္လုိ႔ပါဘဲ။ ဒီ Spy Pig ဆုိတဲ့စနစ္ေလးဟာ..မိမိပုိ႔လုိက္သည့္အီးေမးလ္ကုိ.. တစ္ဘက္မွ လက္ခံသူက ဘယ္အခ်ိန္က ၀င္ဖတ္သြားေၾကာင္း၊ ဘယ္ႏုိင္ငံ၊ ဘယ္ၿမိဳ႕မွာရွိတဲ့..ဘယ္ IP နဲ႔ ဖတ္သြားေၾကာင္းကုိ အသိေပးတဲ့ စနစ္ေလးပဲျဖစ္ပါတယ္။ ဒီစနစ္ကုိ ျပဳလုပ္ထားသူကလည္း “မင္း.ငါ့ေမးလ္ကုိ ဘယ္အခ်ိန္မွာဖတ္သြားတာ.. ငါသိတယ္ေနာ္” ဟု ေျပာၿပီး ေနာက္ေျပာင္ေပ်ာ္ရႊင္ၾကေစရန္ ရည္ရြယ္တယ္လုိ႔ ေျပာထားပါတယ္။ ကဲ..ေအာက္က အဆင့္မ်ားအတုိင္းစမ္းၾကည့္ၾကပါစုိ႔...

၁။         အရင္ဆုံး မိမိရဲ႕ အီးေမးလ္ကုိ ဖြင့္ထားပါ။ Compose မွာ ေပးပုိ႔လုိသူလိပ္စာ၊ Subject နဲ႔ ေရးခ်င္တဲ့အေၾကာင္းအရာေတြကုိ ေရးၿပီး send လုပ္ရန္အသင့္ျပင္ထားပါ။

၂။        ဒီေနရာကုိ Right ကလစ္ႏွိပ္ၿပီး open link in new window နဲ႔ဖြင့္ပါ။ ဘာေၾကာင့္လဲဆုိေတာ့ window (၂)ခုယွဥ္ၿပီး Drag and Drop လုပ္ရတဲ့အဆင့္ေလးပါေနလုိ႔ပါ။

၃။       ဟုတ္ၿပီ..အဲဒီမွာေတြ႕တဲ့အဆင့္မ်ားအတုိင္း အဆင့္ဆင့္လုပ္သြားရုံပါဘဲ.. အေသးစိတ္ရွင္းျပပါ့မယ္..

အဆင့္(၁)

အေပၚက Box ထဲမွာ မိမိရဲ႕ အီးေမးလ္ လိပ္စာကုိ ထည့္ပါ။ တစ္ဘက္က အီးေမးလ္လက္ခံသူရဲ႕ အေပၚမွာ ေျပာခဲ့တဲ့ အခ်က္အလက္ေတြကုိ အဲဒီလိပ္စာကုိ ျပန္ပုိ႔ေပးပါလိမ့္မယ္။

အဆင့္(၂)

ဒီမွာေတာ့ ကုိယ္ပုိ႔မယ့္ Message ေခါင္းစဥ္။ ႀကိဳက္ရာျဖည့္ေပါ့။

အဆင့္(၃)

မိမိအသုံးျပဳမယ့္ ရုပ္ပုံေလးကုိေရြးပါ။

အဆင့္(၄)

အဲဒီမွာေတာ့.. မိမိရဲ႕အီးေမးလ္ကုိ တစ္ဖက္လူက ဖြင့္ဖတ္တဲ့အခ်ိန္မွာ အေၾကာင္းၾကားေပးမယ့္ အႀကိမ္အေရအတြက္ဘဲျဖစ္ပါတယ္.. ၅ ကုိေရြးတယ္ဆုိပါစုိ႔။ တစ္ခါဖတ္ရင္..တစ္ႀကိမ္အေၾကာင္းၾကားမယ္။ ၂ ခါဖတ္ရင္ ၂ ႀကိမ္ေပါ့။ ၅ ခါအထိဘဲအေၾကာင္းၾကားၿပီး.. ၆ ႀကိမ္ေျမာက္မွာေတာ့ အေၾကာင္းၾကားေပးေတာ့မွာ မဟုတ္ေတာ့ပါဘူး...

အဆင့္(၅)

အဲဒီမွာ ကလစ္လုိက္..ေအာက္ကအတုိင္းေပၚလာလိမ့္မယ္..

အဆင့္(၆) ဒီအဆင့္ဟာ အေရးအႀကီးဆုံးပါဘဲ။ သူက ၆၀ က ေန တစ္အထိ (၆၀ စကၠန္႔)အခ်ိန္အတြင္းမွာ pig image ေလးကုိ Drag ဆဲြၿပီး မိမိပုိ႔မယ့္ အီးေမးလ္ရဲ႕ Text Box ထဲကုိ ဆဲြထည့္လုိက္ပါ။

အဆင့္(၇) ၿပီးတာနဲ႔ ခ်က္ခ်င္း Send လုပ္လုိက္ပါ။

မိမိဆီကုိျပန္ေရာက္လာမယ့္ အီးေမးလ္မွာေတာ့ အဲဒီအခ်က္အလက္ေတြပါလာပါလိမ့္မယ္...

မွတ္ခ်က္။ မိမိက တစ္ျခားတစ္ေယာက္ကုိ ၿမိဳ႕၊ ႏုိင္ငံေတြကုိ ညာေျပာထားတယ္ ဆုိရင္ ေတာ့..သူ႔ဆီကလာတဲ့အီးေမးလ္ေတြကုိ ဖြင့္မဖတ္ဖုိ႔ေတာ့ လုိမယ္ေနာ္.. အလိမ္ေတြေပၚသြားမွာစုိးလုိ႔ပါ။ ျဖစ္ႏုိင္ရင္ေတာ့ ကုိယ္နဲ႔မသိတဲ့အီးေမးလ္ေတြကုိ ဖြင့္မဖတ္တာဟာ.. အေကာင္းဆုံးပါဘဲ။ ဒီအလကား ရတဲ့စနစ္ေလးကေတာင္..ဒီေလာက္စြမ္းေဆာင္ေနႏုိင္ရင္..တစ္ျခား သူ႔ထက္ေကာင္းတဲ့..တန္ဖုိးႀကီးတဲ့ စနစ္ေတြဆုိရင္.. ဘယ္ေလာက္အထိ စြမ္းအားႀကီးႏုိင္မယ္ဆုိတာ.. ေတြးၾကည့္ရင္သိႏုိင္ပါလိမ့္မယ္။။ ကၽြန္ေတာ္ေတာ့ ဥာဏ္မမီလုိ႔..မသိႏုိင္ပါ။

Blog Post ေလးေတြကုိ ပုိင္းျခားထားၾကစုိ႔

ဘေလာ့ဂ္ကုိ အခုမွစတင္ေလ့လာေနသူမ်ားအတြက္ ရည္ရြယ္ၿပီး ဒီ Post ေလးကုိေရးသားရျခင္းျဖစ္ပါတယ္။ မိမိတုိ႔ေရးသားထားတဲ့ Post ေလးေတြကုိ (ကၽြန္ေတာ့ဘေလာ့ဂ္ကဲ့သုိ႔)တစ္ခုနဲ႔တစ္ခု ပုိင္းျခားထားခ်င္တယ္ဆုိရင္ ေအာက္မွာေဖာ္ျပထားတဲ့ အဆင့္မ်ားအတုိင္း လုိက္လုပ္ၾကည့္ၾကရေအာင္...

၁။ ပထမဦးစြာ..မိမိတုိ႔အသုံးျပဳလုိတဲ့ Divider ပုံေလးေတြကုိ ဖန္းတီး/ရွာေဖြထားဖုိ႔လုိပါမယ္။ Photoshop ကၽြမ္းက်င္သူေတြအေနနဲ႔ကေတာ့ အလြယ္တကူဖန္တီးႏုိင္ၾကမွာပါ။ မလုပ္တတ္ၾကရင္လည္း ကိစၥမရွိ.. ေအာက္ကေပးထားတဲ့ ပုံေလးေတြထဲက ႏွစ္သက္ရာတစ္ခုကုိ ေဒါင္းလုပ္ယူၿပီး File Hosting Site တစ္ခုခု (Picasa, Photobucket) တုိ႔တြင္ Upload တင္ထားလုိက္ပါ။

၂။ အခုအေပၚမွာ ေပးထားတဲ့ ပုံေလးေတြရဲ႕ width က 650px ပဲရွိပါတယ္။ ဒါေၾကာင့္ မိမိရဲ႕ Blog Post width က ဘယ္ေလာက္ရွိလဲဆုိတာကုိ သိဖုိ႔လုိအပ္လာပါတယ္။ Blogger ကုိ Sign In လုပ္ၿပီး Layout က Edit HTML ကုိသြားပါ။ ေအာက္ကပုံအတုိင္း Blog Post Width (Main Wrapper) ကုိ ၾကည့္ရႈႏုိင္ပါတယ္။

၃။ အေပၚမွာ ၀ုိင္းျပထားတဲ့ေနရာကေတာ့ မိမိ post ရဲ႕အတုိ္င္းအတာ(pixel) ကုိျပတာပဲျဖစ္ပါတယ္။ အဲဒီအတုိင္းအတာနဲ႔တူေအာင္ မိမိရဲ႕ Divider ပုံေလးေတြကုိလည္း adjust လုပ္ဖုိ႔လုိပါတယ္။ Divider ပုံေလးေတြကုိ Photobucket မွာ Upload တင္မယ္ဆုိရင္ေတာ့ ေအာက္မွာျပထားတဲ့အတုိင္း Edit ကုိ Click လုပ္ၿပီး Resize လုပ္ျခင္းျဖင့္ Image Size ကုိ adjust လုပ္ႏုိင္ပါတယ္။ photoshop အသုံးျပဳတတ္သူေတြအတြက္ကေတာ့ အထူးေျပာစရာမလုိပါ။

၄။ အခုေျပာမယ့္အဆင့္ကေတာ့ သိပ္အခက္ႀကီးမဟုတ္ေပမယ့္.သတိထားဖုိ႔ေတာ့လုိပါမယ္။ Layout -->Edit Html ကုိသြားၿပီး မိမိရဲ႕ Template ကုိ Backup လုပ္ထားလုိက္ပါ။ ဒါမွ တစ္ခုခုမွားယြင္းခဲ့ရင္. မိမိရဲ႕ ဘေလာ့ဂ္ေလး မပ်က္စီးေတာ့ဘူးေပါ့။ ၿပီးရင္ ေအာက္မွာ ၀ုိင္းျပထားတဲ့ Code ေလးကုိ ေတြ႕ေအာင္ရွာပါ။ Ctrl+F နဲ႔လည္းရွာႏုိင္ပါတယ္။

၅။ ေတြ႕ၿပီဆိုရင္ အေပၚက Code ေလးကုိဖ်က္ပစ္ၿပီး ေအာက္က Code ေလးေတြကုိ အစားသြင္းလုိက္ပါ

.post {
background: url(http://DIVIDERADDRESS.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:5.5em;
}

၆။ ဒါဆုိရင္ ေအာက္က ပုံအတုိင္း Code ေလးကုိ အစားသြင္းၿပီးသားျဖစ္သြားပါလိမ့္မယ္။

၇။ အခု ေနာက္ဆုံးအဆင့္ကုိေရာက္ပါၿပီ။ အေပၚကပုံမွာ Highlight လုပ္ထားတဲ့ေနရာကုိ မိမိ Upload တင္ထားတဲ့ Divider Image ရဲ႕ URL ကုိ အစားသြင္းေပးလုိက္ပါ။ မိမိရဲ႕ Template ကုိ Save မလုပ္ခင္ အရင္ Preview ၾကည့္လုိက္ပါအုံး။ OK တယ္ဆုိမွ Save လုပ္ပါ။ အဆင္ေျပပါေစ

အသင့္ျပဳလုပ္ၿပီးသား Divider Image ေတြလုိခ်င္ရင္ ဒီမွာ ေဒါင္းလုပ္ယူပါ။

koayemin

Pages