Menu Bar သို့​မဟုတ် Image Map ြပုလုပ်ြခင်း​



{ပံု​ေပါ်က စာ​ေတွ​ေပါ် Mouse တင်ြပီး​ နိပ်ချင်တာကို နိပ်ြကည့်​လိုက်ပါ}


ဒါ​ေလး​က​ေတာ့​ Memu Bar သို့​မဟုတ် Image Map ြပုလုပ်နည်း​ေလး​ပါ စိတ်ဝင်စား​မယ်ဆိုရင်​ေတာ့​ အရင်ဆံုး​ Download....!! လိုက်ပါ File Size က​ေတာ့​ 1.12 MB ပဲ ရှိပါတယ်။


ထံုး​စံအတိုင်း​ Software ရသွား​ြပီဆိုရင် run ​ေပး​ြပီး​ အဆင့်​အတိုင်း​ လိုက်လုပ်ရံုပါပဲ...။ အသံုး​ြပုနည်း​ေလး​က အင်မတန် လွယ်ကူပါတယ်၊​ image map လုပ်ချင်တာပဲြဖစ်ြဖစ် image menu တစ်ခု လုပ်ချင်တာပဲ ြဖစ်ြဖစ် အရင်ဆံုး​ေတာ့​ Photo Edit Software တစ်ခုခု ( ဥပမာ.. Photoshop, Paint....) နဲ့​  မိမိလိုချင်တဲ့​ ပံုကို ဆွဲ​ေပး​ဖို့​လိုပါတယ်၊​ အခု ကျ​ေနာ်က ဒီ Software ​ေလး​ နဲ့​ ပတ်သက်ြပီး​ ​ေြပာမှာြဖစ်တဲ့​အတွက် ပံုဆွဲနည်း​ပိုင်း​ကို​ေတာ့​ မပါ​ေတာ့​ဘူး​ေပါ့​ခင်ဗျာ...

၁။  File---->load image က​ေနတစ်ဆင့်​ မိမိဆွဲြပီး​သား​ ပံုကိုယူလိုက်ပါ (ပံုထဲကအတိုင်း​ြဖစ်သွား​ပါလိမ့်​မယ်)
 

၂။ ဆွဲြပီး​သား​ ပံုထဲက အမျိုး​အစား​ခွဲထား​တဲ့​ စာ​ေတွမှာ link ထည့်​ဖို့​အတွက် အရင်ဆံုး​ ​ေနရာချထား​ေပး​ဖို့​ရာ အနီ​ေရာင် ​ေဘာင်နဲ့​ ြပထား​တဲ့​ ​ေနရာကို တစ်ချက်နိပ်ြပီး​ မိမိ ​ေနရာချထား​လိုတဲ့​ ​ေနရာကို ပံုထဲက အတိုင်း​ လိုက်၍ ဆွဲ​ေပး​ရပါမယ်။ ပံုထဲကအတိုင်း​ ပတ်လည်​ေနရာချထား​ြပီး​ရင်​ေတာ့​ ​ေဘာင်အဝါ​ေရာင်​ေလး​ နဲ့​ ြပထား​တဲ့​ ြမှား​ေလး​ကို နိပ်လိုက်တဲ့​အခါ ပံု(၃) ထဲကလို ​ေပါ်လာပါလိမ့်​မယ်
( ဒီလိုပဲ ​ေနာက်ကျန်ရှိ​ေနတဲ့​ ​ေနရာ​ေတွကိုလည်း​ ထိုနည်း​အတိုင်း​ လိုက်လုပ်ရမှာြဖစ်ပါတယ်)
 

၃။ Area Name က​ေတာ့​ မိမိ​ေပး​လိုတဲ့​ အချက်ရဲ့​ အမည်ကို ထည့်​ရမှာြဖစ်ြပီး​
​ေဘာင်အနီနဲ့​ ြပထား​တဲ့​ URL: မှာ​ေတာ့​ မိမိထည့်​လိုတဲ့​ link ကို ထည့်​ရပါမယ်
Destination Target: မှာ​ေတာ့​ လိမ္မာ်​ေရာင်​ေဘာင်နဲ့​ြပထား​တဲ့​ ​ေနရာကိုတစ်ချက်နိပ်ြပီး​ _BLANK ကို​ေရွး​ေပး​ရပါမယ် _BLANK ကို​ေရွး​ေပး​ရရင်း​ အ​ေြကာင်း​က link ကိုနိပ်လိုက်တဲ့​အခါ စာမျက်နှာအသစ်မှာ ​ေပါ်ဖို့​အတွက် ရည်ရွယ်ရင်း​ြဖစ်ပါတယ်
 


၄။ အထက်က အဆင့်​အတိုင်း​ လုပ်ြပီး​သွား​ြပီဆိုရင်​ေတာ့​ Code ​ေတွကို ရယူဖို့​အတွက် ပံုထဲကလို Html ကို နိပ်​ေပး​ရပါ့​မယ်။
 


၅။ Html ဆိုတဲ့​ ခလုတ်​ေလး​ကို နိပ်ြပီး​သွား​တဲ့​အခါ ​ေအာက်ပါပံုတိုင်း​ေတွ့​ရပါလိမ့်​မယ်၊​ သူ​ေပး​ထား​တဲ့​ code ​ေတွကို Copy & Save လုပ်ရပါမယ်

အရင်ဆံုး​ Code ကို နိပ်ထား​လိုက်ပါ


ဒါက​ေတာ့​ Menu တစ်ခုြပုလုပ်ြပီး​တဲ့​အပိုင်း​ပါ၊​ ကျန်တာက​ေတာ့​ မိမိဆွဲထား​ပံုကို Upload ဖို့​ ကျန်ပါ​ေသး​တယ်၊​ Upload ြပီး​ရင်​ေတာ့​
 ပံု(၅)ထဲက <img src=" ဒီ​ေနရာမှာ ပံု link ">ကို ထည့်​ဖို့​ လိုပါတယ်၊​
ဒီ​ေဆာ့​ဝဲလ်​ေလး​က 1.12MB ပဲ ရှိတယ်ဆို​ေပမဲ့​ လုပ်တတ်သ​ေလာက် အသံုး​ဝင်ပါတယ်၊​ ကျ​ေနာ့်​ Blog မှာ ထည့်​ထား​သလိုဆိုရင် Layout---> Page Elements---> Add a Gadget ထဲက HTML/JavaScript ကို​ေရွး​ြပီး​ Code ထည့်​၍ အသံုး​ြပုနိုင်ပါတယ် ( မိမိတတ်ကျွမ်း​သလို အသံုး​ဝင်ပါ၏) တစ်ကယ်တမ်း​က အလွယ်ဆံုး​ေလး​ပါ ကျ​ေနာ် စာ​ေရး​တာ ရှည်သွား​တဲ့​အတွက် လွန်တာရှိ ဝန္ဒာမိ....

အ​ေပါ်ဆံုး​မှာ ထည့်​ထား​တဲ့​ ပံု​ေလး​ရဲ့​ Code နမူနာ​ေလး​ပါ <img src="http://img26.imageshack.us/img26/9471/menublogc.gif/" usemap="#menu ( blog)" border="0">
<map name="menu ( blog)">
<area shape="poly" coords="8,34,62,38,66,16,64,12,4,12,8,34" href="http://myanmarmultiplyszone.ning.com/"
title="ြမန်မာ မာတီရပ်ဝန်း​" target="_BLANK">
<area shape="poly" coords="76,32,132,36,132,14,76,12,76,32" href="http://makingburmarmultiply.multiply.com/" 
 title="ြမန်မာ မာတီြပုလုပ်နည်း​" target="_BLANK">
<area shape="poly" coords="144,36,144,12,192,14,190,34,144,36" href="http://myanmarbloggersociety.ning.com/"
 title="ြမန်မာ ဘ​ေလာ့​ဂါများ​" target="_BLANK">
<area shape="poly" coords="90,70,96,44,198,50,198,74,90,70" href="http://www.zaung.net" target="_BLANK">
<area shape="poly" coords="152,96,152,78,16,76,8,78,8,88,8,94,152,98" href="http://mraungj.multiply.com" 
title="ပထမဆံုး​ လုပ်ထား​တဲ့​ Site ​ေလး​ မာတီပလိုင်း​ကပါ" target="_BLANK">
</map>

{ကို​ေဇာင်း​}


Share this article :
 

+ ​ေဝဖန်/​ေလကန် + 15 ​ေဝဖန်/​ေလကန်

အိမ်
August 26, 2009 at 3:32 PM

​ေလ့​လာသွား​တယ်ဗျာ ယူသွား​တယ်ဗျ လိုရမယ်ရ အလကား​ဆို​ေတာ့​ အဟီး​....

August 26, 2009 at 4:37 PM

ဟုတ်ကဲ့​ပါ
ကလိလိုက်ပါ့​မယ်ရှင့်​
​ေကျး​ဇူး​ ရှဲ့​ ရှဲ့​

September 3, 2009 at 10:44 PM

ယူသွား​တယ် စ်း​ြကည့်​မယ် အား​ေနတဲ့​ အချိန်​ေလး​ ကလိြကည့်​တာ​ေပါး​့​)

Anonymous
February 24, 2010 at 8:40 PM

Hello! Can you tell me how i can register mail at google [url=http://google.com]google[/url] http://google.com

Anonymous
March 1, 2010 at 11:23 PM

dating agency north west [url=http://loveepicentre.com/]amaeuteur dating[/url] philippines singles http://loveepicentre.com/ dating resource

Anonymous
March 11, 2010 at 4:56 AM

Hello! Can you tell me how i can register mail at google [url=http://google.com]google[/url] http://google.com

Anonymous
April 12, 2010 at 11:22 PM

where to purchase medicine from mexico [url=http://usadrugstoretoday.com/products/bystolic.htm]bystolic[/url] cost of adhd drugs http://usadrugstoretoday.com/products/cipro.htm which drugs are addictive http://usadrugstoretoday.com/categories/smettere-di-fumare.htm
infiniti medical [url=http://usadrugstoretoday.com/products/serophene.htm]serophene[/url] what does zyrtec do for sinuses [url=http://usadrugstoretoday.com/products/endep.htm]pervasive developmental disorder[/url]

Anonymous
April 23, 2010 at 5:01 PM

nissan titan auto head light http://automoblog.in/ford/ford-f-150-tan-oem-running-board automobile production statistics
[url=http://automoblog.in/scooter/scooter-mileage]mercedes 300td service manual free[/url] volkswagen baby stroller [url=http://automoblog.in/motorcycle-show/clubman-motorcycle-parts]clubman motorcycle parts[/url]
diagram of auto wrecker wrench http://automoblog.in/motor-com/honda-lawnmower-motor-manual
[url=http://automoblog.in/nissan/nissan-elmira-ny]spokane mercedes[/url] dodge ram columbus [url=http://automoblog.in/motorcycle/motorcycle-sidecar-manufacture]motorcycle sidecar manufacture[/url]
automobile mechanics in atlanta ga http://automoblog.in/volvo/lug-bolts-volvo-s80-rusty
[url=http://automoblog.in/scion]volkswagen advertising[/url] mercedes benz c220 headlight bulbs [url=http://automoblog.in/ford/factory-keyless-ford-windstar-2002]factory keyless ford windstar 2002[/url]

Anonymous
April 24, 2010 at 1:46 PM

dog travel boxes http://greatadventures.in/inn/days-inn-monroeville-pa society of american travel writers
[url=http://greatadventures.in/airline/delta-airline-vacation-package]slider travel[/url] travel to courchevel [url=http://greatadventures.in/inn/shilo-inn-pomona-ca]shilo inn pomona ca[/url]
trip travel insurance into usa http://greatadventures.in/airport/epson-p5000-multimedia-storage-viewer-at-singapore-airport
[url=http://greatadventures.in/airlines/frontier-airlines-information]nokia 6102i travel charger[/url] travel holiday riviera [url=http://greatadventures.in/disneyland/disneyworld-vs-disneyland]disneyworld vs disneyland[/url]
travel global services columbia maryland http://greatadventures.in/inn/oceanside-inn-oregon book value on travel trailers [url=http://greatadventures.in/lufthansa/pacific-airways]pacific airways[/url]

Anonymous
April 29, 2010 at 4:04 PM

automobile carpet installation ontario http://latestcarnews.in/oldsmobile/oldsmobile-arora intial d version 2 racing game
[url=http://latestcarnews.in/nissan/estabrook-nissan-mississippi]mercedes corbell design[/url] mercedes roundie [url=http://latestcarnews.in/supermoto/honda-supermoto-for-sale]honda supermoto for sale[/url]
mercedes clk hardtop http://latestcarnews.in/toyotas/toyota-of-stuart
[url=http://latestcarnews.in/plymouth/t-bonz-plymouth-ma-steak]mercedes benz wis[/url] import used auto from europe to us [url=http://latestcarnews.in/scion/is-the-scion-xb-towable]is the scion xb towable[/url]
usaa auto claims http://latestcarnews.in/motors/small-hobbie-electric-motors-and-gear-reductions
[url=http://latestcarnews.in/volkswagen/how-to-keep-your-volkswagen-alive]automobile ding repairs on site[/url] mercedes clk 55 amg [url=http://latestcarnews.in/saab/saab-of-framington]saab of framington[/url]

Anonymous
May 1, 2010 at 3:05 PM

grphic designers http://topcitystyle.com/navy-blue-new-color21.html diabetic shoes products [url=http://topcitystyle.com/?action=products&product_id=1414]stylist fashion northwest indiana[/url] cool shoes
http://topcitystyle.com/vae-victis-provocative-long-sleeve-shirt-item944.html designer clothes big girls [url=http://topcitystyle.com/l-clubbing-size7.html]bridget hall and ralph lauren and blue[/url]

Anonymous
May 1, 2010 at 3:48 PM

coach shoes http://topcitystyle.com/-classic-on-sale-category87.html fashion museums in milan [url=http://topcitystyle.com/?action=products&product_id=1190]web site designer[/url] designer knockoffs
http://topcitystyle.com/m-evening-cocktail-size5.html womens shoes [url=http://topcitystyle.com/off-white-shoes-color3.html]rabat shoes[/url]

Anonymous
May 3, 2010 at 12:25 AM

chanel handbags http://topcitystyle.com/belts-dolce-amp-gabbana-category42.html france clothes [url=http://topcitystyle.com/red-casual-color8.html]basketball shoes closeout[/url] funky shoes
http://topcitystyle.com/on-sale-polo-shirts-type2.html sex and shoes [url=http://topcitystyle.com/a-m-n-madness-national-tunic-brand55.html]bebe clothes[/url]

Anonymous
May 3, 2010 at 9:26 PM

zara clothes http://topcitystyle.com/black-white-color187.html ralph lauren fur [url=http://topcitystyle.com/d-amp-g-long-sleeve-top-for-men-white-item2274.html]magna high fashion bicycle[/url] pig shoes
http://topcitystyle.com/khaki-one-ply-windbreaker-jackets-color28.html petite maternity clothes [url=http://topcitystyle.com/?action=products&product_id=1277]atlas snowshoes[/url]

Anonymous
May 4, 2010 at 2:16 AM

healies shoes http://topcitystyle.com/orange-white-dresses-color228.html domnatricksshoes [url=http://topcitystyle.com/frankie-morello-funky-t-shirt-for-men-pink-item1778.html]ladies sexy clothes[/url] corporate interior designers
http://topcitystyle.com/yellow-grey-color186.html nicole richies clothes [url=http://topcitystyle.com/red-navy-blue-women-color222.html]moretti collezione italia shoes[/url]

Post a Comment

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
အချိန်​ေပး​ြပီး​ ဖတ်တဲ့​အြပင် ဒီလို တုန့်​ြပန်မှု​ေလး​ေတွပါ ​ေပး​တဲ့​အတွက် ​ေကျး​ဇူး​ ;)
  ::::: ﺽŽãửʼnĢ::::: :::ZMyanmar Domain Sales::: :::

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::