{ပံုေပၚက စာေတြေပၚ 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>

{ကိုေဇာင္း}