welcome

Monday, September 9, 2013

Address ဘားမွာ လိုဂိုေလးေတြထည့္မယ္

Address ဘားမွာ လိုဂိုေလးေတြထည့္မယ္


ကၽြန္ေတာ္ တို႕ ဘေလာ့ဂ္တစ္ခုကိုဝင္လိုက္ျပီဆိုရင္ ဘေရာက္ဇာရဲ့ ထိပ္မွာရွိတဲ့ လိပ္စာ ဘားမွာ ဘေလာ္ဂါကြန္ ရဲ့လိုဂိုေလး ကိုဒီလိုေတြ႕ရမွာ ျဖစ္ပါတယ္...။

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

လုပ္ပံုလုပ္နည္းကေတာ့ အလြန္လြယ္ကူပါတယ္ ကဲစလိုက္ၾကရေအာင္...

ပထမဦးဆံုး ဘေလာ့ဂ္ ရဲ့ Layout ကိုဝင္လိုုက္ပါ..

ၿပီးရင္ေတာ့ Edit HTML ထဲကိုထပ္ဝင္လိုက္ပါ...

အဲဒီမွာ ကုဒ္ေတြထဲက
<head>
ဆိုတဲ့ကုဒ္ေလးရဲ့ ေနာက္မွာဒီကုဒ္ကိုထည့္လိုက္ပါ...
<link href='http://www.fos.su.se/~arnold/travel/asia2001/myanmar_flag.gif'
rel='shortcut icon'/>

ဒီကုဒ္မွာထည့္ထားတဲ့ လိုဂိုေလး ရဲ့လိပ္စာ အတိုင္းထည့္လိုက္ ရင္ေတာ့ ကၽြန္ေတာ့္ လိုဂိုပံုစံေလး ျဖစ္တဲ့ ျမန္မာ နိုင္ငံအလံေလး ဟာ လိပ္စာ ဘားမွာ တလူလူ လြင့္ေနမွာ ျဖစ္ပါတယ္ ..

မိမိတို႕နွစ္သက္သလို လိုဂိုေလးမ်ား ပံုေလးမ်ား လုပ္ျပီး ဝဘ္ဆိုက္ တစ္ခုခုမွာ upload လုပ္ျပီး ရလာတဲ့ url လိပ္စာကို အျပာေရာင္ျပထားတဲ့ ေနရာမွာ အစားသြင္းလို္က္ျခင္းျဖင့္ မိမိ တို႕ကိုယ္ပိုင္လိုဂိုေလးမ်ား ဖန္တီးနိုင္ၾကပါေစ..smile

Run အက်ိဳးရွိပံု ႏွင့္ Commands

Run အက်ိဳးရွိပံု ႏွင့္ Commands



Run မွာဆိုရင္ေတာ့ တခါတည္းနဲ ့မပန္းပမ္းဘဲေရာက္မယ္ေလဆိုေတာ႔ Run ကအသံုး၀င္တာေပါ့ဒီမ်ိဳးဘဲ ကြန္ပ်ဳတာမွာဆို Microsoft word ကိုဖြင့္မယ္ဆိုပါစို ့ Start-programs-Microsoft Office-Win word ေပါ့ ဒီလိုဆိုအဆင့္ ကလဲမ်ားတာေပါ့ဒါေပမဲ့ Run မွာက်ေတာ့ logo+R ကိုႏွိပ္ျပီး Win word ကိုဖြင့္မယ္ ဆိုရင္ ဒီမွာ
winword ဆိုျပီးရိုက္ျပီးေတာ့ Enter ကိုႏွိပ္လိုက္နဲ ့တခါတည္းပြင့္လာမွာပါ..ဆိုေတာပ အခ်ိန္ကုန္သက္သာ တာတဲ့အျပင္ typing လဲအက်င့္ျဖစ္တာေပါ့ ျပီးေတာ့အထူးသျဖင့္ ေနရာအတိအက်မသိတဲ့ဟာမ်ိဳး Registry လိုမ်ိဳးဆိုရင္လည္း Run မွာ regedit လိုရိုက္ျပီး enter ေခါက္ေပါ့ ဆိုေတာ့ Run ကအမ်ားႀကီး အက်ိဳးျပဳပါတယ္.ဒီအျပင္ Website ကိုလဲ Run မွာ လိပ္စာ ဥပမာ www.sbsangpi.blogspot.com ဆိုျပီးရိုက္ထည့္ရင္လဲဖြင့္လာမွာျဖစ္ပါတယ္.ျပီးေတာ့ Folder ေတြကိုလဲ သူရဲ႔ေနရာအ တိအက်သိရင္ သြားလို ့ရပါတယ္. ဥပမာ c:/windows ဆိုျပီးဖြင့္လို ့ရပါတယ္. ဆုိေတာ့ကၽြန္ေတာ္က ဒီအေၾကာင္းေလး နဲ ့အသံုး၀င္ပံုေလးကို ေျပာျပတာဘဲျဖစ္ပါတယ္.ဘာျဖစ္လို့လဲဆိုေတာ့ ေတာ္ေတာ္မ်ားမ်ားက Run မွာ သံုးလို ့ရေသာ commands မ်ားဆိုျပီး တင္ေပမဲ့ အသံုးမျပဳဘူးတဲ့ သူမ်ားအတြက္အထူး အဆန္းျဖစ္ မွာ စိုးလို ့ အက်ိဳးရွိပံုေလးကို ေဖာ္ျပေပးလိုပါတယ္. ေအာက္မွာ အသံုးျပဳလို ့ရေသာ commands ေလးေတြ ကိုေဖာ္ျပေပးလိုက္ပါတယ္.

To Access…Run Command
Accessibility Controls access.cpl
Accessibility Wizardaccwiz
Add Hardware Wizardhdwwiz.cpl
Add/Remove Programs appwiz.cpl
Administrative Toolscontrol admintools
Adobe Acrobat (if installed)acrobat
Adobe Designer (if installed)formdesigner
Adobe Distiller (if installed)acrodist
Adobe ImageReady (if installed)imageready
Adobe Photoshop (if installed)photoshop
Automatic Updateswuaucpl.cpl
Bluetooth Transfer Wizardfsquirt
Calculatorcalc
Certificate Managercertmgr.msc
Character Mapcharmap
Check Disk Utilitychkdsk
Clipboard Viewerclipbrd
Command Promptcmd
Component Servicesdcomcnfg
Computer Managementcompmgmt.msc
Control Panelcontrol
Date and Time Properties timedate.cpl
DDE Shares ddeshare
Device Managerdevmgmt.msc
Direct X Control Panel (if installed)*directx.cpl
Direct X Troubleshooterdxdiag
Disk Cleanup Utilitycleanmgr
Disk Defragmentdfrg.msc
Disk Managementdiskmgmt.msc
Disk Partition Managerdiskpart
Display Propertiescontrol desktop
Display Propertiesdesk.cpl
Display Properties (w/Appearance Tab Preselected)control color
Dr. Watson System Troubleshooting Utilitydrwtsn32
Driver Verifier Utilityverifier
Event Viewereventvwr.msc
Files and Settings Transfer Toolmigwiz
File Signature Verification Toolsigverif
Findfastfindfast.cpl
Firefox (if installed) firefox
Folders Propertiesfolders
Fontscontrol fonts
Fonts Folderfonts
Free Cell Card Gamefreecell
Game Controllers joy.cpl
Group Policy Editor (XP Prof)gpedit.msc
Hearts Card Gamemshearts
Help and Supporthelpctr
HyperTerminalhypertrm
Iexpress Wizardiexpress
Indexing Serviceciadv.msc
Internet Connection Wizardicwconn1
Internet Exploreriexplore
Internet Properties inetcpl.cpl
Internet Setup Wizardinetwiz
IP Configuration (Display Connection Configuration)ipconfig /all
IP Configuration (Display DNS Cache Contents)ipconfig /displaydns
IP Configuration (Delete DNS Cache Contents)ipconfig /flushdns
IP Configuration (Release All Connections)ipconfig /release
IP Configuration (Renew All Connections)ipconfig /renew
IP Configuration (Refreshes DHCP & Re-Registers DNS)ipconfig /registerdns
IP Configuration (Display DHCP Class ID)ipconfig /showclassid
IP Configuration (Modifies DHCP Class ID)ipconfig /setclassid
Java Control Panel (if installed)jpicpl32.cpl
Java Control Panel (if installed)javaws
Keyboard Propertiescontrol keyboard
Local Security Settingssecpol.msc
Local Users and Groupslusrmgr.msc
Logs You Out Of Windows logoff
Malicious Software Removal Tool mrt
Microsoft Access (if installed)msaccess
Microsoft Chatwinchat
Microsoft Excel (if installed)excel
Microsoft Frontpage (if installed)frontpg
Microsoft Movie Makermoviemk
Microsoft Paintmspaint
Microsoft Powerpoint (if installed)powerpnt
Microsoft Word (if installed)winword
Microsoft Syncronization Toolmobsync
Minesweeper Gamewinmine
Mouse Propertiescontrol mouse
Mouse Propertiesmain.cpl
Nero (if installed)nero
Netmeeting conf
Network Connectionscontrol netconnections
Network Connectionsncpa.cpl
Network Setup Wizardnetsetup.cpl
Notepadnotepad
Nview Desktop Manager (if installed)nvtuicpl.cpl
Object Packagerpackager
ODBC Data Source Administratorodbccp32.cpl
On Screen Keyboardosk
Opens AC3 Filter (if installed)ac3filter.cpl
Outlook Expressmsimn
Paintpbrush
Password Propertiespassword.cpl
Performance Monitorperfmon.msc
Performance Monitorperfmon
Phone and Modem Options telephon.cpl
Phone Dialerdialer
Pinball Gamepinball
Power Configuration powercfg.cpl
Printers and Faxescontrol printers
Printers Folderprinters
Private Character Editoreudcedit
Quicktime (If Installed)QuickTime.cpl
Quicktime Player (if installed)quicktimeplayer
Real Player (if installed)realplay
Regional Settings intl.cpl
Registry Editorregedit
Registry Editorregedit32
Remote Access Phonebookrasphone
Remote Desktop mstsc
Removable Storagentmsmgr.msc
Removable Storage Operator Requestsntmsoprq.msc
Resultant Set of Policy (XP Prof)rsop.msc
Scanners and Camerassticpl.cpl
Scheduled Taskscontrol schedtasks
Security Center wscui.cpl
Servicesservices.msc
Shared Foldersfsmgmt.msc
Shuts Down Windowsshutdown
Sounds and Audio mmsys.cpl
Spider Solitare Card Gamespider
SQL Client Configuration cliconfg
System Configuration Editorsysedit
System Configuration Utilitymsconfig
System File Checker Utility (Scan Immediately)sfc /scannow
System File Checker Utility (Scan Once At The Next Boot)sfc /scanonce
System File Checker Utility (Scan On Every Boot)sfc /scanboot
System File Checker Utility (Return Scan Setting To Default)sfc /revert
System File Checker Utility (Purge File Cache)sfc /purgecache
System File Checker Utility (Sets Cache Size to size x)sfc /cachesize=x
System Informationmsinfo32
System Properties sysdm.cpl
Task Managertaskmgr
TCP Testertcptest
Telnet Clienttelnet
Tweak UI (if installed)tweakui
User Account Managementnusrmgr.cpl
Utility Managerutilman
Windows Address Bookwab
Windows Address Book Import Utilitywabmig
Windows Backup Utility (if installed)ntbackup
Windows Explorerexplorer
Windows Firewallfirewall.cpl
Windows Magnifier magnify
Windows Management Infrastructurewmimgmt.msc
Windows Media Playerwmplayer
Windows Messengermsmsgs
Windows Picture Import Wizard (need camera connected)wiaacmgr
Windows System Security Toolsyskey
Windows Update Launcheswupdmgr
Windows Version (to show which version of windows)winver
Windows XP Tour Wizardtourstart
Wordpad write

Flag-animation

Flag-animation

ကုိေစတနာဆုိက္ကေန ရွာေတြ႕ခဲ့တဲ့ လႈပ္ခတ္ေနတဲ့ အလံဖန္တီးႏုိင္တဲ့ Program-ေလးပါ။
Install-တင္နည္းကေတာ့.......
၁။ Install File-ကုိ ကလစ္ၿပီး အင္စေတာတင္လုိက္ပါ။
၂။ Install လုပ္ၿပီး ေအာ္တုိပြင့္လာတဲ့ Flag-animation-၀င္ဒုိးကုိ မသံုးပဲ အရင္ဦးစြာ ပိတ္ထားပါ။
၃။ Folder ထဲမွာ ပါတဲ့ Patch file ေလးကို ေကာ္ပီယူၿပီး, Flag-animation-ကုိ  အင္စေတာတင္လုိက္လုိ႔ ေရာက္သြားရာ----

C: ေအာက္က Program Files-ထဲက Pegtop-ဆုိတဲ့ ဖုိင္ထဲကုိ Paste-ခ်ၿပီး Run လုိက္ပါ။
ၿပီးရင္ Patch Bottom ကုိ Click လုိက္ရင္  အၿမဲတမ္းသံုးစဲြႏုိင္တဲ့ Full Version-ျဖစ္သြားပါၿပီ။
မိမိဖန္တီးခ်င္တဲ့ အလံကုိ File--->Open-ကေန ေခၚယူလုိက္ပါ၊အလံလႈပ္ရွားခ်င္တဲ့ ပမာဏ စသည္ ကုိ ျပင္ဆင္ၿပီးေနာက္ File--->Save-လုပ္လုိက္ပါ။
Flag-animation-Click Download Link

သိမွတ္ထာသင့္ေသာ နည္းပညာေ၀ါဟာရမ်ား

သိမွတ္ထာသင့္ေသာ နည္းပညာေ၀ါဟာရမ်ား++2




Cyberextortion ဆိုတာဟာ ဆိုက္ဘာတိုက္ခိုက္မႈႏွင့္သက္ဆိုင္ေသာ စကားလံုးျဖစ္သည္။ စီးပြား ေရး လုပ္ငန္းမ်ားကို ရည္ရြယ္တိုက္ခိုက္မႈမ်ားျဖစ္ၿပီး တိုက္ခိုက္မႈမ်ား ကိုရပ္ဆိုင္းလိုပါက ေငြေၾကးေတာင္း ခံၾကသည္။ Cyberextortion ပံုစံသည္ မ်ိဳးစံုျဖစ္ႏိုင္သည္။ Denial of service (DOS) တိုက္ခိုက္မႈ သည္ ျဖစ္ႏိုင္ေခ်အမ်ားဆံုး ဘံုနည္းလမ္းတစ္ခုျဖစ္သည္။ လက္ရွိႏွစ္မ်ားတြင္ ဆိုက္ဘာ ရာဇ၀တ္သား မ်ားသည္ ransom-ware ဟုေခၚေသာ ေဆာ့ဖ္၀ဲတစ္ခုကိုျပဳလုပ္ခဲ့ၿပီး သားေကာင္၏အ ခ်က္အလက္မ်ားကို encrypt လုပ္ႏုိင္ရန္စီမံၾကသည္။
တိုက္ခိုက္သူမ်ားက ၎အခ်က္အလက္မ်ားကို ျပန္လည္ရယူရန္အတြက္ decryption key အတြက္   ေငြေပးေခ်ရန္ ေတာင္းဆိုၾကသည္။ စီးပြားေရးလုပ္ငန္းမ်ားဟာ ၎တို႔၏ စီးပြားေရးကိစၥအတြက္ အင္ တာနက္ကိုမွီခိုရမႈ ပိုမိုမ်ားျပားလာခဲ့ၾကသည္။ ၎အခ်က္သည္ ဆိုက္ဘာ ရာဇ၀တ္သားမ်ား၏ အႀကိဳက္ျဖစ္ခဲ့ၿပီး ခြဲျခားသတ္မွတ္ရန္ အဖမ္းအဆီးအထိမ္းအသိမ္းခံရရန္ႏွင့္ တရားစြဲ ဆို ခံရန္လည္း အခြင့္ အလမ္းနည္းပါးၾကသည္။ တိုက္ခိုက္သူမ်ားက အမည္မသိအေကာင့္မ်ားႏွင့္ အေယာင္ျပ email လိပ္စာ မ်ားျဖင့္ တိုက္ခိုက္ၾကျခင္းျဖစ္သည္။ Cyberextortion လုပ္ငန္းစဥ္သည္ လြန္စြာ မွတိုက္ခိုက္ သူမ်ားကို အက်ိဳးအျမတ္ထြက္ေစသည္။

ႏွစ္စဥ္ေဒၚလာေပါင္းသန္းႏွင့္ခ်ီ၍ ၎တို႔အတြက္ အက်ိဳးအျမတ္ရေနၾကသည္ ။ ေငြေပးေခ်မႈမျပဳလုပ္ခဲ့ လွ်င္ ျပႆနာရွိသကဲ့သို႔ ေငြေပးေခ်မႈျပဳလုပ္ခဲ့ေသာ္လည္း အျပည့္အ၀အာမခံႏုိင္ျခင္းမရွိေခ်။ အဘယ္ေၾကာင့္ဆိုေသာ္ အျခားေသာအုပ္စုသို႔မဟုတ္ နဂို encrypt လုပ္ႏိုင္ခဲ့ေသာအုပ္စုထဲ မွပင္ ျပန္ လည္ ၍ တိုက္ခိုက္ႏိုင္ေသာေၾကာင့္   ျဖစ္သည္။ မည္သို႔ပင္ဆိုေစကား အဆင့္ ျမင့္ေသာနည္းပညာမ်ား၏ အကူအညီကို ရယူႏိုင္ခဲ့ေသာေၾကာင့္ အနည္းငယ္ေသာ cyberextortionist မ်ားကိုရွာေဖြၿပီး တရား ဥပေဒအရ အျပစ္ေပးႏိုင္ခဲ့ၾကသည္။ သို႔ေသာ္ နည္းပညာမ်ား၏ အားၿပိဳင္မႈအရ အမ်ားစုမွာလြတ္ေျမာက္ၿပီး ၎လုပ္ငန္းစဥ္ကို ဆက္လက္လုပ္ကိုင္ေနၾကဆဲျဖစ္သည္။

PictBridge
PictBridge ဆိုတာဟာ Firmware အတြက္ စက္မႈေလာကမွာ စံသတ္မွတ္ထားတဲ့အမည္ ျဖစ္ပါတယ္။ ဒီ firmware က ဒီဂ်စ္တယ္ကင္မရာမ်ားႏွင့္ ပရင္တာမ်ားအၾကား တိုက္႐ိုက္ဆက္သြယ္ႏုိင္ေစရန္ လုပ္ေဆာင္ေပးပါတယ္။ ႐ုပ္ပံုေတြတည္းျဖတ္တဲ့ ေဆာ့ဖ္၀ဲ သို႔မဟုတ္ၾကားခံ ကြန္ပ်ဴတာမလိုအပ္ဘဲႏွင့္ ဒီဂ်စ္တယ္ကင္မရာ ႐ုပ္ပံုေတြကို ပရင္တာဆီကိုပို႔ေဆာင္ႏုိင္ေစရန္အတြက္ဒီ firmware ကခြင့္ျပဳပါတယ္။ PictBridge-compliant ကင္မရာမ်ားက PictBridge-compliant ပရင္တာမ်ားႏွင့္ စံသတ္မွတ္ထားတဲ့ USB ႀကိဳးကိုအသံုးျပဳၿပီးတိုက္႐ိုက္ဆက္သြယ္ႏိုင္ၾကပါတယ္။ Device ေတြအခ်င္းခ်င္း ဆက္သြယ္တဲ့အခါမွာ ကင္မရာက ပရင္တာမွာ PictBridge function ရွိသလားလို႔ စစ္ေဆးပါတယ္။ ပရင္တာက အေျဖျပန္ရတဲ့ အခါမွာေတာ့ ကင္မရာရဲ႕ LCD စကရင္သို႔မဟုတ္ viewfinder မွာ print option ေပၚလာပါတယ္။ print function ေပၚလာတဲ့အခါမွာ ပရင့္ထုတ္ခ်င္တာကိုေရြးၿပီး ပရင့္ထုတ္ႏိုင္ပါတယ္။ အဲဒီလိုျပဳလုပ္ၿပီး တဲ့အခါ မွာေတာ့ ပရင္တာဟာ ကင္မရာဆီကို အဆင့္သင့္ျဖစ္ၿပီျဖစ္ေၾကာင္း အေၾကာင္းၾကားခ်က္ ျပန္လည္ ပို႔ေပးပါတယ္။ Camera & Imaging Products Association (CIPA) က သတ္မွတ္ထားတဲ့စံႏႈန္းျဖစ္တဲ့ PictBridge မွာ ေအာက္ေဖာ္ျပပါ feature ေတြပါ၀င္ပါတယ္။
-Camera to printer USB connection
-Single image printing
-Error and Status messages အဆင့္ျမင့္ PictBridge feature မ်ားကေတာ့-
-Wireless Connection
-Print multiple copies of a single image
-specify the exact size of a print
-Print all images
-Print part of image by specifying a clip area
-Print images with a time stamp
-Print an index of all images
-ကင္မရာစကရင္မွ ႏွစ္ခုသို႔မဟုတ္ ႏွစ္ခုထက္ပိုတဲ့႐ုပ္ပံုမ်ားကို ပရင့္ထုတ္ျခင္း

Cyberwarfare
Cyberwarfare ဆုိတာဟာ အင္တာနက္အေျချပဳ တုိက္ပြဲတစ္ခုပါ။ ႏုိင္ငံေရးအရင္းခံၿပီး သတင္း အခ်က္အလက္ႏွင့္ သတင္းအခ်က္အလက္စနစ္မ်ားကို ၀င္ေရာက္တုိက္ခိုက္မႈေတြ ပါ၀င္ပါတယ္။ Cyberwarfare တုိက္ခုိက္မႈမွာ တရား၀င္၀က္ဘ္ဆုိက္ေတြနဲ႔ ကြန္ရက္ေတြကုိ အလုပ္မလုပ္ႏုိင္ေအာင္ျပဳလုပ္မယ္။ အေရးပါတဲ့ ၀န္ေဆာင္မႈေတြကို ခ်ိနဲ႔သြားေအာင္ သုိ႔မဟုတ္ အေႏွာင့္အယွက္ျဖစ္ေအာင္လုပ္မယ္။ အခ်က္အလက္ေတြကို ခိုးယူမယ္ သုိ႔မဟုတ္ အစီအစဥ္တက်ျဖစ္ေနတာေတြကို ကေမာက္ကမျဖစ္ေအာင္လုပ္မယ္။ ဘ႑ာေရးစနစ္ကုိ အႀကီးအက်ယ္ထိခိုက္ပ်က္စီးေစရန္ ျပဳလုပ္မယ္ စသည္ျဖင့္ အျခားေသာ ျဖစ္ႏုိင္ေျခမ်ားစြာရွိတဲ့ အဖ်က္လုပ္ငန္းေတြကို စနစ္တက်ျပဳလုပ္တဲ့ ဆုိက္ဘာတုိက္ခုိက္မႈမ်ဳိးစုံ ပါ၀င္ပါတယ္။ Inside Cyber Warfare ဆိုတဲ့စာအုပ္ေရးသားသူ Teffery Carr က ဘယ္ႏုိင္ငံကမဆုိ တစ္ျခားႏုိင္ငံတစ္ခုကို ဆုိက္ဘာတုိက္ခိုက္မႈေတြလုပ္ႏုိင္ပါတယ္။ ရင္းျမစ္ေတြရဲ႕ ဘယ္အရာမဆုိကိုလည္း ဆုိက္ဘာေပၚကေန တုိက္ခုိက္ႏုိင္ပါတယ္။ ဘာေၾကာင့္လည္းဆုိေတာ့ စစ္တပ္အမ်ားစုဟာ ကြန္ရက္ဗဟုိျပဳနဲ႔ အင္တာနက္ကို ဆက္သြယ္ထားၾကလုိ႔ပဲျဖစ္ပါတယ္။ ဒါေၾကာင့္လုံၿခံဳမႈဆုိတာ မရွိပါဘူးဆုိပါတယ္။ တူညီတဲ့အေၾကာင္းျပခ်က္ကေတာ့ အစုိးရမဟုတ္တ့ဲအုပ္စုေတြနဲ႔ တစ္သီးပုဂၢလေတြက Cyberwarfare တိုက္ခုိက္မႈေတြကို ျပဳလုပ္ႏုိင္ပါတယ္။ ပံုခိုင္းႏႈိင္းမယ္ဆုိရင္ေတာ့ အင္တာနက္ဟာ လက္တစ္ဘက္တည္းနဲ႔ ပစ္ခတ္ႏုိင္တဲ့စြမ္းရည္ကုိ ေပးတယ္ဆုိရမွာပါ။ ဒါကို ႀကီးက်ယ္တဲ့ခ်ိန္ညႇိမႈလုိ႔ ေခၚဆုိပါတယ္။
  • Cyberwarfare ၏ ဥပမာမ်ား
၁၉၉၈ ခုႏွစ္တြင္ အေမရိကန္ျပည္ေထာင္စုက ဆားဘီးယားရဲ႕ ေလေၾကာင္းရန္ကာကြယ္ေရးစနစ္ထဲသုိ႔ ထုိးေဖာက္၀င္ေရာက္ခဲ့ၿပီး ေလေၾကာင္းထိန္းခ်ဳပ္မႈမ်ား ျပဳလုပ္ရန္ႏွင့္ ဆားဘီးယားပစ္မွတ္ကုိ ဗုံးက်ဲ တုိက္ခုိက္ ရာ၌ လြယ္ကူေခ်ာေမြ႕ေစရန္အတြက္ ျပဳလုပ္ခဲ့ျခင္းျဖစ္ပါတယ္။ ၂၀၀၇ ခုႏွစ္တြင္ ဒက္စတုိးနီးယား ၌ Botnet ျဖစ္ေနတဲ့ သန္းေပါင္းမ်ားစြာေသာ ကြန္ပ်ဴတာမ်ားက အစုိးရ၊ စီးပြားေရးနဲ႔ မီဒီယာေတြရဲ႕ ၀က္ဘ္ဆုိက္မ်ားစြာကို ျပဳတ္က်ေစရန္ျပဳလုပ္ခဲ့ပါတယ္။ ဒီတုိက္ခိုက္မႈဟာ ႐ုရွား က ႏွစ္ႏုိင္ငံအၾကားျဖစ္ေပၚေနတဲ့ ႏုိင္ငံေရးတင္းမာမႈေၾကာင့္ ျပဳလုပ္ခဲ့တယ္လုိ႔ ယူဆခဲ့ၾကပါတယ္။ ၂၀၀၉ ခုႏွစ္မွာေတာ့ Ghost Net လုိ႔ေခၚတဲ့ ဆုိက္ဘာသူလွ်ဳိကြန္ရက္က ကမၻာတစ္၀ွမ္းရွိ ႏုိင္ငံေပါင္း တစ္ရာေက်ာ္ မွ အစုိးရႏွင့္ ပုဂၢလိကအဖြဲ႕အစည္းမ်ား၏ အေရးပါေသာ လွ်ဳိ႕၀ွက္အခ်က္အလက္မ်ားကုိ ရယူခဲ့ပါတယ္။ GhostNet ဟာ တ႐ုတ္ႏုိင္ငံမွာ မူရင္းရွိေနတယ္လုိ႔ဆုိေပမယ့္ ၎ႏုိင္ငံက ျငင္းဆုိခဲ့ပါတယ္။ Cyberwarfare တုိက္ခုိက္မႈကို အထိေရာက္ဆုံးကာကြယ္မႈကေတာ့ ကြန္ရက္ေတြနဲ႔ သတင္းအခ်က္ အလက္ေတြကို လုံၿခံဳစိတ္ခ်ေအာင္ ျပဳလုပ္ထားျခင္းသာ ျဖစ္ပါတယ္။ လုံၿခံဳမႈရွိေစရန္ ေခတ္ႏွင့္အညီမြမ္းမံျခင္း (သုိ႔) အခ်ိန္ႏွင့္အညီ မြမ္းမံျခင္းတို႔ကို စနစ္အားလုံးမွာ ျပဳလုပ္ထား ရ မွာပါ။ ဘာေၾကာင့္လဲဆုိေတာ့ လုံၿခံဳေရးဆုိင္ရာ ခ်ဳိ႕ယြင္းခ်က္ရွိေနတဲ့ စနစ္ေတြဟာ တုိက္ခုိက္မႈကုိ သယ္ေဆာင္လာတာျဖစ္ပါတယ္။ တိုက္ခုိက္မႈေၾကာင့္ အလားအလာရွိတဲ့ ပ်က္စီးမႈမ်ားကို ေလ်ာ့ပါး သက္သာမႈရွိေစရန္အတြက္ သဘာ၀ေဘးအႏၱရာယ္ကာကြယ္မႈကဲ့သုိ႔ေသာ စီမံကိန္းေတြနဲ႔ အင္တာနက္ျပတ္ေတာက္သြားခ်ိန္မွာ ဘာေတြလုပ္ေဆာင္မယ္ဆုိတဲ့ ႀကိဳတင္စီမံမႈေတြကိုလည္း ျပဳလုပ္ ထားရမွာျဖစ္ပါတယ္။

PCS (Personal Communication System)
ဒီဂ်စ္တယ္ႀကိဳးမဲ့ဆက္သြယ္ေရးစနစ္ျဖစ္ပါတယ္။ Cellular စနစ္ရဲ႕စည္းမ်ဥ္းေတြကိုပဲ အေျခခံထားတာပါ။ သို႔ေသာ္လည္း လုပ္ေဆာင္ခ်က္ပိုင္းမွာေတာ့ Frequency range ေတြမတူညီပါဘူး။ PCS ဟာ အေမရိကန္ႏိုင္ငံရွိ ဖယ္ဒရယ္ဆက္သြယ္ေရးေကာ္မရွင္ မွ ပိုင္းျခားသတ္မွတ္ထားျခင္းျဖစ္ပါတယ္။ Sprint PCS ဟာ ဥပမာတစ္ခုျဖစ္ပါတယ္။

State Wide Area Network (SWAN)
SWAN ဆိုတာဟာ အိႏၵိယႏိုင္ငံတြင္ အစိုးရမွအစိုးရပိုင္းအတြက္ ကြန္ပ်ဴတာကြန္ရက္စနစ္တည္ေဆာက္ ရန္ဖန္တီးတဲ့ ပေရာဂ်က္ျဖစ္ပါတယ္။ ၎ဟာ အစိုးရလုပ္ငန္းမ်ားကို ပိုမိုၿပီးအခ်ိန္တိုတိုႏွင့္ ခရီးေရာက္ေစ ရန္ရည္ရြယ္တည္ၿပီး ဖန္တီးတည္ေဆာက္ထားတာျဖစ္ပါတယ္။ SWAN ကိုအိႏၵိယအစိုးရမွ ၂၀၀၅ ခုႏွစ္မတ္လတြင္ စတင္ျပဳလုပ္ခဲ့ၿပီး ၂၀၁၀ ခုႏွစ္ဇြန္လတြင္ အၿပီးသတ္ႏိုင္ေစရန္ရည္ရြယ္ထားပါတယ္။ SWAN ပေရာဂ်က္ၿပီးဆံုးတဲ့အခါတြင္ အိႏၵိယရွိျပည္နယ္ ၂၉ ယူနီယံေျခာက္ခုမွ႐ံုးမ်ားဟာ အျပန္အလွန္ ဆက္သြယ္ႏုိင္မွာျဖစ္ၿပီး ႏုိင္ငံေတာ္အီလက္ထေရာနစ္ အစိုးရစီမံကိန္းကို အျပည့္အ၀အေကာင္ အထည္ေဖာ္ႏိုင္မွာ ျဖစ္ပါတယ္။ အစိုးရအခ်င္းခ်င္းကိုျဖစ္ေစ (government-to-government) အစိုးရမွ ေဖာက္သည္၀န္ေဆာင္မႈမ်ား (government-to-consumer servies) ကိုစတင္ဆက္သြယ္ လုပ္ကိုင္ႏိုင္မွာျဖစ္ပါတယ္။ SWAN backbone ဟာ အခ်က္အလက္ (data)၊ အသံ (voice) ႏွင့္ ဗီဒီယို (video) တို႔ကိုသံုးစြဲႏိုင္ရန္အတြက္ အေထာက္အပံ့ေပးမွာျဖစ္ပါတယ္။

Technohedonist
၎စကားလံုးဟာ ေနာက္ဆံုးေပၚဒီဂ်စ္တယ္နည္းပညာမ်ားကို ေစ်းကြက္ထဲမွာ သို႔မဟုတ္ နည္းပညာ နယ္ပယ္ မွာ သင့္ေလွ်ာ္ေလ်ာက္ပတ္သည္ရွိမရွိကိုဂ႐ုမျပဳပဲ အေလာတႀကီးထုတ္ျပန္ေၾကညာတတ္ သူ ေခၚဆိုပါတယ္။

Micro-botnet
Micro-botnet ဆိုတာဟာ botnet အေသးစားပါ။ ၎ဟာ အင္တာနက္နဲ႔ဆက္သြယ္ထားတဲ့ ကြန္ပ်ဴတာ မ်ားခ်ိတ္ဆက္ထားတဲ့ ကြန္ရက္အေသးစားပါ။ ၎တို႔ဟာ ကုမၸဏီအတြင္းကတိုက္ခိုက္ခံထားရတဲ့ ကြန္ပ်ဴတာ အစုေပါင္းကို ေခၚဆိုတာျဖစ္ပါတယ္။ ၎င္း botnet  မ်ားဟာ ကုမၸဏီအတြင္း သူလွ်ိဳ လုပ္ငန္းမ်ားကို ျပဳလုပ္ထားတာျဖစ္ပါတယ္။ တိုက္ခိုက္ခ်င္သူမ်ားကိုရည္ရြယ္ၿပီး ေစာင့္ၾကတာတို႔၊ တိုက္ခိုက္ တာတို႔လုပ္ၾကပါတယ္။ သတင္းအခ်က္အလက္ေတြကို ရယူစုေဆာင္းၿပီး ျပန္လည္ေရာင္းခ် မႈအတြက္ျပဳလုပ္ၾကတာ ျဖစ္ပါတယ္။
Micro-botnet ထဲမွကြန္ပ်ဴ တာေပါင္းတစ္ရာထက္နည္းပါးတဲ့ အေရအတြက္သာရွိပါတယ္။ Firewall သို႔မဟုတ္ Intrasion detection system (IDS) တို႔ကို ေႏွာင့္ယွက္ၿပီးျဖတ္ေက်ာ္ၾကပါတယ္။

e-mall
e-mall ဆိုတဲ့စကားလံုးက ၀က္ဘ္ဆိုက္ေပၚမွ ကုန္တိုက္ကိုဆိုလိုတဲ့စကားလံုးပါ။ အဲဒီေနရာမွာ ပစၥည္းေတြ ကို browser လုပ္ၿပီးရွာႏိုင္သလို ၀ယ္ယူလို႔လဲရႏိုင္ပါတယ္။ အြန္လိုင္းကုန္တိုက္ပါ။

OpenBSD
OpenBSD ဆိုတာဟာအခမဲ့ရရွိေသာ open source operating system ျဖစ္ပါတယ္။ ၎ဟာ UNIX အတြက္ေပးထားတဲ့ operating system ပါ။ ပ႐ိုဂရမ္မင္းေလာကမွာ လံုၿခံဳေရးဆိုင္ရာ ၎၏သတိျပဳ ဂ႐ုစိုက္မႈေၾကာင့္ နာမည္ ေက်ာ္ေနတဲ့ Theo de Raadt ကပူးေပါင္းထားတဲ့ OpenBSD ပေရာဂ်က္တစ္ခု လည္းျဖစ္ပါတယ္။Theo de Raadt အဖြဲ႕က Network packets အတြက္ encryption လုပ္တဲ့ Open SSH (Open-Source secure shell daemon) ကိုျပဳလုပ္ေပးမႈ႔အတြက္ ထင္ရွားပါတယ္။OpenBSD ဟာ လံုၿခံဳေရး ဆိုင္ရာအတြက္ အထူးစိတ္ခ်ရၿပီး Firewall တစ္ခုကဲ့သို႔ တစ္ခါတစ္ရံတြင္အသံုးျပဳႏိုင္ပါတယ္။ Open- BSD.org ရဲ႕အဆိုအရ Open- BSD ဟာ ေစတနာ၀န္ထမ္းေတြနဲ႔ ျပဳလုပ္ထားတာပါလို႔ သိရပါ တယ္။ ဒီပေရာဂ်က္အတြက္ရန္ပံုေငြက CD ေတြေရာင္းခ်တာနဲ႔ တစ္သီးပုဂၢဳလ (သို႔မဟုတ္) အဖြဲ႕ အစည္းမ်ားက လွဴဒါန္းေငြကေနရခဲ့တာပါ။ အခမဲ့သံုးစြဲႏိုင္ဖို႔အတြက္ စီမံေပးထားပါတယ္။

Eavesdropping
Eavesdropping ဆိုတာဟာ အျခားသူမ်ားစကားေျပာေနစဥ္ အတြင္းမွာ ေျပာဆုိေနသူမသိေအာင္ ၎တုိ႔ေျပာေနမႈမ်ားကို ၾကားျဖတ္ ၍ခုိးယူနားေထာင္မႈကို ေခၚဆုိတာျဖစ္ပါတယ္။ ဖုန္းေခၚဆုိမႈ Instant Message  နဲ႔ ဗီဒီယိုကြန္ဖ ရင့္ သုိ႔မဟုတ္ Fax  ပုိ႔လႊတ္မႈတုိ႔ကုိ ၾကားျဖတ္နားဆင္မႈတုိ႔နဲ႔ သက္ဆုိင္ ပါတယ္။ VoIP စနစ္လုိမ်ဳိး Encryption  မလုပ္ထားတဲ့ ဖုန္းေခၚဆုိမႈ ေတြဟာ ၾကားျဖတ္နားေထာင္သူ ေတြအတြက္ အလြယ္တကူျဖစ္ေစ တယ္လုိ႔ ပညာရွင္မ်ားကေျပာဆုိ ၾကပါတယ္။IP အေျချပဳဖုန္းေခၚဆုိမႈေတြ ဟာ ၾကားျဖတ္နားဆင္ရတာလြယ္ ကူၿပီး PC  ေတြကလာတဲ့ ဒီဂ်စ္ တယ္အသံေတြကို စံသတ္မွတ္ထား တဲ့ WAV  ဖုိင္ေတြကိုေျပာင္းၿပီး နားေထာင္ႏုိင္ဖုိ႔ေဆာ့ဖ္၀ဲေတြလည္း ရွိေနပါတယ္။၂၀၀၉ ခုႏွစ္ ၾသဂုတ္လက Symantec  က Peskyspy  လုိ႔ လူသိမ်ားတဲ့ Wiretap Trojan  ဟာ Skype  အသုံးျပဳတဲ့ အသံဖုိင္ ေတြကို Encrypt  မလုပ္ခင္ၾကား ျဖတ္ဖမ္းယူႏုိင္ဖုိ႔ ဒီဇုိင္းေရးဆြဲထား တာျဖစ္ေၾကာင္း ေဖာ္ထုတ္ေတြ႕ရွိရ တယ္လုိ႔ေျပာဆုိပါတယ္။Eavesdropping တြင္အသုံး ျပဳေသာ နည္းပညာမွာ Wire-apping  ဆုိတဲ့နည္းပညာျဖစ္ပါတယ္။

ေဆြမ်ိဴးရွိတဲ့ HTML tag

What’s HTML?:HTML ...( Notepad ရဲ႕အေရးပါပံု)


HTML အေၾကာင္းေျပာျပီဆိုေတာ့ နည္းနည္းေလး Technical ပိုင္းပုိမ်ားမယ္လုိ႕ ထင္ပါတယ္။ ဒါေပမယ့္ HTML အေၾကာင္းကို introduction ေလာက္ေလးပဲ လုပ္သြားမွာျဖစ္တဲ့ အတြက္ ဘာမွေတာ့ သိပ္အမ်ားၾကီး မပါေသးပါဘူး။သာမန္ ျမန္မာ netizen တစ္ေယာက္အေနနဲ႕ တစ္ေန႕တစ္ေန႕ ၾကည့္ၾကည့္ေနတဲ့ web page ေတြကို ဘယ္လုိ ေဆာက္ထား လဲ ဆိုတဲ့ အေၾကာင္းကို ကိုယ္စီးတဲ့ ႏြား အထီးလား အမလား သိရုံေလာက္ပဲ ေရးသြားမွာပါ။


HTML ဆိုတာဘာလဲ?
HTML ဆိုတာကို အရွည္ေျပာရရင္ေတာ့ Hyper Text Markup Language လုိ႕ေျပာရပါလိမ့္မယ္။ ဟိုလူကေျပာ ဒီလူကေျပာ ေျပာေျပာေနၾကမယ့္ HTML ဆိုတာဟာ ကၽြန္ေတာ္တုိ႕ ဘယ္အခ်ိန္ၾကည့္ၾကည့္ ဘယ္ website ကိုၾကည့္ၾကည့္ ျမင္ရသမွ်ကို web browser ကျပႏုိင္ဖုိ႕ အတြက္ အဓိကလုိတဲ့ file တစ္ခု (သို႕မဟုတ္) text file တစ္ခုပါပဲ။
အခုအခ်ိန္မွာ XHTML ဆိုတဲ့ standard မွီတဲ့ HTML language သာ သံုးေတာ့ေပမယ့္ အဲ့ဒီ့ XHTML ကိုလည္း အမ်ားအားျဖင့္ HTML လုိ႕သာေခၚၾကပါတယ္။
ဘာကြာလည္းေတာ့ ေခါင္းေနာက္သြားမွာ စိုးတဲ့အတြက္ ေနာက္မွပဲ ရွင္းျပပါေတာ့မယ္။ လုိရာကိုပဲေျပာျပီး HTML ဘယ္ကစလဲ? ဘယ္သူထြင္လဲ? ဘယ္တုန္းကလဲ? စတဲ့ သမုိင္းသင္ခန္းစာေတြ ကိုေက်ာ္လုိက္ရေအာင္။

HTML ဘယ္လုိေရးမလဲ?
လြယ္ပါတယ္။ Notepad နဲ႕ ေရးပါတယ္။ တကယ္လုိ႕ notepad နဲ႕ တျဖည္းျဖည္း html ကို နားလည္လာျပီဆိုရင္ web development အတြက္သံုးႏုိင္တဲ့IDEတစ္ခုခုကို ေျပာင္းသံုးျပီး ဆက္ေရးႏုိင္ပါတယ္။
HTML မွာ Tag ေတြကို သံုးျပီး mark up လုပ္ပါတယ္။ Tag အမ်ိဴးအစားေပၚမူတည္ျပီး ဘာျပေပးရမယ္ဆိုတာကို web browser က ၾကည့္ျပီး ျပေပးပါတယ္။
ဥပမာ <a> ဆိုတဲ့ Tag မ်ိဴးကိုေတြ႕ရင္ anchor သုိ႕ link ျပေပးရမယ္၊ <p>...</p> ဆုိတဲ့ tag မ်ိဴးကိုေတြ႕ရင္ ၾကားထဲမွာရွိတဲ့ စာကို paragraph တစ္ခုအေနနဲ႕ ျပေပးရမယ္ေပါ့။
HTML tag ေတြမွာ characteristic ေလး တခ်ိဳ႕ ရွိပါတယ္။ သူတုိ႕ေတြမွာ
  1. အေၾကာင္းရွိတယ္
  2. ေဆြမ်ိဴးရွိတယ္
  3. အစနဲ႕ အဆံုးရွိတယ္
အေၾကာင္းရွိတဲ့ HTML tag
HTML tag ေတြမွာ သူတို႕ကိုယ္ပိုင္ အေၾကာင္းအရာေလးေတြ (Attribute ေတြ) ရွိပါတယ္။
ဥပမာ Link တစ္ခုကိုေရးတဲ့ HTML tag တစ္ခုဟာ
<a href="http://mmhan.net" title="Go to mmhan.net">Go to mmhan.net</a> ဆိုရင္
အဲ့ဒီ anchor link ရဲ႕ attribute ေတြဟာ href နဲ႕ title ပါပဲ။
အဲ့ဒီ့ attribute ေတြဟာ HTML tag ရဲ႕ အလုပ္လုပ္ပံု၊ display ျပပံုကို သတ္မွတ္ပါတယ္။
ဒီဥပမာမွာ href ဆိုတဲ့ attribute ဟာ ဒီ link ကို click ႏွိပ္လုိက္ရင္ ဘယ္သြားမယ္လုိ႕ ေျပာေပးျပီး၊ title ဆိုတဲ့ attribute ဟာ ဒီ link ေပၚမွာ mouse တင္ထားရင္ ဘယ္စာ ျပရမယ္ ဆိုတာမ်ိဴးကို သတ္မွတ္ေပးတာေပါ့။

ေဆြမ်ိဴးရွိတဲ့ HTML tag
ေဆြမ်ိဴးရွိတယ္လုိ႕ ဘာလုိ႕ေျပာရလဲဆိုေတာ့ သူတုိ႕ေတြဟာ Tree Structure နဲ႕ ရွိေနလုိ႕ပါ။ ေအာက္က code ကို တခ်က္ၾကည့္ၾကည့္ပါ။
I’m a child of <div id=”bar”>
Me too!!
I’m sibling of <div id=”bar”>
အဲ့ဒီ့ code မွာေတြ႕ရတဲ့ အတိုင္းပဲ၊ <div id="foo"> ဆုိတဲ့ division tag ဟာ တျခား HTML tag ေတြနဲ႕ယွဥ္ရင္ tree structure ရဲ႕ အေပၚဆံုးမွာရွိေနျပီး၊ သူ႕ရဲ႕ child ေတြ အျဖစ္ <div id="bar"> နဲ႕ <h3> ဆုိတဲ့ heading-3 tag ရွိပါတယ္။HTML ကိုေရးျပီဆိုရင္ အဲ့ဒီ့လုိပဲ tree structure နဲ႕ေရး ရပါတယ္။

အစနဲ႕ အဆံုးရွိတဲ့ HTML tag
HTML ေရးျပီဆိုရင္ အစနဲ႕ အဆံုး tag ေတြ မရွိမျဖစ္ ရွိရပါတယ္။
အေပၚမွာျပသြားတဲ့ code အရ <div id="foo"> ရဲ႕ child ေတြကို အုပ္ထားတဲ့ </div> ဟာ သူ႕ရဲ႕ အဆံုး tag ပါ။<h1> ရဲ႕ အဆံုး tag ဟာ </h1>၊ <h2> ရဲ႕ အဆံုး tag ဟာ </h2> ျဖစ္ျပီး <h3> ရဲ႕ အဆံုး tag ဟာ </h3>၊  ပါ။ဒီေတာ့ အဆံုး tag ကိုေရးခ်င္ရင္ အစ tag ရဲ႕ < အျပီးမွာ / ထည့္ရတယ္ လုိ႕ ေတြ႕ပါလိမ့္မယ္။တစ္ခါတစ္ေလမွာေတာ့ child မရွိတဲ့ HTML tag ေတြရွိတတ္ပါတယ္။
ပံုျပတဲ့ <img> tag ဟာ အဲ့ဒီ့ထဲက တစ္ခုေပါ့။

သူ႕ကိုေရးတဲ့အခါမွာေတာ့
<img src="http://somedomain.com/someimage.jpg" width="100" height="100" /> ဆိုျပီး tag ရဲ႕ အဆံုး > မတိုင္ခင္မွာ / ကိုထည့္ျပီး အဆံုးသတ္ ေပးရပါတယ္။ကဲ အခုေလာက္ဆုိရင္ေတာ့ HTML နဲ႕ ေမးထူးေခၚေျပာ အဆင့္ေလာက္ထိ အကၽြမ္းတ၀င္ရွိသြားျပီေပါ့… HTML အေၾကာင္းကို အေသးစိတ္ေလ့လာမယ္ဆို က်ေနာ္ စာအုပ္တင္ေပး ပါမယ္.......

Menu Tab လုပ္နည္းမ်ား

Menu Tab လုပ္နည္းမ်ား - ပုံစံ (၁)

Contributor: ရန္ေအာင္

အားလုံးပဲ မဂၤလာပါ ခင္ဗ်ာ.

ဒီတစ္ခါမွ်ေ၀ခ်င္တာကေတာ႔ ဘေလာ႔ဂ္မွာ Menu Tab လုပ္နည္းေလးပါပဲ. ဒီပုိ႔စ္ေလးကုိ ေရးဖုိ႔ အားခဲထားတာ ၾကာပါျပီ. အခုမွပဲ စတင္ အေကာင္အထည္ေဖာ္ျဖစ္ေတာ႔တယ္ဗ်ာ. အခု ကၽြန္ေတာ္႔ရဲ႔ ပုိ႔စ္ေလးကုိ ပုံစံ (၁)လုိ႔ နာမည္ေပးထားရတာက ေနာက္ထပ္ ပုံစံကဲြေလးေတြ ရွိေသးလုိ႔ပါပဲ. အဲဒါေလးေတြကုိလည္း ထပ္ေရးေပးသြားပါမယ္. ပုိ႔စ္တစ္ခုတည္းမွာ ေရးလုိက္ရင္ ရႈပ္ကုန္မွာစုိးလုိ႔ ခဲြထုတ္ေရးသားဖုိ႔ ရည္ရြယ္ထားတာပါ.

ကဲ. ဒီေတာ႔ Menu Tab ဆုိတာ ဘာလဲဆုိတာကေန စၾကည္႔လုိက္ရေအာင္. ပုံေလးေတြကုိ ၾကည္႔လုိက္ပါ. အဲဒါ Menu Tab ေလးေတြပါပဲ.






ဘေလာ႔ဂ္တန္းပလိတ္တုိင္းမွာ Menu Tab မပါၾကပါဘူး. ပါတဲ႔ တန္းပလိတ္ တစ္ခ်ိဳ႔ ရွိပါတယ္. ဒါေပမယ္႔ Wordpress အတြက္ အမ်ားစုျဖစ္ေနၾကတယ္. Blogger Platoform အတြက္က်ျပန္ေတာ႔လည္း ရွိေတာ႔ရွိပါရဲ႔. Classic Template အတြက္ ျဖစ္ေနတတ္ျပီးေတာ႔ New Blogger Widget Template အတြက္ Menu Tab ထည္႔ေပးျပီးသား မရွိတတ္ၾကပါဘူး. ဒီေတာ႔ ကုိယ္တုိင္ကုိယ္က် ထည္႔တတ္ေအာင္ ေလ႔လာသင္ယူလုိက္တာ အေကာင္းဆုံးပဲ မဟုတ္ဘူးလားဗ်ာ…

ပထမဦးဆုံးအေနနဲ႔ ကုိယ္လုပ္မယ္႔ Menu Tab အတြက္ Button ေလးေတြကုိ ဖန္တီးယူရပါမယ္. Photoshop ႏုိင္နင္းတဲ႔သူေတြအတြက္ဆုိရင္ေတာ႔ ကုိယ္ပုိင္ Button ေလးေတြကုိ ဖန္တီးႏုိင္မွာပါ. Flash သမားေတြဆုိရင္ ပုိေတာင္မွ အဆင္႔ျမင္႔တဲ႔ Button ေလးေတြ လုပ္ဖုိ႔ အခြင္႔အလမ္းအမ်ားၾကီးရွိပါတယ္. အဲ. ကုိယ္တုိင္ မလုပ္တတ္ရင္လည္း စိတ္မပူပါနဲ႔. ဒီမွာ အဆင္သင္႔ လုပ္ေပးျပီးသား Button ေလးေတြ ရွိပါတယ္. ကုိယ္႔စိတ္ၾကိဳက္ ပုံေလးေတြကုိ သိမ္းထားႏုိင္ပါတယ္.




Black




Blackleft.gif




Blackright.gif


Blue




Blueleft.gif




Blueright.gif


Green




Greenleft.gif




Greenright.gif


Red




Redleft.gif




Redright.gif


Ungu




Unguleft.gif




Unguright.gif


White




whiteleft.gif




whiteright.gif


Yellow




yellowleft.gif




yellowright.gif


ကဲ. ပုံေလးေတြ ယူလုိက္ျပီေနာ္. ဒါဆုိရင္ စလုိက္ၾကရေအာင္.

အဆင႔္ (၁)

- Blogger ထဲကုိ Sign in ၀င္ပါ. Layout>Template>Edit Html ကုိသြားပါ.

- တန္းပလိတ္ကုိ Backup လုပ္ဖုိ႔ လုံး၀ (လုံး၀) မေမ႔ပါနဲ႔. ဒါမွ မေတာ္တဆ အမွားလုပ္ခဲ႔မိရင္ေတာင္ ကုိယ႔္ဘေလာ႔ဂ္ေလး မပ်က္စီးႏုိင္ေတာ႔ဘူးေပါ႔.

- Expand Widget Templates ဆုိတဲ႔ Box ေလးကုိ Check လုပ္ခဲ႔ပါ.

အဆင္႔ (၂)

- ျပီးသြားရင္ေတာ႔ တန္းပလိတ္ထဲမွာ ]]></b:skin> ဆုိတဲ႔ Code ေလးကုိ လုိက္ရွာပါ. ေတြ႔ျပီဆုိတာနဲ႔ ေအာက္မွာ ေဖာ္ျပေပးမယ္႔ ကုဒ္ဒင္းေလးေတြကုိ အေပၚကေန ကပ္လ်က္ထည္႔ေပးလုိက္ပါ.

/* Menu Tab Starts Here */

tabshori {
float:left;
width:100%;
font-size:13px;
border-bottom:1px solid #2763A5;
line-height:normal;
}
#tabshori ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabshori li {
display:inline;
margin:0;
padding:0;
}
#tabshori a {
float:left;
background:url("http://www.fileden.com/files/2007/2/17/784534/blackleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabshori a span {
float:left;
display:block;
background:url("http://www.fileden.com/files/2007/2/17/784534/blackright.gif") no-repeat right top;
padding:5px 14px 4px 4px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabshori a span {float:none;}
/* End IE5-Mac hack */
#tabshori a:hover {
background-position:0% -42px;
}
#tabshori a:hover span {
background-position:100% -42px;
}

အေပၚမွာ ျပထားတဲ႔ ကုဒ္ဒင္းေလးေတြထဲမွာ Default အေနနဲ႔ Black Button ေလးကုိ ထည္႔ေပးထားပါတယ္. ကုိယ္ၾကိဳက္တဲ႔ အေရာင္ ေျပာင္းယူႏုိင္ပါတယ္. အနီေရာင္ၾကိဳက္ရင္ blackleft.gif ေနရာမွာ redleft.gif ဆုိျပီးေတာ႔ တစ္ခါ၊ blackright.gif ေနရာမွာ redright.gif ဆုိျပီးေတာ႔ တစ္ခါ ႏွစ္ေနရာမွာ ေျပာင္းေပးရပါမယ္. ဒီေလာက္ဆုိ သေဘာေပါက္ျပီထင္ပါတယ္.

ဒီေနရာမွာ တစ္ခု ျဖတ္ေျပာခ်င္ပါတယ္. ဘာလဲဆုိေတာ႔ အခုကၽြန္ေတာ္ေပးထားတဲ႔ Button ေလးေတြအတြက္ URL ေတြကုိ သူမ်ားတင္ေပးျပီးသား လင္႔ခ္ေတြကုိ ယူသုံးတာထက္ Hosting Site တစ္ခုခုမွာ ကုိယ္ပုိင္ေကာက္တင္ျပီး ယူသုံးတာ ကုိယ္႔အတြက္ ပုိစိတ္ခ်ရပါတယ္. မဟုတ္ရင္ေတာ႔ ၀ိုင္းျပီး သုံးသူေတြ မ်ားႏုိင္တာေၾကာင္႔ Bandwidth မႏိုင္တာေတြ ျဖစ္လာႏုိင္ျပီး ကုိယ္႔ဘေလာ႔ဂ္မွာ တင္ထားတဲ႔ Menu Tab ေလးေတြ ခဏခဏ ေဒါင္းသြားတတ္ပါတယ္.

File Hosting မလုပ္ခင္ ကုိယ္ၾကိဳက္တဲ႔ ပုံေလးေတြကုိ အရင္ဆုံး Save လုပ္ပါ. ဖုိင္လ္ေတြကုိ ဘယ္လုိမ်ိဳး Host လုပ္ရလဲဆုိတာကုိ သိခ်င္ရင္ေတာ႔ ဒီပုိ႔စ္ေလးကုိ ဖတ္ျပီး ေလ႔လာစမ္းသပ္ၾကည္႔ပါခင္ဗ်ာ….

Button ေလးတစ္ခုကို အစမ္းသေဘာအေနနဲ႔ တင္ျပေပးပါမယ္. အစိမ္းေရာင္ေလးကုိ ေရြးလုိက္ပါမယ္. တင္ရမယ္႔ ဖုိင္က ႏွစ္ခုပါ. Greenleft.gif နဲ႔ Greenright.gif ပါ.



File Hosting လုပ္နည္း အက်ဥ္းခ်ဳပ္


Free File Hosting ေပးတဲ႔ Site ေတြထဲကမွ Fileden ကုိ ကၽြန္ေတာ္ေရြးလုိက္ပါမယ္.

Upload ဆုိတဲ႔ Tab ေလးကို ေရြးပါမယ္.



ကုိယ္တင္ခ်င္တဲ႔ ဖုိင္ေလးေတြကုိ Browse ကေန တစ္ဆင္႔ ေရြးပါမယ္. ျပီးရင္ေတာ႔ Upload လုပ္ပါမယ္.



ကၽြန္ေတာ္တင္ခ်င္တဲ႔ Greenleft.gif နဲ႔ Greenright.gif ဖုိင္ေလးေတြကုိ ေရြးျပီးေတာ႔ Upload လုပ္ပါမယ္.



ေနာက္တစ္မ်က္ႏွာမွာ ေပၚလာမွာကေတာ႔ ကၽြန္ေတာ္တုိ႔တင္လုိက္တဲ႔ ဖုိင္ေလးေတြရဲ႔ URL လင္႔ခ္ေလးေတြပါပဲ. Selection လုပ္ျပထားတဲ႔ URL ေလးေတြကုိ ကူးယူလုိက္ရင္ File Hosting လုပ္တဲ႔ Process ေအာင္ျမင္စြာ ျပီးဆုံးသြားပါျပီ.



အခု ကၽြန္ေတာ္တုိ႔ရဲ႔ Case မွာေတာ႔ ဒီလင္႔ခ္ေလးႏွစ္ခုကုိ ယူလာရပါမယ္.

http://www.fileden.com/files/2007/2/17/784534/greenleft.gif နဲ႔

http://www.fileden.com/files/2007/2/17/784534/greenright.gif တုိ႔ပဲ ျဖစ္ပါတယ္.

အဲဒီ႔လင္႔ခ္ေလးႏွစ္ခုကုိ အေပၚမွာ ေဆြးေႏြးထားခဲ႔သလုိပဲ

http://www.fileden.com/files/2007/2/17/784534/blackleft.gif နဲ႔

http://www.fileden.com/files/2007/2/17/784534/blackright.gif ဆုိတဲဲ႔

ေနရာေလးေတြမွာ အသီးသီး အစားသြင္းေပးလုိက္ရင္ ကုိယ္႔စိတ္ၾကိဳက္ Button ေလးေတြကုိ Menu Tab လုပ္တဲ႔ အဆင္႔ျပီးသြားျပန္ပါျပီ….


အဆင္႔ (၃)

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

ပထမဦးဆုံး အခု ကၽြန္ေတာ္ေပးလုိက္မယ္႔ ကုဒ္ဒင္းေလးကုိ ေကာ္ပီကူးထားေစခ်င္ပါတယ္.

<div id="tabshori">
<ul>
<!-- Change the links with your own links -->
<li><a href=" http://yanaung.blogspot.com/ ">မူလစာမ်က္ႏွာသုိ႔</a></li>
<li><a href="Your Link Here">Your Link Name</a></li>
<li><a href="Your Link Here">Your Link Name</a></li>
</ul>
</div >


ဥပမာ လုပ္ျပေပးထားတဲ႔ လင္႔ခ္ေလးေတြေနရာမွာ ကုိယ္႔စိတ္ၾကိဳက္ လင္႔ခ္ေလးေတြ ထည္႔ေပးဖုိ႔ေတာ႔ မေမ႔ပါနဲ႔.

ရျပီဆုိရင္ေတာ႔ အဲဒီ႔ကုဒ္ဒင္းေလးေတြကုိ ေကာ္ပီကူးျပီး အသင္႔ျပင္ထားေနာ္.

ကဲ. ဆက္လုပ္လုိက္ၾကရေအာင္.

နည္းလမ္း (၁)

<div id="content-wrapper"> ဆုိတဲ႔ ကုဒ္ဒင္းေလးကုိ ေတြ႔ေအာင္ ရွာပါ. ေတြ႔ခဲ႔ရင္ေတာ႔ အခုနက ကၽြန္ေတာ္တုိ႔ ေကာ္ပီကူးထားတဲ႔ ကုဒ္ဒင္းေလးေတြကုိ အခုေတြ႔ေနရတဲ႔ <div id="content-wrapper"> ဆိုတဲ႔ ကုဒ္ဒင္းေလးအေပၚကေန ကပ္လ်က္ ထည္႔ေပးလုိက္ပါ.

Template ကုိ Save မလုပ္ပါနဲ႔ဦး. အရင္ဆုံး Preview ၾကည္႔ၾကည္႔ပါ. ၾကိဳက္ျပီလား. အုိေက. ဒါဆုိရင္ Save လုပ္လုိ႔ရပါျပီ.

ဟာ. မဟုတ္ေသးဘူး. Menu Tab ေပၚေနတဲ႔ ေနရာကုိ မၾကိဳက္ဘူး. ဒါဆုိရင္ေတာ႔ ေနာက္တစ္မ်ိဳး ၾကိဳးစားၾကည္႔ပါမယ္.

တန္းပလိတ္ထဲမွာ </div> ဆုိတဲ႔ ကုဒ္ဒင္းေလးေတြ အမ်ားၾကီးရွိပါတယ္. အဲဒါေလးေတြကုိ ရွာျပီး အေပၚကေန ကပ္လ်က္မွာ ေကာ္ပီကူးဖုိ႔ ေျပာထားတဲ႔ ကုဒ္ဒင္းေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. တန္းပလိတ္ထဲမွာ </div> ဆုိတာေလးေတြ အမ်ားၾကီးပါပါလိမ္႔မယ္. ၾကိဳးစားၾကည္႔ပါ. ကုိယ္႔စိတ္ၾကိဳက္ေနရာမွာ Menu Tab ေလးေပၚလာသည္အထိေပါ႔. Preview ခဏခဏ လုပ္ၾကည္႔ပါ. စိတ္ၾကိဳက္ရျပီဆုိေတာ႔မွ Save Template လုပ္ပါ.

ဒါက နည္းလမ္း (၁) ေပါ႔. တန္းပလိတ္အမ်ားစုက ဒီနည္းလမ္းနဲ႔ အဆင္ေျပတတ္ၾကပါတယ္.

မေျပဘူးဆုိခဲ႔ရင္ေရာ…

Fine! Here is another method…

နည္းလမ္း (၂)

တန္းပလိတ္ထဲမွာ ေအာက္ပါ ကုဒ္ဒင္းေလးေတြကုိ လုိက္ရွာပါ.

<b:section class='header' id='header'
maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true'
title='your blog title (Header)' type='Header'/>
</b:section>

ေတြ႔ခဲ႔ရင္ အနီေရာင္ေနရာေလးေတြကုိ အခုလုိ ျပင္လုိက္ပါ.

<b:section class='header' id='header'
maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false'
title='your blog title (Header)' type='Header'/>
</b:section>

ျပီးသြားခဲ႔ရင္ေတာ႔ တန္းပလိတ္ကုိ Save လုပ္ခဲ႔ပါ. ျပီးရင္ Page Element> Add Page Element> HTML/Javascript ကို ေရြးပါ. ရျပီဆုိရင္ေတာ႔ ခုနက ေကာ္ပီကူးခုိင္းထားတဲ႔ ကုဒ္ဒင္းေလးေတြကုိ ေပၚလာမယ္႔ Content Box ေလးထဲမွာ ထည္႔ေပးလုိက္ပါ. Save လုပ္ပါ. Preview ၾကည္႔ၾကည္႔ပါ.

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

Menu Tab တင္နည္း ပုံစံ (၂) ကုိ မၾကာခင္ ဆက္လက္ေရးသားေဆြးေႏြးေပးသြားပါမယ္.

Acknowledgement:

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

အားလုံးကုိ ခ်စ္ခင္ေလးစားလ်က္

ရန္ေအာင္.


Read More...
AddThis Social Bookmark Button

ဓာတ္ပုံေတြကုိ မူရင္းအရြယ္အစားအတုိင္း ေပၚေစလုိလွ်င္...

Contributor: ရန္ေအာင္

အားလုံးပဲ မဂၤလာပါ.

ဒီတစ္ခါေတာ႔ ဘေလာ႔ဂ္မွာ ဓာတ္ပုံေတြ တင္တဲ႔ အေၾကာင္းေလး ေဆြးေႏြးခ်င္ပါတယ္…

အဲလုိေျပာလုိက္လုိ႔. “ဟာ… ဒီတို္င္းဓာတ္ပုံေကာက္တင္တာမ်ား ေရးၾကီးခြင္က်ယ္ ပုိ႔စ္တစ္ခုေရးေနစရာလား” လုိ႔ အေျပာမေစာလုိက္ပါနဲ႔ဦး.
မတူပါဘူးခင္ဗ်ာ. အထူးသျဖင္႔ Screenshot နဲ႔ ရုိက္ယူထားတဲ႔ Thumbnail အရြယ္အစားဓာတ္ပုံေလးေတြဆုိရင္ ဘေလာ႔ဂ္မွာ ဒီတုိင္းတင္လုိက္ရင္ သိပ္ျပီးေတာ႔ မသဲကဲြ မျပတ္သားေတြ ရွိႏုိင္ပါတယ္. အဲဒီ႔အခ်ိန္က်ရင္ ဒီပုိ႔စ္ေလးရဲ႔ အသုံး၀င္ပုံကုိ သတိတရ ရွိေနၾကလိမ္႔မယ္လုိ႔ ေမွ်ာ္လင္႔ပါတယ္.

မတူပုံကုိ ဒီမွာၾကည္႔ပါ.

ဒါက PayPal Website မွာ ကၽြန္ေတာ္ေျပာျပခ်င္တဲ႔ အပုိင္းေလးကုိ Screenshot ရုိက္ယူခဲ႔ပါတယ္. ျပီးေတာ႔ ဓာတ္ပုံတင္တဲ႔အခါမွာ Large ကုိ ေရြးျပီး တင္လုိက္ပါတယ္.

လက္ေတြ႔မွာ ထြက္လာတဲ႔ ပုံက ဒီလုိပါ.


စာဖတ္သူမွာ ေတာ္ေတာ္ေလးကုိ အားစုိက္ျပီး ဖတ္ယူရလိမ္႔မယ္လုိ႔ ထင္ပါတယ္. ဒီေတာ႔ စာဖတ္သူဟာ အဲဒ႔ီပုံေလးကုိ ကလစ္ေခါက္လုိက္ျပီး အသစ္ပြင္႔လာမယ္႔ Windows မွာ ပုံၾကီးၾကီးနဲ႔ ေပၚလာတာကို ျပန္ၾကည္႔ယူရပါတယ္.

အလုပ္ရႈပ္သြားတာေပါ႔ဗ်ာ ေနာ္.အဲဒါကုိ ေျဖရွင္းခ်င္လုိ႔ ဒီပုိ႔စ္ေလးေရးတာပါ.

ဒီေတာ႔ ကၽြန္ေတာ္တုိ႔ ခုနက တင္လုိက္တဲ႔ ဓာတ္ပုံမွာ ဘာေတြထူးျခားသြားလဲဆုိတာေလးကုိ သူ႔ရဲ႔ ကုဒ္ဒင္းေလး ယူျပီး ၾကည္႔လုိက္ၾကရေအာင္.

Code:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFjUwMcjmTnztYXt9znYxzr63feCmxbFws9NPshE2KHrl9rTKp5K-m-wyo_OqZr976gj5aTYOe-q0pcSZuv8mIU95eG0o6aSeahKdb7hZAUT6RJh0-dn-JBLnSSQOzmFJkOLxtHryyNwe/s1600-h/PayPal8.bmp"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFjUwMcjmTnztYXt9znYxzr63feCmxbFws9NPshE2KHrl9rTKp5K-m-wyo_OqZr976gj5aTYOe-q0pcSZuv8mIU95eG0o6aSeahKdb7hZAUT6RJh0-dn-JBLnSSQOzmFJkOLxtHryyNwe/s400/PayPal8.bmp" border="0" alt=""id="BLOGGER_PHOTO_ID_5197518797336563474" /></a>

အဲဒီ႔မွာ စာေၾကာင္းႏွစ္ေၾကာင္းရဲ႔ ထူးျခားခ်က္ကုိ ေလ႔လာၾကည္႔လုိက္ၾကရေအာင္.

href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFjUwMcjmTnztYXt9znYxzr63feCmxbFws9NPshE2KHrl9rTKp5K-m-wyo_OqZr976gj5aTYOe-q0pcSZuv8mIU95eG0o6aSeahKdb7hZAUT6RJh0-dn-JBLnSSQOzmFJkOLxtHryyNwe/s1600-h/PayPal8.bmp">

နဲ႔

src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFjUwMcjmTnztYXt9znYxzr63feCmxbFws9NPshE2KHrl9rTKp5K-m-wyo_OqZr976gj5aTYOe-q0pcSZuv8mIU95eG0o6aSeahKdb7hZAUT6RJh0-dn-JBLnSSQOzmFJkOLxtHryyNwe/s400/PayPal8.bmp

သူတို႔ႏွစ္ေၾကာင္းမွာ ကြာျခားခ်က္တစ္ခုပဲ ရွိပါတယ္. ဘာလဲဆုိေတာ႔ s1600-h နဲ႔ s400 ပါ. က်န္တာအားလုံးအတူတူပဲ ျဖစ္ပါတယ္.

သူတုိ႔ေတြက ဘာကုိဆုိလုိတာလဲ ဆက္ၾကည္႔လုိက္ၾကရေအာင္.

အေပၚက s1600-h ပါတဲ႔ စာေၾကာင္းက စာဖတ္သူအေနနဲ႔ ဘေလာ႔ဂ္ေပၚက ဓာတ္ပုံကုိ ကလစ္ေခါက္လုိက္ရင္ ေပၚလာမယ္႔ နဂုိမူရင္း အရြယ္အစားရွိတဲ႔ ဓာတ္ပုံျဖစ္ပါတယ္.

ေအာက္က စာေၾကာင္းေလးထဲမွာပါတဲ႔ s400 ကေတာ႔ မူရင္း ဓာတ္ပုံကုိ က်ဳံ႔လုိက္ျပီး ဘေလာ႔ဂ္ေပၚတင္လုိ႔ရေအာင္ လုပ္ေပးထားတာ ျဖစ္ပါတယ္.

ကၽြန္ေတာ္တုိ႔က လက္ရွိ Blogger Platform က ေပးထားတဲ႔ ဓာတ္ပုံဆုိဒ္ထက္ ပုိၾကီးတာလုိခ်င္ေနတယ္.

ဆုိလုိတာက နဂုိမူရင္း အရြယ္အစားကုိပဲ တင္ခ်င္တာ. ဒါမွ စာေသးေသးေလးေတြပါ ေပၚမယ္ေလ.

ဒီေတာ႔ ဘာလုပ္မလဲ.

လြယ္ပါတယ္.

အဲဒီ႔ အရြယ္အစားကုိ ကန္႔သတ္ေပးေနတဲ႔ s1600 တုိ႔၊ s400 (Large ျဖစ္လွ်င္)၊ s320 (Medium ျဖစ္လွ်င္)၊ s200 (Small ျဖစ္လွ်င္) ေတြကုိ ဖ်က္လုိက္ရုံပါပဲ.

ေအာက္ကပုံစံေလးအတုိင္း ျပင္ေပးလုိက္ရုံပါပဲေလ…

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFjUwMcjmTnztYXt9znYxzr63feCmxbFws9NPshE2KHrl9rTKp5K-m-wyo_OqZr976gj5aTYOe-q0pcSZuv8mIU95eG0o6aSeahKdb7hZAUT6RJh0-dn-JBLnSSQOzmFJkOLxtHryyNwe/"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFjUwMcjmTnztYXt9znYxzr63feCmxbFws9NPshE2KHrl9rTKp5K-m-wyo_OqZr976gj5aTYOe-q0pcSZuv8mIU95eG0o6aSeahKdb7hZAUT6RJh0-dn-JBLnSSQOzmFJkOLxtHryyNwe/" border="0" alt=""id="BLOGGER_PHOTO_ID_5197518797336563474" /></a>


ဒါဆုိရင္ အခုလုိမ်ိဳး မူရင္းအရြယ္အစားအတုိင္း ရွိတဲ႔ ဓာတ္ပုံေလးေတြကုိ မိမိတုိ႔ရဲ႔ ဘေလာ႔ဂ္ေလးေတြေပၚမွာ အကန္႔အသတ္ အဆီးအတားမရွိ တင္ႏုိင္ပါျပီ ခင္ဗ်ား

က်န္တဲ႔ အသုံးခ်လုိ႔ ရႏုိင္ဦးမယ္႔ အပိုင္းေတြကုိေတာ႔ ဥာဏ္ရွိသလုိ အသုံးခ်ပါလုိ႔ပဲ တုိက္တြန္းေျပာဆုိလုိပါတယ္…

ကဲ. ႏိႈင္းယွဥ္ျပီးေတာ႔ အကဲျဖတ္ၾကည္႔ပါခင္ဗ်ာ…

Before:



After:



၀န္ခံခ်က္။ ။

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

အားလုံးကို ခ်စ္ခင္ေလးစားလ်က္

ရန္ေအာင္ Read More...
AddThis Social Bookmark Button

Adding a top of page icon link in blog

Contributor: CMS

Blog တုိင္းမွာ ထည့္သြင္းထားသင့္တဲ့ Link Icon တစ္ခုလို႔ ထင္ပါတယ္။ ကိုယ့္ဘေလာ့ရဲ႕ ပို႔စ္ေတြကို reader ေတြ ဖတ္ရင္း Blog Page ရဲ႕ ေအာက္ဆံုးကို ေရာက္သြားတဲ့အခါမွာ top of the page ကို ျပန္သြားႏုိင္ဖို႔အတြက္ ရည္ရြယ္ပါတယ္။ ကၽြန္ေတာ့္ Blog ရဲ႕ bottom-right hand corner မွာ ထည့္သြင္းထားတာကို ေတြ႔ျမင္ႏုိင္ပါတယ္။ ထည့္သြင္း အသံုးျပဳပံုကေတာ့ အရမ္း လြယ္ကူပါတယ္။ Blogger မွာ sign in လုပ္၊ layout page ကိုသြားၿပီး Add a page element ကို ေရြးရပါမယ္။ Element list ထဲကေန HTML/Javascript ကိုေရြးၿပီး ေအာက္ပါ coding ကို ထည့္သြင္းေပးလိုက္ရံုပါပဲ။
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top">
<img src="http://farm3.static.flickr.com/2112/2424600997_f0ef13d47b_o.gif"/></a>

Source : Blogger Buster Read More...
AddThis Social Bookmark Button

Alert Message Box ေလးမ်ားလုပ္နည္း

Contributor: ရန္ေအာင္

အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ…

ဒီတစ္ခါေတာ႔ အသစ္အဆန္းေလးတစ္ခု ေတြ႔ရွိလုိ႔ ျပန္လည္ ေ၀မွ်ခ်င္ပါတယ္.

ဘာလဲဆုိေတာ႔ Alert Message Box ေလးေတြ လုပ္နည္းပါ.

ကုိယ္႔ဘေလာ႔ဂ္ (သုိ႔) ၀က္ဘ္ဆုိက္ထဲကုိ ၀င္လာတဲ႔ စာဖတ္သူကုိ Message Box ေလးနဲ႔ ၾကိဳဆုိတာပဲျဖစ္ေစ၊ သိေစခ်င္တဲ႔ ေၾကျငာခ်က္ေလးေတြကုိ Highlight လုပ္ျပတာပဲ ျဖစ္ေစျဖစ္ေစ၊ သတိေပးေၾကျငာခ်င္တာေလးေတြကုိ ေျပာျပခ်င္တာပဲ ျဖစ္ေစေပါ႔ အလုိရွိသလုိ အသုံးခ်ႏုိင္ပါတယ္.

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

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

Alert Box with OK Button

အဲဒါေလးကုိ လုပ္ဖုိ႔အတြက္ Template ထဲကုိသြားပါ. Page Elements ကုိသြားပါ. ျပီးေတာ႔ Add a page Element လုပ္ျပီး HTML/Javascript ကုိေရြးပါ. ျပီးရင္ ေအာက္ပါ ကုဒ္ဒင္းေလးေတြကုိ ထည္႔ေပးလုိက္ပါ.


<script type="text/javascript">
alert('You are about to enter an extremely funny site. People who are prone to laughing fits ... Beware!')
</script>
<noscript>Enable javascript in your browser to view an important message.</noscript>


အနီေရာင္နဲ႔ ျပထားတာေလးေတြက ကုိယ္ေပၚေစခ်င္တဲ႔ Message ေလးေတြပါ. အျပာေရာင္ေလးနဲ႔ ျပထားတာေလးကေတာ႔ တကယ္လုိ႔မ်ား user က သူ႔ရဲ႔ Browser မွာ Javascript Functions ကုိ off လုပ္ထားခဲ႔ရင္ ျပန္ဖြင္႔ေအာင္ သတိေပးထားတာပါ.

ျမန္မာလုိ ေပၚေစခ်င္တယ္ဆုိရင္ေတာ႔ Zawgyi-One ကုိ ထည္႔ေၾကျငာေပးရပါမယ္. ဒီမွာ အစမ္းလုပ္ျပထားတာ ၾကည္႔ပါ.


<script type="text/javascript">
alert(<font face="Zawgyi-One">'ေဟ႔ေဟ႔. သတိထားေနာ္. ခင္ဗ်ား အခုသြားေနတာ ကုိရန္ေအာင္ရဲ႔ ဘေလာ႔ဂ္ဗ်. ဟတ္ဟတ္ဟတ္.'</font>)
</script>
<noscript>Enable javascript in your browser to view an important message.</noscript>

ဒါမ်ိဳးေလးေပၚလာမွာ ျဖစ္ပါတယ္.




Alert Box with Confirmation Button

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

ခုနကလုိပါပဲ. Template ထဲကုိသြားပါ. Page Elements ကုိသြားပါ. ျပီးေတာ႔ Add a page Element လုပ္ျပီး HTML/Javascript ကုိေရြးပါ. ျပီးရင္ ေအာက္ပါ ကုဒ္ဒင္းေလးေတြကုိ ထည္႔ေပးလုိက္ပါ.


<script type="text/javascript">
confirm('This site contains explicit blogger hacks and tircks. You might bet dizzy. Are you sure you want to continue?');
if (confirm('This site contains explicit blogger hacks and tricks. You might bet dizzy. Are you sure you want to continue?')) {
window.location = "http://mmbloggershelpdesk.blogspot.com/";
}
else {
window.location = "http://www.yanaung.blogspot.com/";
}
</script>


အနီေရာင္နဲ႔ ျပထားတာေလးေတြက သင္ေပၚေစခ်င္တဲ႔ စာေၾကာင္းေလးေတြ ျဖစ္ပါတယ္. အျပာေရာင္ေလးနဲ႔ ျပထားတာေလးကေတာ႔ OK Button ကုိ ႏွိပ္လုိက္ရင္ ေရာက္ရွိသြားမယ္႔ လင္႔ခ္ျဖစ္ပါတယ္. လိေမၼာ္ေရာင္ေလးနဲ႔ ျပထားတာကေတာ႔ Cancel Button ကုိ ႏွိပ္လုိက္ရင္ စာဖတ္သူကုိ ျပန္ျပီးေတာ႔ Redirect လုပ္ေပးမယ္႔ စာမ်က္ႏွာျဖစ္ပါတယ္.

ဒါကေတာ႔ ျမန္မာလုိ ဥပမာေပးထားတာပါ.


<script type="text/javascript">
confirm(<font face="Zawgyi-One">'ေဟ႔ေဟ႔. သတိထားေနာ္. ခင္ဗ်ား အခုသြားေနတာ ကုိရန္ေအာင္ရဲ႔ ဘေလာ႔ဂ္ဗ်. ဟတ္ဟတ္ဟတ္. OK ကုိ ႏွိပ္လုိက္ရင္ ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ေလးကုိ ေရာက္လာမွာ ျဖစ္ျပီးေတာ႔ Cancel ကုိ ႏွိပ္လုိက္ရင္ေတာ႔ Helpdesk Blog ေလးကို ေရာက္သြားပါလိမ္႔မယ္. It’s up to you!'</font>);
if (confirm(<font face="Zawgyi-One">'ေဟ႔ေဟ႔. သတိထားေနာ္. ခင္ဗ်ား အခုသြားေနတာ ကုိရန္ေအာင္ရဲ႔ ဘေလာ႔ဂ္ဗ်. ဟတ္ဟတ္ဟတ္. OK ကုိ ႏွိပ္လုိက္ရင္ ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ေလးီကုိ ေရာက္လာမွာ ျဖစ္ျပီးေတာ႔ Cancel ကုိ ႏွိပ္လုိက္ရင္ေတာ႔ Helpdesk Blog ေလးကို ေရာက္သြားပါလိမ္႔မယ္. It’s up to you!'</font>)) {
window.location = "http://yanaung.blogspot.com/";
}
else {
window.location = "http://mmbloggershelpdesk.blogspot.com/";
}
</script>


ဒီလုိေလး ျဖစ္သြားပါလိမ္႔မယ္...



ဒီေလာက္ပါပဲ…

သိပ္ေတာ႔ အခက္အခဲမရွိလွဘူးလုိ႔ ထင္ပါတယ္.

ကဲ. ေကာင္းက်ိဳးဆုိးက်ဳိးေလးေတြ ဆက္ေဆြးေႏြးၾကည္႔လုိက္ၾကရေအာင္လားဗ်ာ..

ဒီလုိ Message Box ေလးေတြ လုပ္ထားတာဟာ ကုိယ္႔ရဲ႔ ဘေလာ႔ဂ္ (၀ါ) ၀က္ဘ္ဆုိက္အတြက္ လိုအပ္မွသာ လုပ္သင္႔ပါတယ္. ဘာလုိ႔လဲဆုိေတာ႔ အဲဒီ႔ Message Box ေလးေတြဟာ System Dialog Windows ေလးေတြ ျဖစ္ေနလုိ႔ပါပဲ. ဆုိလုိတာက ဒီ Box ေလးေတြ ေပၚဖုိ႔အတြက္ Browser မွာ Javascript ကုိ Enable လုပ္ထားရပါမယ္. ဒီေတာ႔ ကုိယ္႔ရဲ႔ Blog Page (or) Web Page ကုိ Upload လုပ္ေနရတဲ႔ အခ်ိန္ ပုိၾကာသြားႏုိင္ပါတယ္.
ေကာင္းတဲ႔ဖက္က ၾကည႔္မယ္ဆုိရင္ေတာ႔လည္း စာဖတ္သူကုိ Respect ေပးရာက်ပါတယ္.

ဥပမာဗ်ာ. ညစ္ညမ္းတဲ႔ Website တစ္ခုကို ၀င္ေတာ႔မယ္ ဆုိရင္.

“You must be at least 18 years old to enter this site!” ဆုိတဲ႔ Message Box ေလး ေပၚလာျပီး OK ႏွိပ္လုိက္မွ ဆက္ျပီး ခြင္႔ျပဳတာမ်ိဳးဆုိရင္ Internet Law ကုိ လုိက္နာရာက်ပါတယ္.

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

ကၽြန္ေတာ္တုိ႔ ဘေလာ႔ဂ္ေလာကမွာေတာ႔ ဘာစည္းမ်ဥ္းဥပေဒသမွ မရိွေသးပါဘူး. ဒါေပမယ္႔ ဒီ Message box ေလးေတြဟာ စာဖတ္သူရဲ႔ ဥာဏ္ကြန္႔ျမဴးႏုိင္မႈေပၚ မူတည္ျပီး အမ်ိဳးမ်ိဳး အဖုံဖုံ အသုံး၀င္လာႏုိင္တာမုိ႔ ကၽြန္ေတာ္ဖတ္မွတ္ခဲ႔ဖူးတာေလးကုိ ျပန္လည္ေ၀မွ်လုိက္ျခင္းသာ ျဖစ္ပါတယ္ ခင္ဗ်ာ…

မွတ္ခ်က္။

သုံးတဲ႔ Browser နဲ႔ Operating Systems (ME, XP, Vista) စတာေတြေပၚ မူတည္ျပီးေတာ႔ ေပၚလာမယ္႔ Message Box ေလးေတြရဲ႔ ပုံစံလည္း ကဲြျပားျခားနားႏုိင္ပါတယ္.

အားလုံးကုိ ခ်စ္ခင္ေလးစားလ်က္

ရန္ေအာင္
Read More...
AddThis Social Bookmark Button

Playtagger နဲ႔ သီခ်င္းတင္နည္း (အေသးစိတ္ ရွင္းလင္းခ်က္)

Contributor: ရန္ေအာင္

အားလုံးပဲ မဂၤလာပါခင္ဗ်ာ.

အရင္ဆုံး Playtagger ေလးအေၾကာင္း ပုိရွင္းေအာင္ ေဆြးေႏြးခ်င္ပါတယ္.

ကဲ. လုိရင္းကုိ တုိက္ရုိက္မသြားခင္ ဘာေၾကာင္႔ ဒီလုိ Process ေလးေတြ လုပ္ရတယ္ဆုိတာကုိ ေနာက္ျပန္ ျပန္စဥ္းစားလုိက္ရေအာင္လား..

သီခ်င္းတင္ခ်င္တယ္.

အုိေက..

ဒါဆုိရင္ အဲဒီ႔သီခ်င္းကုိ ဘယ္မွာတင္မွာလဲ.

အင္တာနက္ေပၚမွာ တင္မွာေပါ႔. ဟုတ္တယ္ဟုတ္.

ဒါဆုိရင္ စဥ္းစားၾကည္႔ရေအာင္လား. ခင္ဗ်ားစက္ထဲမွာ ရွိေနတဲ႔ သီခ်င္းတစ္ပုဒ္ကုိ တစ္ကမၻာလုံးမွာ ရွိေနတဲ႔ အင္တာနက္ သုံးသူေတြ နားဆင္ႏုိင္ေအာင္ ခင္ဗ်ား တစ္ခုခုကုိ လုပ္ရေတာ႔မယ္.

ဒီမွာ ေ၀ါဟာရအသစ္တစ္ခု ၀င္လာျပီ. ဖုိင္ဟုိစတင္း(File Hosting) တဲ႔…

ဒါကို ခင္ဗ်ားနားလည္ဖုိ႔ လုိအပ္လာျပီ.

သူက ဘာလုပ္တာလဲဆုိေတာ႔ ခင္ဗ်ားတင္ခ်င္တဲ႔ သီခ်င္းကို အင္တာနက္ေပၚမွာ တင္ႏုိင္ေအာင္ URL လင္႔ခ္တစ္ခုထုတ္ေပးတာေပါ႔ဗ်ာ. ေျပာရရင္ေတာ႔ အငွားတည္းခုိခြင္႔ျပဳတာေပါ႔. ဒါေၾကာင္႔လည္း သူ႔ကုိ Host လုပ္ေပးတယ္လုိ႔ ေခၚတာေပါ႔.

ဒါဆုိရင္ ပထမအဆင္႔ နားလည္သြားျပီဗ်ာ ေနာ္.

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

ေနာက္တစ္ဆင္႔ ဆက္ေျပာမယ္.

URL Link ကေတာ႔ ရလာပါျပီ. အဲဒါကုိ ဘယ္လုိတင္ျပရမလဲ.

ဒီေနရာမွာ HTML Coding ေလးတစ္ခုကို နားလည္ဖုိ႔ လုိအပ္လာပါျပီ. အမ်ားၾကီးမလုိပါဘူးေနာ္. တကယ္႔ကုိ နည္းနည္းေလးပါ. လင္႔ခ္ခ်ိတ္တဲ႔ ကုဒ္ဒင္းေလးပါပဲ. Anchor Tag လုိ႔ ေခၚပါတယ္.

<a href= "http://www.mmbloggershelpdesk.blogspot.com">Myanmar Bloggers Helpdesk</a>


ဒါဆုိရင္ ကၽြန္ေတာ္တုိ႔ဟာ Myanmar Blogger Helpdesk ဆုိတဲ႔ site ေလးကုိ လင္႔ခ္လွမ္းခ်ိတ္လုိက္တာပဲ ျဖစ္ပါတယ္.

အခု ကၽြန္ေတာ္တုိ႔ သီခ်င္းတင္ဖုိ႔ သီခ်င္းကုိ Host လုပ္ျပီးျပီ. လင္႔ခ္လည္း ထုတ္ျပီးျပီ. တင္ေတာ႔မယ္ဆုိေတာ႔ အေပၚက ျပထားတဲ႔ အတုိင္းေလး လင္႔ခ္ခ်ိတ္လုိုက္ရင္ ရျပီလား…

ကဲ. တင္လုိက္ျပီဗ်ာ.

<a href= “http://www.fileden.com/files/2007/9/23/1451933/Nay%20Chin%20Dar%20Minn%20Ah%20Narr.mp3”>ေနခ်င္တာ မင္းအနားမွာ</a>

ႏွိပ္ၾကည္႔လုိက္ပါ. ဘာျဖစ္မလဲ..

ဘာမွမျဖစ္လာပါဘူး.

လုပ္ပုံလုပ္နည္းကလည္း မွန္ပါရဲ႔နဲ႔ ဘာလုိ႔ ဒီ playtagger ေလးက အလုပ္မလုပ္တာလဲ…

ရွင္းပါတယ္. ကၽြန္ေတာ္တုိ႔ရဲ႔ ဘေလာ႔ဂ္တန္းပလိတ္ထဲမွာ Playtagger နဲ႔ ပတ္သက္တဲ႔ script ေလး မထည္႔ခဲ႔လုိ႔႔ပါ..

အဲဒါကုိ ဘယ္ေနရာမွာ ထည္႔ရမွာလဲ. အဲဒီ႔ script ေလးေတြက ဘာလဲ..

အုိေက. ေဟာဒီ႔မွာဗ်ာ. လုိအပ္တဲ႔ script ေလးေတြ…

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

ဘယ္ေနရာမွာ ထည္႔ရမလဲဆုိေတာ႔ အရင္ဆုံး ကုိယ္႔ဘေလာ႔ဂ္ရဲ႔ တန္းပလိတ္ကုိ သြားပါ.

ျပီးရင္ေတာ႔ </head> ဆုိတာေလးကုိ ေတြ႔ေအာင္ရွာပါ. ရွာလုိ႔ေတြ႔တာနဲ႔ သူ႔အေပၚ ကပ္လ်က္မွာ ခုနက ေပးထားတဲ႔ script ေလးေတြကုိ ထည္႔ေပးလုိက္ပါ. ဒါဆုိရင္ ျပီးသြားပါျပီ…

ကဲ. ကၽြန္ေတာ္ေနာက္ျပန္ေတြပဲ ျပန္ေျပာျပီးသြားျပီေနာ္. အခုေလာက္ဆုိရင္ ကၽြန္ေတာ္တုိ႔ playtagger နဲ႔ သီခ်င္းတင္ႏိုင္ဖုိ႔ ဘာေတြ လုပ္ရမယ္ဆုိတာကုိ ျခဳံငုံသုံးသပ္မိျပီလုိ႔ ယူဆပါတယ္.

(၁) Playtagger Script ေလးကုိ ဘေလာ႔ဂ္တန္းပလိတ္ရဲ႔ </head> Tag မတုိင္ခင္ေလးမွာ ထည္႔ေပးရမယ္.

(၂) တင္ခ်င္တဲ႔ သီခ်င္းကုိ host လုပ္ျပီး လင္႔ခ္ထုတ္ယူရမယ္.

(၃) <a href= “your song URL”>my song</a> ဆုိတဲ႔ ပုံစံေလးနဲ႔ ကုိယ္႔ရဲ႔ ပုိ႔စ္ေလးထဲမွာ တင္ရမယ္.

ဒါဆုိရင္ ျပီးပါျပီ.

ေနခ်င္တာ မင္းအနားမွာ ဆုိတဲ႔ သီခ်င္းေလးကုိ တင္ခ်င္တယ္. ဒီေတာ႔ ကၽြန္ေတာ္ Fileden.com မွာ သြားျပီး သီခ်င္းေလးကုိ Host လုပ္ပါတယ္. လင္႔ခ္ထုတ္ယူလာခဲ႔ပါတယ္.

အဲဒါကို ကၽြန္ေတာ္႔ရဲ႔ ဘေလာ႔ဂ္ေလးမွာ ဒီလုိေလးတင္လုိက္ပါတယ္.

<a href= “http://www.fileden.com/files/2007/9/23/1451933/Nay%20Chin%20Dar%20Minn%20Ah%20Narr.mp3”>ေနခ်င္တာ မင္းအနားမွာ</a>

အဲလုိလုပ္လုိက္ရင္ ဒီလုိေလးေပၚလာပါလိမ္႔မယ္.

ေနခ်င္တာ မင္းအနားမွာ

အားလုံးပဲ အဆင္ေျပ ေခ်ာေမြ႔စြာ သီခ်င္းေလးမ်ား မွ်ေ၀ခံစားႏုိင္ၾကပါေစခင္ဗ်ာ….

သံစဥ္လႈိင္း ဘေလာ႔ဂ္ေလးကုိလည္း လာေရာက္အပန္းေျဖဖုိ႔ ေႏြးေထြးစြာ ဖိတ္မႏၱက ျပဳပါတယ္.

ခင္မင္ေလးစားလ်က္

ရန္ေအာင္

Read More...
AddThis Social Bookmark Button

ScrollBox ထည္႔နည္း

Contributor: ရန္ေအာင္

အားလုံးပဲ မဂၤလာပါ.

ဒီတစ္ခါေတာ႔ ကၽြန္ေတာ္တုိ႔ရဲ႔ ဘေလာ႔ဂ္ေလးေတြ၊ ၀က္ဘ္ဆုိဒ္ေလးေတြထဲမွာ Scroll Box ေလးေတြ ထည္႔နည္းကုိ ေျပာျပခ်င္ပါတယ္.
အရင္ဆုံး ဒါေလးကုိ မေလ႔လာခင္ Scroll box ေလးေတြ ဆုိတာ ဘာလဲ. ဘယ္လုိေနရာမွာ အသုံး၀င္ႏုိင္သလဲ ဆုိတာေလးကုိ အရင္စဥ္းစားၾကည္႔လုိက္ၾကရေအာင္.

ကဲဗ်ာ.

ခင္ဗ်ားက စာပုိဒ္အရွည္ၾကီးတစ္ခုကုိ အကုိးအကားအေနနဲ႔ ျပခ်င္တယ္. အကုန္လုံးကုိ ရုိက္ျပလုိက္ရင္လည္း ခင္ဗ်ားရဲ႔ ပုိ႔စ္က အရွည္ၾကီး ျဖစ္သြားမယ္. အဲလုိမ်ိဳးဆုိရင္ ခင္ဗ်ားေပးခ်င္တဲ႔ မက္ေဆ႔ခ်္က ေ၀၀ါးသြားမယ္. ခင္ဗ်ားလုပ္ခ်င္တာက အဲဒီ႔ အကုိးအကား စာပုိဒ္ေလးကို ထည္႔ေပးထားျပီး စာဖတ္သူက ဖတ္ခ်င္ရင္ Scroll Down/Up လုပ္ျပီး ဖတ္၊ တကယ္လုိ႔ ဓာတ္ပုံေတြ အမ်ားၾကီး တင္ခ်င္တယ္ဆုိရင္လည္း ဒီလုိ Scroll box ေလးထဲ ထည္႔ျပီး ျပထားလုိက္ရင္ ဓာတ္ပုံ အယ္လ္ဘမ္ တစ္ခု ပုံစံမ်ိဳးေလး ဖန္တီးလုိ႔ရမယ္၊ စာဖတ္သူက ပုံေတြကုိ သူလုိသလုိ၊ ၾကိဳက္သလုိ Scroll Down/Up လုပ္ျပီး ၾကည္႔. ဒါမ်ိဳးေပါ႔ဗ်ာ.

အဓိကကေတာ႔ Space ကုိ အတတ္ႏုိင္ဆုံး က်ဳံ႔လုိက္ျပီး ေပးခ်င္တဲ႔ အေၾကာင္းအရာကုိ သိသာ ထင္ရွားေအာင္ လုပ္ေပးတာပါပဲ.

ဥပမာေလးကုိ ဒီမွာၾကည္႔ပါ.


မင္းရဲ႔ ဆံႏြယ္ေခြေတြထဲမွာ
တစ္ညတာေလာက္ အိပ္စက္ခြင္႔ရမယ္ဆုိရင္


ငွက္ငယ္ေတြ ၀န္းရံေနတဲ႔
သစ္တစ္ပင္အျဖစ္ကုိေတာင္ စြန္႔လႊတ္၀ံ႔တယ္.


မယုံရင္ ဒီမွာၾကည္႔စမ္း
လြမ္းလြန္းလုိ႔ ျဖစ္လာတဲ႔
မင္းအတြက္ အခ်စ္ပန္း…

<ေရခဲငွက္>


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

အခု ကၽြန္ေတာ္ေပးလုိက္မယ္႔ Coding ေလးကုိ ေလ႔လာၾကည္႔ပါ.
Your Text Here ဆုိတဲ႔ေနရာမွာ ကုိယ္တင္ျပခ်င္တဲ႔ စာပုိဒ္ေလး၊ ဓာတ္ပုံ စတာေတြကုိ ပုံမွန္အတုိင္း ရိုက္တင္၊ Upload လုပ္ လုပ္ပါ.
အဲဒါပါပဲ.ဒါဆုိရင္ကိုပဲ Scroll Box ေလး တင္နည္း ျပီးပါျပီ.

ဟင္. ဒါပဲလားဆုိေတာ႔ မဟုတ္ေသးပါဘူး.

အေသးစိတ္ရွင္းျပပါမယ္. ဒါမွ ကုိယ္လုိသလုိ အက်ဥ္းအက်ယ္ ျပဳျပင္ယူႏုိင္မွာေပါ႔ဗ်ာ.

<div style="border: 3px solid green; overflow: auto; height: 100px; width: 150px; color: black; background-color: white;">YOUR TEXT HERE</div>

Border: 3px solid green

အဲဒါေလးက ဘာေျပာလဲ ဆုိေတာ႔ Box အစိမ္းေရာင္ေလး တစ္ခုလုပ္မယ္. ေဘာင္ကုိ 3 pixel အထူေပးမယ္လုိ႔ ဆုိလုိပါတယ္. အေရာင္ေတြ အမ်ိဳးမ်ိဳး ေျပာင္းယူႏုိင္သလုိ border ကုိလည္း Dashed တုိ႔ Dotted တုိ႔ စသျဖင္႔ ေပးႏုိင္ပါတယ္.

height:100px , width:150pxဒါေလးကေတာ႔ Box ေလးရဲ႔ အျမင္႔နဲ႔ အက်ယ္ကုိ ေျပာပါတယ္. နံပါတ္ေလးေတြကုိ လုိသလုိ ကစားၾကည္႔ျပီး ကုိယ္႔စိတ္ၾကိဳက္ Box အရြယ္အစားေလးကုိ ဖန္တီးယူႏုိင္ပါတယ္. color:black ဒါကေတာ႔ Box ေလးထဲမွာ ေပၚမယ္႔ စာသားေလးေတြရဲ႔ အေရာင္ပါ. Red, Orange, Green စသျဖင္႔ စိတ္ၾကိဳက္ေျပာင္းေပးႏုိင္ပါတယ္.
background-color:white

ဒါကေတာ႔ Box ေလးရဲ႔ ေနာက္ခံ အေရာင္ပါ. ကုိယ္ေရြးခ်ယ္တဲ႔ ေနာက္ခံ အေရာင္နဲ႔ Text အေရာင္ကုိ လုိက္ဖက္ေအာင္ ေရြးခ်ယ္ေပးသင္႔ပါတယ္. ဥပမာ. အျဖဴေနာက္ခံမွာ အမည္းစာလုံးေပၚေအာင္ လုပ္သလုိမ်ိဳးေပါ႔ဗ်ာ.
ကဲ. ဒီေလာက္ပါပဲ.

အစမ္းလုပ္ျပထားတဲ႔ Box ေလးကုိ ေလ႔လာၾကည္႔ႏုိင္ပါတယ္. မရွင္းလင္းတာရွိရင္လည္း ေကာ္မန္႔မွာ ဆက္သြယ္ေမးျမန္းႏုိင္ပါတယ္.
အားလုံးပဲ ေပ်ာ္ရႊင္ခ်မ္းေျမ႔စြာ ဘေလာ႔ဂင္းႏုိင္ၾကပါေစခင္ဗ်ာ…

ခ်စ္ခင္ေလးစားလ်က္

ရန္ေအာင္


အေျပာင္းအလဲ

ႏွစ္ဦးတူယွဥ္၊ ဒီအပင္ေအာက္
ပန္းေၾကြေကာက္စဥ္၊ ရင္တထိတ္ထိတ္
ဒီအရိပ္မွာ၊ ခ်စ္စိတ္ေ၀ခဲ႔ဖူးပါတယ္.

သစ္ျမစ္ဆုံခြ၊ ယွဥ္ထုိင္ၾကရင္း
ျမေခ်ာင္းေရေၾကာ၊ ပန္းေၾကြေမွ်ာမိ
ၾကည္႔ရင္းၾကည္ႏူး၊ ေခ်ာင္းနဖူးမွာ
စိတ္ကူးႏုသစ္ခဲ႔ဖူးတယ္.

ခင္ကပစ္ေတာ႔
ဒီသစ္ပင္ေအာက္၊ ပန္းမေကာက္ခ်င္
ႏြမ္းေျခာက္ေသြ႔ဆိတ္၊ ဒီအရိပ္မွာ
လြမ္းစိတ္ရာေထာင္ ေ၀ဖူးတယ္.

ခင္မၾကင္ေတာ႔
ညင္ညင္ေရစီး၊ တမ္းတညည္းဟန္
ခင္႔ရယ္သံလား၊ ၀ုိး၀ါးထင္မိ
ၾကည္႔ေလရာရာ၊ ေ၀ဒနာႏွင္႔
ေရျပာအလွ ကင္းဖူးတယ္.

ေဩာ္… ႏွစ္ေတြၾကာလုိ႔
တစ္ခါတစ္ေခါက္၊ ဒီကုိေရာက္လွ်င္
တုိ႔ငယ္စဥ္က၊ ေႏွာင္မွ်င္တြယ္ရစ္
အခ်စ္အလြမ္း၊ ဖမ္းစားညိွဳ႔ငင္
ဒီသစ္ပင္ကား၊ ေခ်ာင္းေရစား၍
ကမ္းပါးျပဳိေနာက္ ပါေလျပီ…

ဒီကျပန္လွ်င္၊ ရင္မခုန္တတ္
မလြမ္းတတ္ေတာ႔၊ စိတ္ဓာတ္ရင္႔က်က္
ခံစားခ်က္တုိ႔၊ ပ်က္ျပယ္ခဲ႔ရ
အနည္က်ျပီ…
ဘ၀ဆုိတာ… ဒါပဲ ခင္…

ေမာင္စိန္၀င္း (ပုတီးကုန္း)
Read More...
AddThis Social Bookmark Button

ဘေလာ႔ဂ္တြင္ ဇယားကြက္ေလးမ်ား ထည္႔သြင္းျခင္း...

Contributor: ရန္ေအာင္

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

ဒီတစ္ခါေတာ႔ ဘေလာ႔ဂ္မွာ ဇယားကြက္ေလးေတြ တင္တာကုိ ေျပာျပခ်င္ပါတယ္. HTML နားလည္ျပီးသားသူူေတြေရာ၊ သိပ္မသိေသးတဲ႔သူေတြပါ နားလည္သြားေအာင္ တတ္ႏုိင္သေလာက္ အရွင္းဆုံးပုံစံနဲ႔ ေဆြးေႏြးသြားပါမယ္.

Table ဆုိတာ ဇယားကြက္ေလးေတြေပါ႔ဗ်ာ. ရွင္းပါတယ္ေနာ္.

lol

ဇယားကြက္ေလးေတြကုိ ရည္ရြယ္ခ်က္အမ်ိဳးမ်ဳိးနဲ႔ ဥာဏ္ရွိသလုိ အသုံးျပဳႏုိင္ၾကပါတယ္. တစ္ခ်ိဳ႔က Table လုပ္တဲ႔ Coding ေလးေတြ သိျပီးသားျဖစ္ေနေပမယ္႔ လက္ေတြ႔တင္လုိက္ေတာ႔ ပုိ႔စ္နဲ႔ Table ၾကားမွာ White Space ေတြ အမ်ားၾကီးျဖစ္ျပီး ကုိယ္႔ရဲ႔ ပုိ႔စ္ေလး အရုပ္ဆုိးေနတာကုိ ၾကဳံေတြ႔ဖူးၾကမွာပါ. အဲဒီ႔လုိမျဖစ္ေအာင္ ဘယ္လုိကာကြယ္ရမလဲ ဆုိတာကိုပါ ထည္႔ေျပာသြားပါမယ္ ခင္ဗ်ာ.

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

<center>
<table border="1">
<tr>
<td>ေခါင္းစဥ္ (၁)</td><td> ေခါင္းစဥ္ (၂)</td><td> ေခါင္းစဥ္ (၃)</td>
</tr>
<tr>
<td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td>
</tr>
<tr>
<td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td>
</tr>
</table>
</center>

အဲဒါဆုိရင္ ေအာက္ပါ Table ေလးကို ရပါျပီ. ဒါေပမယ္႔ Table ေလးရဲ႔ အေပၚမွာ အျဖဴေရာင္ကြက္လပ္ၾကီးေပၚေနတာကုိ ေတြ႔ရပါလိမ္႔မယ္. အဲဒါဘာလုိ႔လဲဆုိေတာ႔ Blogger က ခင္ဗ်ား Enter Key တစ္ခ်က္ႏွိပ္ျပီး ေနာက္တစ္လုိင္း ဆင္းလုိက္တုိင္း <br/> ဆုိတဲ႔ Tag ေလးကို Auto ထည္႔ထည္႔ေပးသြားပါယ္. ဒါေၾကာင္႔ Line Break ေလးေတြ ျဖစ္လာျပီး ပို႔စ္နဲ႔ ဇယားကြက္ေလးၾကားထဲမွာ White Space ၾကီး ျဖစ္ေပၚလာရတာပါ.












ေခါင္းစဥ္ (၁)ေခါင္းစဥ္ (၂)ေခါင္းစဥ္ (၃)
row 1 col 1row 1 col 2row 1 col 3
row 2 col 1row 2 col 2row 2 col 3


ကဲ. အဲဒါကုိ ဘယ္လုိေဖ်ာက္ၾကမလဲ ဆုိေတာ႔ ဒီလုိေဖ်ာက္ပါခင္ဗ်ာ.

အခုေပးမယ္႔ HTML Codes ေလးေတြကုိ ခင္ဗ်ားရဲ႔ ဇယားကြက္ေလး မစတင္ခင္မွာ ထည္႔ေပးလုိက္ပါ. ဇယားကြက္ေလးေတြက တစ္ခုထက္ပုိေနခဲ႔ရင္ေတာ႔ ေနာက္တစ္ခု မစတင္ခင္ အခ်ိန္တုိင္းမွာ ထည္႔ေပးသြားပါ.

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">

...the Coding for your Table goes here...

ဒါပဲလားဆုိေတာ႔ မဟုတ္ေသးပါဘူး. ျပီးသြားရင္ </div> Tag ေလးနဲ႔ ျပန္ပိတ္ေပးရပါမယ္.

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

Table ကုဒ္ဒင္းေလးတည္ေဆာက္ပုံကုိ အေသးစိတ္ ရွင္းျပပါမယ္.

<center> ဆုိတာကေတာ႔ Table ေလးကို အလယ္မွာ ေပၚခ်င္လု႔ိ Alignment လုပ္ေပးထားတာပါ. <table border= “1”> ဆုိတာကေတာ႔ Table Border အထူအပါးကို ေျပာပါတယ္. နံပါတ္ၾကီးလာရင္ ပုိျပီးေတာ႔ ထူလာပါမယ္.

<tr> ဆုိတာကေတာ႔ Table Row လုိ႔ ဆုိလုိပါတယ္. <td> ဆိုတာကေတာ႔ Table Data ပါ.

<tr> တစ္ခု စီဟာ Row တစ္ခုစီကုိ ကုိယ္စားျပဳပါတယ္. <tr> တစ္ခုယူျပီးသြားရင္ <td> ေတြ လုိက္ထည္႔လုိ႔ရပါတယ္. <td> တစ္ခုစီဟာ Column တစ္ခုစီကုိ ကုိယ္စားျပဳသြားပါတယ္.

ဥပမာ. ကၽြန္ေတာ္တုိ႔ 3x4 Table တစ္ခု တည္ေဆာက္ေတာ႔မယ္ ဆုိပါစုိ႔ဗ်ာ.

Row 3 ခု နဲ႔ Column 4 ခု ရွိရပါမယ္ေနာ္. အဲဒါဆုိရင္ ဒီလုိတည္ေဆာက္ပါမယ္. မိမိရဲ႔ Coding မွာ <tr> Tag အဖြင္႔အပိတ္ သုံးစုံရွိရပါမယ္. <tr> Tag တစ္ခုစီတုိင္းအတြက္ <td> Tag အဖြင္႔အပိတ္ ေလးစုံစီ ရွိရပါမယ္. ဒါမွ 3x4 Table ျဖစ္ပါမယ္.

<center>
<table border= “1”>
<tr>
<td>We</td>
<td>Are</td>
<td>Greatest</td>
<td>Bloggers</td>
</tr>
</table>
</center>

အဲဒါဆုိရင္ Row တစ္ခု ျပီးသြားပါျပီ. Table Data Cell ေလးခုယူထားတဲ႔အတြက္ Column ေလးခုရွိတယ္လုိ႔ မွတ္ယူႏုိင္ပါတယ္. သေဘာေပါက္ေလာက္ပါျပီေနာ္.

ကၽြန္ေတာ္တုိ႔ရဲ႔ Table မွာ Row 3 ခု ရွိရမွာ ျဖစ္တဲ႔အတြက္ စုစုေပါင္း <tr> Tag သုံးခုတဲြစီ ရွိရပါမယ္.

ေနာက္တစ္ခုထပ္ထည္႔ျပီေနာ္.

<center>
<table border= “1”>
<tr>
<td>We</td>
<td>Are</td>
<td>Greatest</td>
<td>Bloggers</td>

<tr>
<td>We</td>
<td>Never</td>
<td>Give up</td>
<td>Our Fight!</td>

</tr>
</table>
</center>

ေတြ႔တယ္ေနာ္.

ေနာက္တစ္ခုထပ္ထည္႔ပါမယ္.

<center>
<table border= “1”>
<tr>
<td>We</td>
<td>Are</td>
<td>Greatest</td>
<td>Bloggers</td>
</tr>

<tr>

<td>We</td>

<td>Never</td>
<td>Give up</td>
<td>Our Fight!</td>
</tr>

<tr>
<td>We</td>
<td>Row</td>
<td>Till</td>
<td>We Die!!!</td>
</tr>

</table>
</center>

ရရွိလာမယ္႔ Table ေလးကေတာ႔ ဒီလုိေလးပဲ ျဖစ္ပါတယ္ခင္ဗ်ာ.



WeAreGreatestBloggers
WeNeverGive upOur Fight!
WeRowTillWe Die!!!

ကဲ. ဒီေလာက္ဆုိရင္ Table Coding ေလးအေၾကာင္း နားလည္ေလာက္ျပီလုိ႔ ယူဆပါတယ္. ဆက္ျပီးေတာ႔ Advanced Level ေလးေတြကုိ သြားလုိက္ရေအာင္ေနာ္.

ကၽြန္ေတာ္အစမ္းလုပ္ၾကည္႔ထားတဲ႔ ဇယားကြက္ေလးေတြကုိ ရႈစားေတာ္မူၾကပါ.

<center>
<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">

<h3>ဇယား (၁)</h3>


<table border ="1">
<tr>
<td>ပင္မဘေလာ႔ဂ္</td>
<td>သီခ်င္းဘေလာ႔ဂ္</td>
<td>အေထာက္အကူျပဳဘေလာ႔ဂ္</td>
</tr>
<tr>
<td><a href="http://yanaung.blogspot.com" target="_blank">ရန္ေအာင္</a></td>
<td><a href="http://rhythmcorner.blogspot.com" target="_blank">သံစဥ္လႈိင္း</a></td>
<td><a href="http://mmbloggershelpdesk.blogspot.com" target="_blank">Bloggers Helpdesk</a></td>
</tr>
</table>

<h3>ဇယား (၂) </h3>
ဒါကေတာ႔ ဇယားကြက္ေလးေတြရဲ႔ infrastructure ကို ပုံစံလုပ္ျပထားတာပါ. Row ေတြ၊ Column ေတြ ဘယ္လုိ ေရတြက္ရတယ္ဆုိတာ သိေအာင္ေပါ႔.

<table border="1">
<tr>
<td>Heading 1</td><td>Heading 2</td><td>Heading 3</td>
</tr>
<tr>
<td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td>
</tr>
<tr>
<td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td>
</tr>
</table>

</div>
</center>

ဒီလုိေလးျမင္ရပါမယ္ ခင္ဗ်ာ.


ဇယား (၁)

ပင္မဘေလာ႔ဂ္သီခ်င္းဘေလာ႔ဂ္အေထာက္အကူျပဳဘေလာ႔ဂ္
ရန္ေအာင္သံစဥ္လႈိင္းBloggers Helpdesk

ဇယား (၂)

ဒါကေတာ႔ ဇယားကြက္ေလးေတြရဲ႔ infrastructure ကို ပုံစံလုပ္ျပထားတာပါ. Row ေတြ၊ Column ေတြ ဘယ္လုိ ေရတြက္ရတယ္ဆုိတာ သိေအာင္ေပါ႔.
Heading 1Heading 2Heading 3
row 1 col 1row 1 col 2row 1 col 3
row 2 col 1row 2 col 2row 2 col 3


<table border="1"> ေနရာမွာ 1 အစား နံပါတ္ေလးေတြ ေျပာင္းထည္႔ၾကည္႔ႏုိ္င္ပါတယ္.

ဒီလုိစမ္းၾကည္႔မယ္ဗ်ာ.



ဇယား (၁)

table border Value ကုိ နံပါတ္ 8 ေပးထားလွ်င္ ေတြ႔ရမည္႔ပုံ...
ပင္မဘေလာ႔ဂ္သီခ်င္းဘေလာ႔ဂ္အေထာက္အကူျပဳဘေလာ႔ဂ္
ရန္ေအာင္သံစဥ္လႈိင္းBloggers Helpdesk

ဇယား (၂)

table border Value ကုိ နံပါတ္ 15 ေပးထားလွ်င္ ေတြ႔ရမည္႔ပုံ...
ပင္မဘေလာ႔ဂ္သီခ်င္းဘေလာ႔ဂ္အေထာက္အကူျပဳဘေလာ႔ဂ္
ရန္ေအာင္သံစဥ္လႈိင္းBloggers Helpdesk

ဇယား (၃)

table border Value ကုိ နံပါတ္ 24 ေပးထားလွ်င္ ေတြ႔ရမည္႔ပုံ...
ပင္မဘေလာ႔ဂ္သီခ်င္းဘေလာ႔ဂ္အေထာက္အကူျပဳဘေလာ႔ဂ္
ရန္ေအာင္သံစဥ္လႈိင္းBloggers Helpdesk


ကဲ. Table ေလးေတြကုိ ဆက္ျပီး ကလိလုိက္ၾကရေအာင္.

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">
<center>
<h4>A background color:</h4>
<table border="1"
bgcolor="red">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</center>

အဲဒါဆုိရင္ Table ေလးရဲ႔ ေနာက္မွာ အေရာင္ေလးေတြ ရလာပါလိမ္႔မယ္. Color လုိခ်င္ရင္ blue, green စသည္ျဖင္႔ ရိုက္ထည္႔လုိ႔ ရႏုိင္သလုိ မိမိႏွစ္သက္ရာ Color Coding ေလးမ်ားကုိလည္း အစားသြင္းႏုိင္ပါေသးတယ္. ဒီေနရာမွာ Color Codes ေလးေတြ ရႏုိင္ပါတယ္ ခင္ဗ်ာ.


A background color:

FirstRow
SecondRow

ဒီတစ္ခါက်ေတာ႔ ေနာက္ခံပုံေလးေတြ ထည္႔ၾကည္႔ပါမယ္

<center>
<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">
<h4>A background image:</h4>
<table border="1"
background=" http://www.fileden.com/files/2007/9/23/1451933/cool_bg_blue_background.jpg">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</div>
</center>

အဲဒါဆုိရင္ေတာ႔ Table ေလးေတြရဲ႔ ေနာက္မွာ မိမိၾကိဳက္နွစ္သက္ရာ ပုံေလးေတြ ထည္႔သြင္းအလွဆင္ျခယ္ႏုိင္ပါျပီ. မိမိတင္ခ်င္တဲ႔ ပုံေလးေတြကုိ File Hosting Site တစ္ခုခုမွာ တင္ျပီးေတာ႔မွ လင္႔ခ္ထုတ္ယူဖုိ႔ကိုေတာ႔ မေမ႔ပါနဲ႔ေနာ္. File Hosting လုပ္နည္းကုိ မသိရင္ ဒီေနရာမွာ ေရးခဲ႔ျပီးပါျပီ. ေလ႔လာႏုိင္ပါတယ္ ခင္ဗ်ာ.



A background image:

FirstRow
SecondRow


ကုိယ္႔ရဲ႔လုိအပ္ခ်က္ေပၚ မူတည္ျပီး ဒီပုိ႔စ္ေလးကုိ အက်ိဳးရွိစြာ အသုံးခ်ႏုိင္ၾကမယ္လုိ႔ ေမွ်ာ္လင္႔မိပါေၾကာင္း….

Acknowledgement:

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

ခင္မင္ေလးစားလ်က္

ရန္ေအာင္
Read More...
AddThis Social Bookmark Button

Crazy Mac Dock Menu Hack For Your Blog

Contributor: ေမွာ္ဆရာ

Mac crazy ေတြေရာ၊ crazy မဟုတ္သူေတြေရာ Mac လို႔ဆိုလိုက္တာနဲ႔ The Most Advance OS on the Whole World ဆိုတာကို သိၿပီးျဖစ္ၾကပါလိမ့္မယ္။ လွပေသသပ္ၿပီး၊ ဆြဲေဆာင္မႈအျပည့္ရွိတဲ့ GUI (Graphical User Interface) စနစ္၊ လံုၿခံဳမႈအျပည့္နဲ႔ စြမ္းေဆာင္ရည္ျမင့္မားတဲ့ လုပ္ေဆာင္မႈစနစ္ေတြဟာ စားသံုးသူေတြ အတြက္ေတာ့ Mac ကို လံုး၀လက္မလႊတ္ႏိုင္ေအာင္ ဖမ္းစားထားတဲ့ အခ်က္ေတြပါပဲ။

Mac User ေတြအတြက္ကေတာ့ အကၽြမ္းတ၀င္ျဖစ္ၿပီးသားမို႔ ထပ္ရွင္းစရာ မလိုေလာက္ေတာ့ပါဘူး။ Mac နဲ႔အကၽြမ္းတ၀င္မျဖစ္သူေတြ အတြက္ Mac Dock ဆိုတာဘာလဲ ဆိုတာအနည္းငယ္ ရွင္းဖို႔လိုပါလိမ့္မယ္။ တစ္ကယ္ေတာ့ Mac Dock ဆိုတာ ကၽြန္ေတာ္တို႔ Window ေတြမွာ သံုးသကဲ့သို႔ Application မ်ားကို အလြယ္တစ္ကူ အသံုးျပဳႏိုင္ရန္ Short Cut Icons (My Computer,My Document. အစရွိသည္) မ်ားကို Mac OS ရဲ့ လွပေသသပ္တဲ့ GUI စနစ္မွာ Menu Bar(Iconbar) တစ္ခုအျဖစ္ ေပ်ာ့ေပ်ာင္းစြာ ေပါင္းစည္းထားတဲ့ Mac OS ရဲ့ Desktop Iconbar တစ္ခုပါပဲ။

Mac Dock Menu တစ္ခုကို ဘေလာ့ဂ္မွာ ဘယ္လို အသံုးၿပဳထားသလဲဆိုတာ [ဒီေနရာ] မွာ သြားေရာက္ေလ့လာ ၾကည့္ရႈႏိုင္ပါခင္ဗ်ာ။

ကဲ. ေျပာေနၾကာပါတယ္ဗ်ာ။ လက္ေတြ႔အေနနဲ႔ အခု ေစ်းႀကီးလွတဲ့ Mac ကို ခင္ဗ်ား၀ယ္သံုးစရာ မလိုပါဘူး။ ခပ္မိုက္မိုက္ Mac Dock ေလးတစ္ခု ခင္ဗ်ား ဘေလာ့ဂ္ထဲကို ေရာက္ရွိလာဖို႔ ဒီပို႔စ္ေလးကို ဖတ္လိုက္ဖို႔ပဲ လိုပါတယ္။

စမယ္ဗ်ိဳ႔။ ပထမဆံုးလုပ္ရမွာက ဒီေအာက္က CSS ကုဒ္ေတြကို ]]></b:skin> မတိုင္ခင္ Footer CSS ကုဒ္ရဲ့ ေအာက္မွာ ဆက္ထည့္ေပးပါ။ ဒီ CSS ကုဒ္ေတြက Mac Dock Menu ကို ဘေလာ့ဂ္ ေအာက္ေျခမွာ ေပၚေစမွာျဖစ္ၿပီး အေပၚမွာ ထားလိုသူေတြ အတြက္ကေတာ့ ေအာက္မွာ ဆက္ျပထားတဲ့ ကုဒ္ေတြကိုအသံုးျပဳေပးရပါမယ္။

အဆင့္(၁)

CSS Codes For Mac Dock Menu - For Those Who Want to Use at The Bottom

/* dock2 - bottom */

#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
background: #FFFFFF;
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px "Zawgyi-One",Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}



CSS Codes For Mac Dock Menu - For Those Who Want to Use at The Top

/* dock - top */

.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
background: #FFFFFF;
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px "Zawgyi-One",Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}


အဆင့္(၂)

ဒီအဆင့္ၿပီးၿပီဆိုတာနဲ႔ ေအာက္က Java Script ကုဒ္ေတြကို ]]></b:skin> ႏွင့္ </head> ၾကားမွာ ထည့္ေပးပါ။ ထံုးစံအတိုင္း Top အတြက္ နဲ႔ Bottom အတြက္ ကုဒ္ (၂) မ်ိဳးခြဲေပးထားပါတယ္။

Java Script For Mac Dock Menu - For Those Who Want to Use at The Bottom

<script type="text/javascript" src="http://myanmarne0.googlepages.com/jquery.js"></script>
<script type="text/javascript" src="http://myanmarne0.googlepages.com/interface.js"></script>

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(http://myanmarne0.googlepages.com/iepngfix.htc) }
</style>
<![endif]-->

<!--dock menu JS options -->
<script type="text/javascript">

$(document).ready(
function()
{
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>



Java Script For Mac Dock Menu - For Those Who Want to Use at The Top

<script type="text/javascript" src="http://myanmarne0.googlepages.com/jquery.js"></script>
<script type="text/javascript" src="http://myanmarne0.googlepages.com/interface.js"></script>

<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(http://myanmarne0.googlepages.com/iepngfix.htc) }
</style>
<![endif]-->

<!--dock menu JS options -->

<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
}
);
</script>


exclaim ဒီအဆင့္မွာ သံုးထားတဲ့ .js ႏွင့္ iepngfix.htc ဖိုင္(၂) ခုကို Bandwidth ကုန္သြားတဲ့အခါမ်ိဳးမွာ ပံုမွန္အလုပ္မလုပ္မႈ ျဖစ္ျခင္းမွ ကာကြယ္ရန္အတြက္ မိမိကိုယ္ပိုင္ Fileden | Ripway | Google Pages အစရွိတဲ့ Hosting တစ္ခုခုမွာ ျပန္တင္ၿပီး အသံုးျပဳသင့္ပါတယ္။


အဆင့္(၃)

ေနာက္ဆံုးအဆင့္အေနနဲ႔ Dock Menu ကို Bottom မွာ ထည့္လိုသူမ်ားအတြက္ ဒီကုဒ္ေလးကို ေတြ႔ေအာင္ရွာပါ(Ctrl+F အကူအညီျဖင့္)။

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

ဒီေနရာမွာ ေအာက္က ျပထားတဲ့ ကုဒ္ေတြ ထည့္ရပါမယ္။

</div></div> <!-- end outer-wrapper -->



For Those Who Want to Use at The Bottom (HTML Codes for Mac Dock Menu)

<!--bottom dock -->

<div class="dock" id="dock2">
<div class="dock-container2">
<a class="dock-item2" href="#"><span>Home</span><img src="http://myanmarne0.googlepages.com/home.png" alt="home" /></a>
<a class="dock-item2" href="#"><span>Contact</span><img src="http://myanmarne0.googlepages.com/email.png" alt="contact" /></a>
<a class="dock-item2" href="#"><span>Portfolio</span><img src="http://myanmarne0.googlepages.com/portfolio.png" alt="portfolio" /></a>
<a class="dock-item2" href="#"><span>Music</span><img src="http://myanmarne0.googlepages.com/music.png" alt="music" /></a>
<a class="dock-item2" href="#"><span>Video</span><img src="http://myanmarne0.googlepages.com/video.png" alt="video" /></a>
<a class="dock-item2" href="#"><span>History</span><img src="http://myanmarne0.googlepages.com/history.png" alt="history" /></a>
<a class="dock-item2" href="#"><span>Calendar</span><img src="http://myanmarne0.googlepages.com/calendar.png" alt="calendar" /></a>
<a class="dock-item2" href="#"><span>Links</span><img src="http://myanmarne0.googlepages.com/link.png" alt="links" /></a>
<a class="dock-item2" href="#"><span>RSS</span><img src="http://myanmarne0.googlepages.com/rss.png" alt="rss" /></a>
<a class="dock-item2" href="#"><span>RSS2</span><img src="http://myanmarne0.googlepages.com/rss2.png" alt="rss" /></a>
</div>
</div>



Mac Dock Menu ကို ဘေလာ့ဂ္ရဲ့ အေပၚမွာ Navigation Bar သဖြယ္ အသံုးျပဳလိုသူေတြအတြက္ကေတာ့ ဒီကုဒ္ေလးေတြကို ေျပာင္းလဲရွာေဖြဖို႔လိုပါမယ္။

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='More Blogging (Header)' type='Header'/>
</b:section>
</div>

ဒီေနရာမွာ ေအာက္က ျပထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီကူးၿပီး ထည့္ေပးပါ။

<div id='content-wrapper'>



For Those Who Want to Use at The Top (HTML Codes for Mac Dock Menu)

<!--top dock -->

<div class="dock" id="dock">
<div class="dock-container">

<a class="dock-item2" href="#"><span>Home</span><img src="http://myanmarne0.googlepages.com/home.png" alt="home" /></a>
<a class="dock-item2" href="#"><span>Contact</span><img src="http://myanmarne0.googlepages.com/email.png" alt="contact" /></a>
<a class="dock-item2" href="#"><span>Portfolio</span><img src="http://myanmarne0.googlepages.com/portfolio.png" alt="portfolio" /></a>
<a class="dock-item2" href="#"><span>Music</span><img src="http://myanmarne0.googlepages.com/music.png" alt="music" /></a>
<a class="dock-item2" href="#"><span>Video</span><img src="http://myanmarne0.googlepages.com/video.png" alt="video" /></a>
<a class="dock-item2" href="#"><span>History</span><img src="http://myanmarne0.googlepages.com/history.png" alt="history" /></a>
<a class="dock-item2" href="#"><span>Calendar</span><img src="http://myanmarne0.googlepages.com/calendar.png" alt="calendar" /></a>
<a class="dock-item2" href="#"><span>RSS</span><img src="http://myanmarne0.googlepages.com/rss.png" alt="rss" /></a>

</div>
</div>


exclaim ဒီအဆင့္မွာ မွတ္သားစရာ (၂) ခုရွိပါတယ္။

(က) သံုးထားတဲ့ ပံုအားလံုးဟာ ကၽြန္ေတာ့္ရဲ့ Google Pages စာမ်က္ႏွာမွာ တင္ထားတာျဖစ္တဲ့ အတြက္အကယ္၍ ဒီ Hack ကိုအသံုးျပဳသူမ်ားလာခဲ့ရင္ ပံုေတြရဲ့ Bandwidth ကုန္တဲ့အခ်ိန္ မိမိစာမ်က္ႏွာမွာ ပံုမေပၚတာေတြ၊ ပံုမွန္အလုပ္မလုပ္တာေတြ ျဖစ္ႏိုင္ပါတယ္။ အဲဒီအတြက္ အေကာင္းဆံုးကေတာ့ ပံုအားလံုးကို ေဒါင္းလုဒ္လုပ္ၿပီး မိမိကိုယ္ပိုင္ Google Pages မွာျဖစ္ျဖစ္၊ အျခား Image Hosting မ်ားမွာျဖစ္ေစျပန္တင္ၿပီး အသံုးျပဳသင့္ပါတယ္။

(ခ) မိမိကိုယ္ပိုင္ အျခား Icon Design မ်ားေျပာင္းလဲ အသံုးျပဳလိုတယ္ဆိုရင္ေတာ့ ေအာက္ပါဆိုဒ္ေတြမွာ သြားေရာက္ရွာေဖြ ေဒါင္းလုဒ္ လုပ္ၿပီး အစားထိုးအသံုးျပဳႏိုင္ပါတယ္။

http://www.crystalxp.net/galerie/en.cat.1.html
http://www.vistaicons.com/
http://www.iconarchive.com/
http://interfacelift.com/icons-mac/faq.php

(ဂ)ေနာက္တစ္ခုကေတာ့[href="#"] ဆိုတဲ့ ကုဒ္ရဲ့ [#] ေနရာမွာ မိမိထည့္လိုတဲ့ လင့္ခ္ တစ္ခုစီထည့္ေပးရပါမယ္။ Home,Contact အစရွိတာေတြကို မိမိစိတ္ႀကိဳက္ အမည္ေပး၊ ေရွ႔ေနာက္ ေနရာေျပာင္းေရြ႔လို႔ရပါတယ္။

အားလံုးပဲ အဆင္ေျပၾကလိမ့္မယ္လို႔ ထင္ပါတယ္။ အဆင္မေျပမႈတစ္ခုခုရွိခဲ့ရင္ ဒါမမဟုတ္ ပိုမိုေကာင္းမြန္တဲ့ အႀကံအစည္ေလးမ်ား ရွိခဲ့ရင္လည္း မွတ္ခ်က္မွာ လြတ္လြတ္လပ္လပ္ ၀င္ေရာက္ေဆြးေႏြး၊ အႀကံေပး ေရးသားႏိုင္ပါေၾကာင္း။

Sources: SmashingMagazine

Technorati Tags: | | | | | | | | | | | | |
Read More...
AddThis Social Bookmark Button

Blogger Comment ႏွင့္ Post Section တို႔တြင္ Smile ရုပ္ပံုမ်ား ထည့္သြင္းျခင္း

Contributor: ေမွာ္ဆရာ

ႏႈတ္တစ္ရာ၊ စာတစ္လံုး။ စာလံုးတစ္ေထာင္ထက္ ရုပ္ပံုတစ္ခုက အဓိပၸာယ္ေပါင္း ေျမာက္မ်ားစြာကို ေဖာ္ျပနိဳင္စြမ္းရွိပါတယ္။ အဲဒီေတာ့ ကၽြန္ေတာ္တို႔ ေရးသားေနတဲ့ ပို႔စ္ေတြ၊ မွတ္ခ်က္ေတြထဲမွာလည္း သူ႔ေနရာေလးနဲ႔သူ အဓိပၸာယ္ရွိတဲ့ ပံုေလးေတြနဲ႔ ကိုယ္စားျပဳေဖာ္ျပေပးလိုက္ မယ္ဆိုရင္ အတိုင္းထက္ အလြန္၊ တံခြန္နဲ႔ ကုကၠား ဆိုသလိုပဲ အစစ၊ အရာရာ သာလြန္ျပည့္စံု ေကာင္းမြန္တဲ့ ပို႔စ္ ေတြ၊ မွတ္ခ်က္ေတြ၊ ေဆြးေႏြးခ်က္ ေတြျဖစ္လာမွာအမွန္ပါပဲ။

မိမိဘေလာ့ဂ္ရဲ့ Comment မွာေရာ၊ ပို႔စ္ေတြထဲမွာပါ အၿပံဳးေလးေတြကို လူမ်ိဳးဘာသာမေရြး အားလံုးအသံုးျပဳနိဳင္ဖို႔ အလြယ္ကူဆံုး နည္းလမ္းမ်ားကို ရွာေဖြ တင္ဆက္ထားပါတယ္။

နည္းလမ္း။ ။ Blogger Comment & Post Section တို႔တြင္ Smiles ရုပ္ပံုမ်ားထည့္သြင္းျခင္း

ေအာက္ပါအတိုင္းလုပ္ေဆာင္ပါ။

(၁) မိမိရဲ့ စက္ထဲမွာ မီးေျမေခြး (FireFox) ဘေရာက္ဇာ ရွိရပါမယ္။ မရွိခဲ့လ်င္ [ဒီေနရာ] မွာေဒါင္းလုဒ္ခ်၍ Install လုပ္ပါ။

(၂) ေနာက္တစ္ခုကေတာ့ Greasemonkey ဆိုတဲ့ FireFox Addon ရွိရပါမယ္။ မရွိခဲ့လ်င္ [ဒီေနရာ] မွာ ေဒါင္းလုဒ္လုပ္၍ Install လုပ္ပါ။ ၎ Addon အား မိမိ FireFox Browser တြင္ Install လုပ္ၿပီးပါက ဘေရာက္ဇာ၏ ညာဘက္ေအာက္ေျခေထာင့္တြင္ နီညိဳေရာင္ ေမ်ာက္ေခါင္းပံုတစ္ခု ေပၚလာမည္ျဖစ္သည္။

(၃) အထက္ပါအဆင့္မ်ား ေအာင္ျမင္စြာျပဳလုပ္ၿပီးစီးပါက Comment Section တြင္ Smiles မ်ားထည့္သြင္းရန္အတြက္ -

[ဤေနရာ] တြင္ ”ကလစ္” လုပ္ပါ။ Greasemonkey မွ ၎ Script ကို Install လုပ္ေပးမည္ျဖစ္၍ ေအာက္ပါအတုိင္း Pop up ၀င္းဒိုး တစ္ခုတက္လာလ်င္ ”Install” ကိုသာ ဆက္၍ ကလစ္လိုက္ပါ။



ၿပီးလ်င္ မိမိ၏ Comment ေရးသားေသာ ေနရာတြင္ ေအာက္ပါအတိုင္း Smile မ်ားႏွင့္တကြ HTML Code အခ်ိဳ႔ကိုပါ အလြယ္သံုးႏိုင္ေအာင္ လုပ္ေပးထားေသာ Tab ေလးမ်ားကို ေတြ႔ရမွာျဖစ္ပါတယ္။



(၄) Post Section တြင္ Smiles မ်ားထည့္သြင္းရန္အတြက္ ကိုမူ -

[ဤေနရာ] တြင္ကလစ္လုပ္ပါ။ အထက္ကအတိုင္း Popup တစ္ခုတက္လာလ်င္ Install ကိုကလစ္ပါ။ၿပီးလ်င္ ေအာက္ပါအတိုင္း ျမင္ေတြ႔နိဳင္ပါၿပီ။



(၅) ဤေနာက္ဆံုးအဆင့္တြင္ ေအာက္ပါကုဒ္ မ်ားကိုရွာ၍ အနီျပထားေသာ ကုဒ္မ်ားကို Delete လုပ္ပါ။

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


အဆံုးသတ္အေနျဖင့္ ေအာက္ပါကုဒ္ မ်ားကို မိမိ၏ Template ထဲရွိ </head> ဆိုေသာကုဒ္ မတိုင္မွီ Template ၏ CSS အပိုင္းတြင္ထည့္ေပးပါ။

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


ၿပီးလ်င္ အားလံုး အဆင္သင့္ျဖစ္ပါၿပီ။ ပို႔စ္ေရးေသာအခါ၊ သို႔၊ မွတ္ခ်က္ေရးေသာအခါ တြင္ Smile မ်ားကိုအသံုးျပဳလိုပါက၊ မိမိေပၚေစခ်င္ေသာ ေနရာတြင္ Cursor ခ်ၿပီး၊ အသံုးျပဳမည့္ Smile ေလးမ်ားေပၚတြင္ ကလစ္ေပးလိုက္ရံုသာျဖစ္သည္။



မွတ္ခ်က္။ ။အထက္ပါ Smiles Hack တြင္ Comment Section အတြက္ Hack သည္ ၎ Hack ကို Install လုပ္ထားေသာ ဘေလာ့ဂ္ ႏွင့္ အဆိုပါ စက္တြင္သာျမင္ရမည္ျဖစ္သည္။ အျခားသူမ်ား၏ ဘေလာ့ဂ္ႏွင့္ စက္မ်ားမွ ျမင္ေတြ႔ရမည္မဟုတ္။ထို႔ျပင္ ဘေလာ့ဂ္၏ ပို႔စ္ Section တြင္ Comment မွ Smile မ်ားေပၚမည္မဟုတ္ပဲ သေကၤတမ်ားျဖင့္သာ ကိုယ္စားျပဳမည္ျဖစ္သည္။ ဘေလာ့ဂ္၏ Comment Section တြင္သာ Smiles မ်ားကိုျမင္ေတြ႔ရမည္ျဖစ္သည္။



Sources: BloggerHacked | Notes4PC

Technorati Tags: | | | | |
Read More...
AddThis Social Bookmark Button

ဘေလာ့ဂ္ ထိပ္ဆံုးက navbar ေဖ်ာက္ျခင္းသည္ တရား၀င္၊မ၀င္ ?

Contributor: ေမွာ္ဆရာ

Blogspot အသံုးျပဳသူတိုင္း မိမိဘေလာ့ဂ္ရဲ့ ထိပ္ဆံုးမွာ ဘေလာ့ဂ္ေတြကို ရွာေဖြလို႔ရတဲ့ Search Box တစ္ခုနဲ႔ အတူ မိမိရဲ့ Gmail Address ကိုပါအၿမဲေဖာ္ျပေနတဲ့ Navigation Bar တစ္ခုကို သတိျပဳမိၾကမွာပါ။ တစ္ခ်ိဳ႔ ကအဲဒီဘားကို ႀကိဳက္တာရွိသလို တစ္ခ်ိဳ႔ကလည္း မႀကိဳက္တာေတြရွိၾကပါတယ္။ အဲဒီ navbar ကလည္း တစ္ခ်ိဳ႔ေသာ Blogger Template ေတြမွာ ပါသလို တစ္ခ်ိဳ႔ေသာ Template ေတြမွာ မပါပါဘူး။ ေသခ်ာတာက ေတာ့ Blogger.com ရဲ့ မူရင္း Template အားလံုးလိုလိုမွာ ပါပါတယ္။ေနာက္ မ်ားေသာအားျဖင့္ ဘေလာ့ဂၢါေတြ ေတာ္ေတာ္မ်ားမ်ားကလည္း အဲဒီ Navigation Bar ကို မိမိနည္း ၊ မိမိဟန္နဲ႔ ေဖ်ာက္ၿပီးအသံုးျပဳေနၾကတာ အစဥ္ အလာတစ္ခုလိုျဖစ္ေနပါၿပီ။

ဒီေနရာမွာ အေရးႀကီးတဲ့ ေမးခြန္းတစ္ခုကေတာ့ အဲဒီလို Navigation Bar ေဖ်ာက္သံုးျခင္းဟာ Google ရဲ့ Terms of Service ေတြ ၊ Privacy Polcy ေတြနဲ႔ညီ မညီဆိုတာပါပဲ။ဒါနဲ႔ပတ္သက္ၿပီး ေလ့လာၾကည့္မိတဲ့ အခ်ိန္မွာ Blogger ရဲ့ TOS စာမ်က္ႏွာ မွာမည္သည့္ ရည္ညႊန္းခ်က္မွ မေတြ႔မိသလို Blogger Support Group ရဲ့ ေဆြးေႏြးခန္း မွာ ဆိုရင္လည္း Navigation Bar နဲ႔ ပတ္သက္တဲ့ ေမးခြန္းတိုင္းကို အၿမဲတေစ ျငင္းပယ္ေလ့ ရွိတာကိုေတြ႔ရပါတယ္။

ဒီျပႆနာကို ရွင္းရွင္းလင္းလင္း သိဖို႔အတြက္ အိႏၵိယ ႏိုင္ငံ ဘန္ဂလိုၿမိဳ႔မွာ ျပဳလုပ္ခဲ့တဲ့ Google ရဲ့ Road Show ျပပြဲအတြင္း Blogger မ်ားမွ navbar Polcy နဲ႔ပတ္သက္တဲ့ အေၾကာင္းအရာမ်ားကို ရွင္းလင္းေျပာၾကားေပးဖို႔ Google ရဲ့တာ၀န္ ရွိသူမ်ားကို ေမးျမန္းခဲ့ၾကပါတယ္။ အဲဒီျပပြဲအတြင္းမွာပဲ Google အမႈေဆာင္အဖြဲ႔( Google's Bangalore office) မွ အေရးေပၚအစည္း အေ၀းေခၚခဲ့ၿပီး navbar ေဖ်ာက္ျခင္းဟာ တရား၀င္(Legal) ျဖစ္ပါေၾကာင္း ေသခ်ာတဲ့ ဆံုးျဖတ္ခ်က္ႏွင့္ ရွင္းရွင္းလင္းလင္းေၾကညာခဲ့ပါတယ္။

ေကာင္းပါၿပီ။ အဲဒီေတာ့ ကၽြန္ေတာ္တို႔ဒီ nvabar ေလးကိုေဖ်ာက္သံုးျခင္းဟာ တရား၀င္ျဖစ္ေၾကာင္း ေသခ်ာသြားပါၿပီ။ ဘယ္လိုေဖ်ာက္မလဲ။ နည္းလမ္းေတြကေတာ့ အမ်ိဳးမ်ိဳးရွိၿပီး၊ အမ်ိဳးမ်ိဳးသံုးၾကပါတယ္။ ဘေလာဂၢါအမ်ားစု သံုးေလ့သံုးထရွိတဲ့ နည္းလမ္းကေတာ့ မိမိရဲ့ Blog Template အတြင္း </head> ဆိုတဲ့ကုဒ္ မတိုင္ခင္မွာ ေအာက္ပါကုဒ္ ေလးထည့္သြင္း လိုက္ၾကျခင္းပါပဲ။

#navbar-iframe {display:block}
ဒါေပမယ့္ အဲဒီ နည္းလမ္းအရ သံုးတဲ့ navbar ကို ေဖ်ာက္ရာမွာ တိက်ေသခ်ာမႈ သိပ္မရွိလွပါဘူး။ တစ္ခါတစ္ေလ လုပ္တဲ့ ေန႔ကေတာ့ အေကာင္းျဖစ္ေပမယ့္ ေနာက္(၂) ရက္ေလာက္အၾကာမွာ navbar ကျပန္ေပၚလာတတ္ တာမ်ိဳးေတြရွိပါတယ္။

ေနာက္ .. ဒီနည္းနဲ႔လည္း navbar ကိုေဖ်ာက္ႏိုင္ပါေသးတယ္။ မိမိဘေလ့ာဂ္ရဲ့ Edit Html စာမ်က္ႏွာကိုသြား ပါ။ body { ဆိုတဲ့ ကုဒ္ ကိုေတြ႔ေအာင္ရွာပါ။ ၿပီးတဲ့ေနာက္ ၎ကုဒ္မတိုင္ခင္ ေအာက္ပါကုဒ္ မ်ားကို ျပထားသည့္ အတိုင္း ထည့္ပါ။
.Navbar {
display:none;
visibility:hidden
}
body {


အထက္ပါနည္းေလးကေတာ့ မဆိုးလွပါဘူး။အသံုးျပဳသူေတြကို လံုေလာက္တဲ့ ေက်နပ္မႈရေစမွာပါ။

အေကာင္းဆံုးနဲ႔ လက္ရွိကၽြန္ေတာ္သံုးေနတဲ့ နည္းကေတာ့ ေအာက္ပါ နည္းလမ္း ပါပဲ။

၁) သင့္ ဘေလာ့ဂၢါ အေကာင့္ထ္ ကို၀င္ပါ။ Setting ကိုဆက္၀င္ၿပီး ၊ Template tab မွတဆင့္ Edit HTML ကိုဆက္သြားပါ။ အဲဒီကိုေရာက္ၿပီဆိုတာနဲ႔ ေအာက္ပါ ကုဒ္ ကိုေတြ႔ေအာင္ရွာပါ။
<body>
၂)ကုဒ္ကိုေတြ႔ၿပီဆိုပါက ၎၏ေနာက္မွ ကုဒ္မ်ားကို ေအာက္ပါအတိုင္း ဆက္ထည့္ေပးပါ။

<body>
<style type="'text/css'">
#navbar-iframe {display:none;}
</style>

ဒါဆိုရင္ မေပၚေစခ်င္တဲ့ navbar လံုး၀ ကိုေပၚလာေတာ့မွာ မဟုတ္ပါဘူး။ navbar မေပၚေစခ်င္သူမ်ား မိမိဘေလာ့ဂ္မွာ လက္ေတြ႔စမ္းသပ္ၾကည့္ႏိုင္ပါတယ္။
Read More...
AddThis Social Bookmark Button

FavIcon လုပ္ၾကမလား?

Contributor: ေမွာ္ဆရာ

FavIcon ဆိုတာရဲ့ ဆိုလိုရင္းကေတာ့ Favourite Icon ပါ။ သူ႔ကို အသံုးျပဳတဲ့ ေနရာကေတာ့ ၀ဘ္ဘေရာက္ဇာေတြရဲ့ Website Address ေတြရဲ့ေရွ႔မွာ ၎၀ဘ္ဆိုဒ္ရဲ့ အမွတ္တံဆိပ္အေသးစားအျဖစ္၊ လႈပ္ရွားေနတဲ့ ပံုေတြအျဖစ္လည္းေကာင္း၊ ပံုေသေတြ အျဖစ္လည္းေကာင္း အသံုးျပဳၾကပါတယ္။ ေအာက္ကပံုကိုၾကည့္လိုက္ရင္ FavIcon ဆိုတာ ဘာလဲဆိုတာပိုရွင္းသြားပါလိမ့္မယ္။



အထက္က ပံုကေတာ့ ကၽြန္ေတာ္တို႔ ေရာင္းရင္းႀကီး Blogger.com ရဲ့ Favicon ပဲျဖစ္ပါတယ္။ မ်ားေသာအားျဖင့္ေတာ့ ကိုယ္ပိုင္ Web Hosting ၀ယ္ၿပီး၊ ကိုယ္ပိုင္၀ဘ္ဆိုဒ္ ေရးသားလြတ္တင္ ထားတဲ့သူေတြ အတြက္ Favicon ကိုမိမိကိုယ္တိုင္ ထည့္သြင္းေပးရပါတယ္။ ဒါေပမယ့္ ကၽြန္ေတာ္တို႔ Blogger.com မွာေတာ့ အလိုအေလ်ာက္ပဲ ပါရွိၿပီးသားျဖစ္တဲ့အတြက္ အဲဒီ မူရင္းပါရွိတဲ့ Blogger ရဲ့ Favicon ကို မိမိစိတ္ႀကိဳက္၊ မိမိရဲ့ အမွတ္တံဆိပ္တစ္ခုနဲ႔ အစားထိုးေဆာင္ရြက္ႀကည္႔ၾကပါမယ္။ ဘယ္လိုအစားထိုးၾကမလဲ။ လုပ္နည္းက သိပ္ကိုလြယ္ပါတယ္။ ေအာက္ပါအတိုင္း ေဆာင္ရြက္ပါ။


နည္းလမ္း(၁)

၁)Favicon အျဖစ္အသံုးျပဳရန္ မိမိ စိတ္ႀကိဳက္ ေဆာ့ဖ္၀ဲလ္တစ္ခုကို အသံုးျပဳကာ စိတ္ႀကိဳက္ဒီဇိုင္းတစ္ခုဖန္တီးပါ။ ၿပီးလ်င္ပံုကို .png အမ်ိဳးအစားဖိုင္ အျဖစ္သိမ္းဆည္းပါ။ ဖိုင္ရဲ့ အရြယ္အစားကေတာ့ ၁၆*၁၆ Pixels မွ ၃၂*၃၂ Pixels အတြင္းႀကိဳက္သလို ဖန္တီးလို႔ရပါတယ္။

၂)၎ Icon ကို (Photobucket သို႔မဟုတ္ Googlepage) စသျဖင့္ တစ္ေနရာရာတြင္ Upload လုပ္ပါ။ရလာေသာ လင့္ခ္ကို တစ္ေနရာတြင္ ေကာ္ပီကူးၿပီးမွတ္ထားပါ။

၃)Blogger Dashboard ကို၀င္ေရာက္ၿပီး၊ Template ေအာက္ရွိ Edit HTML တြင္ေအာက္ပါ ကုဒ္မ်ားကို Ctrl+F အကူအညီျဖင့္ ေတြ႔ေအာင္ရွာေဖြပါ။

<title><data:blog.pagetitle/></title>

၄)ေတြ႔ရွိပါက ၎ကုဒ္မ်ား၏ ေအာက္တြင္ ေအာက္ပါကုဒ္မ်ားကို Copy->Paste လုပ္ပါ။

<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

၅)"URL of your icon file" ဆိုေသာေနရာတြင္ မိမိ Favicon ၏လင့္ခ္ကို အစားထိုး ရပါမယ္။

၆)Template ကို Save လုပ္ပါ။ ၿပီးလ်င္ ဘေရာက္ဇာ အသစ္တစ္ခုဖြင့္ၿပီး မိမိ ဘေလာ့ဂ္လိပ္စာကိုရိုက္ထည့္၍ Favicon ေပၚမေပၚၾကည့္ ၾကည့္ပါ။

အကယ္၍ Favicon မေပၚဘူးဆိုလ်င္ မိမိဘေရာက္ဇာရွိ Temporary Internet ဖိုင္မ်ားကို Delete လုပ္ေပးရပါမယ္။


နည္းလမ္း(၂)

အထက္ပါနည္းမွာ ကိုယ္ပိုင္ Favicon တစ္ခုဖန္တီးဖို႔ဆိုတဲ့ အဆင့္အတြက္ အခက္အခဲ ရွိေကာင္းရွိႏိုင္ပါတယ္။ အကယ္၍ ဖန္တီးဖို႔ အခက္အခဲ မရွိခဲ့ဘူး ဆိုရင္လည္း အခ်ိန္ေပးဖို႔အတြက္ စကားေျပာစရာရွိလာပါမယ္။ အဲဒီအတြက္ အခ်ိန္လည္းေပးစရာမလို၊ ကိုယ္တိုင္လည္း ဘာမွဖန္တီးစရာမလိုပဲ အမိုက္စား Animation FavIcon ေတြကို မိမိစိတ္ႀကိဳက္၊ မိမိစက္ထဲမွာရွိတဲ့ ပံုတစ္ပံုေပးလိုက္ရံု နဲ႔ မိမိဘေလာ့ဂ္ (သို႔) ဆိုဒ္ အတြက္ Favicon တစ္ခုကို အျမန္ဆံုးနဲ႔၊ အလကားဖန္တီးေပးတဲ့ ဒီေနရာ ကိုသြားတာ အေကာင္းဆံုးပါပဲ။
(ကၽြန္ေတာ့္ဆိုဒ္မွာ အဲဒီနည္းကိုသံုးထားပါတယ္။)



ပံုအႀကီးၾကည့္ရႈရန္ ပံုေပၚတြင္ကလစ္ေပးပါ။

အဲဒီေနရာကိုေရာက္ရင္ ညီအစ္ကိုေမာင္ႏွမမ်ား ေတြ႔ၾကတဲ့ အတိုင္းပါပဲ။

၁)Browse ထဲမွေန၍ မိမိစိတ္ႀကိဳက္ပံုတစ္ပံု (အရြယ္အစား၊ဖိုင္အမ်ိဳးအစား ကန္႔သတ္ ခ်က္မရွိ) ကိုေရြးပါ။

၂) ၿပီးလ်င္ Scrolling Text ၏ေဘးမွ အကြက္တြင္ မိမိဘေလာ့ဂ္နာမည္၊ သို႔ မိမိစိတ္ႀကိဳက္ မိမိ ေပၚေစခ်င္ေသာ စာသားကိုရိုက္ထည့္ပါ။

၃)ၿပီးလ်င္ Animate Favicon ၏ေဘးရွိ Check Box တြင္ Enable ေပးၿပီး Generate FavIcon.ico ကိုကလစ္လုပ္ပါ။

၄)ေနာက္တစ္မ်က္ႏွာတြင္ Download ႏွင့္ Preview ဆိုၿပီးျပလာမွာျဖစ္ပါတယ္။ မိမိ၏ FavIcon အထုပ္ကို Download လုပ္ပါ။

၅)ေဒါင္းလုဒ္လုပ္လို႔ရလာတဲ့ အထုပ္ဟာ zip file နဲ႔ထုပ္ထားတာျဖစ္တဲ့ အတြက္ အဲဒီအထုပ္ေပၚမွာ Right Click ေပးၿပီး Extract Here လုပ္ပါ။

၆)Extra File ထုပ္ထဲမွ animated_favicon1 ကိုေရြးခ်ယ္ၿပီး အထက္မွာ ေျပာခဲ့တဲ့အတိုင္း မိမိစိတ္ႀကိဳက္ေနရာတစ္ခုမွာ Upload လုပ္ပါ။ရလာတဲ့ လင့္ခ္ကို ေကာ္ပီကူးၿပီးမွတ္သားထားပါ။

၇)ၿပီးလ်င္ အထက္တြင္ရွင္းၿပခဲ့သည့္အတိုင္း "URL of your icon file" ေနရာတြင္မိမိ FavIcon ရဲ့ လင့္ခ္ကိုအစားထိုးထည့္ပါ။
ထိုစာေၾကာင္းရွိ ' type='image/vnd.microsoft.icon' ဆိုေသာေနရာတြင္ ေအာက္ပါကုဒ္ျဖင့္ အစားထိုးပါ။

type='image/gif'

၈)Template ကို Save လုပ္ၿပီးလ်င္ အားလံုး Ready ျဖစ္ပါၿပီ။ မိမိဘေလာ့ဂ္အား ဘေရာက္ဇာ အသစ္တြင္ဖြင့္ၿပီး ေက်နပ္မႈရယူပါ။

(Blogging ကိုအခုမွ စတင္ထိေတြ႔သူမ်ားအတြက္ ရည္ရြယ္ၿပီး အေသးစိတ္ ေရးသားေပးထားတာ ျဖစ္ပါတယ္။ တစ္ကယ္လုပ္လ်င္(၂)မိနစ္ ေလာက္အတြင္း ၿပီးစီးသြားႏိုင္ပါတယ္ခင္ဗ်ား။)
Read More...
AddThis Social Bookmark Button