Image Usage

မိမိ Blog အတြင္း ႏွစ္သက္ရာ အမ်ိဳးမ်ိဳးေသာ Image မ်ားကုိ စိတ္တုိင္းက်ထည့္သြင္း အသံုးျပဳရန္ေအာက္ေဖာ္ျပပါ Html code မ်ားကုိ အသံုးျပဳႏုိင္ပါတယ္-

Image Tag (Htmlcode)

<img src="Image URL" border="0" width="104" height="76" alt="Description" />

နမူနာပံုႏွင့္ ၄င္း code

<img src="http://pethein2006.googlepages.com/FaceAnimation.gif" border="0" width="104" height="76" alt="Smile" />

-ေဖာ္ျပပါ code ႏွစ္ခုကုိယွဥ္ၾကည့္ပါ သေဘာေပါက္မည္ဟုယူဆပါသည္။

---

Image Alignment (Html code)

<img src="Image URL" border="0" width="104" height="76" alt="Description"align="right" />

နမူနာပံုႏွင့္ ၄င္း code

<img src="http://pethein2006.googlepages.com/FaceAnimation.gif" border="0" width="104" height="76" alt="Description"align="right" />

-အျပာေရာင္ျဖင့္ျပထားေသာ align ကုိ left , hight , center တုိ႔ျဖင့္ လုိအပ္သလုိထည့္သြင္းအသံုးျပဳရပါမည္။

---

Text and Image Alignment (Html code)

<p><img src="Image URL"border="0" width="104" height="76" alt="Smile" align="right"/>--tetxt--</p>

နမူနာပုံစံ

ကိုယ္စိတ္ထဲေက်နပ္တာေတြလုပ္မယ္၊ စိတ္ဖိစီးမႈေတြေလ်ာ့ခ်မယ္၊ အတုိင္း အတာတစ္ခုထိ ေပ်ာ္ရႊင္စရာေတြ ဖန္တီးရယူမယ္၊ အခ်ိန္ ႏွစ္ လ ရက္ နဲ႔အတူ ေရွ႕ဆက္ ရွင္သန္ေနရဦးမွာမုိ႔ စိတ္က်န္းမာ ကုိယ္က်န္းမာဖုိ႔ လုိအပ္ ေနမွာျဖစ္တဲ့အတြက္ စိတ္က်န္းမာဖုိ႔အတြက္ သူေတာ္ေကာင္းတရားေတြ က်င့္ႀကံမယ္ တရားထုိင္မယ္၊ ကုိယ္က်န္းမာဘုိ႔ အတြက္ ကုိယ္လက္ လႈပ္ရွား အားကစား လုပ္မယ္ အစား အေသာက္ကုိ ခ်င့္ခ်ိန္ တြက္ဆ စားေသာက္ ေနထုိင္သြားရမယ္။

-အသံုးျပဳထည့္သြင္းနည္းကေတာ့

(၁) Compose box တြင္ text post ေရးၿပီး Edit Html ဘက္ေျပာင္း၍ Image Align Html code ကုိ ထည့္သြင္း ေပးရပါမည္။
(၂) ထည့္သြင္းပံုအေျခအေနကုိေအာက္ပါတုိင္း ေဖာ္ျပေပးလုိက္ပါတယ္-

<p><img src="http://pethein2006.googlepages.com/FaceAnimation.gif" alt="Smile" align="right" border="0" width="52" height="38" /><div style="text-align: justify;">ကိုယ္စိတ္ထဲ ေက်နပ္တာေတြလုပ္မယ္၊ စိတ္ဖိစီးမႈေတြ ေလ်ာ့ခ်မယ္၊ အတုိင္း အတာတစ္ခုထိ ေပ်ာ္ရႊင္စရာေတြ ဖန္တီးရယူမယ္၊ အခ်ိန္ ႏွစ္ လ ရက္ နဲ႔အတူ ေရွ႕ဆက္ ရွင္သန္ေနရဦးမွာမုိ႔ စိတ္က်န္းမာ ကုိယ္က်န္းမာဖုိ႔ လုိအပ္ ေနမွာျဖစ္တဲ့အတြက္ စိတ္က်န္းမာဖုိ႔အတြက္ သူေတာ္ေကာင္း တရားေတြ က်င့္ႀကံမယ္ တရားထုိင္မယ္၊ ကုိယ္က်န္းမာဘုိ႔ အတြက္ ကုိယ္လက္ လႈပ္ရွား အားကစား လုပ္မယ္ အစား အေသာက္ကုိ ခ်င့္ခ်ိန္ တြက္ဆ စားေသာက္ ေနထုိင္သြားရမယ္။
</div></p>

-အနီေရာင္ျဖင့္ျပထားသည္ကို အေပၚက html code နဲ႔ယွဥ္ၾကည့္ပါ၊ အျပာေရာင္ျဖင့္ ျပထားတာသည္ Image ၏ ေလ်ာ့ခ်လုိ္က္ေသာ Image size အခ်ိဳးအစားျဖစ္ပါသည္။

---

Image Link (Html code)

<a href="URL" target="_blank" title="TITLE"><img src="Image URL" border="0" width="104" height="78" alt="Description" /></a>

နမူနာပံုႏွင့္ ၄င္း code

<a href="http://pethein.blogspot.com" target="_blank" title="Image Usage"> <img src="http://pethein2006.googlepages.com/FaceAnimation.gif" border="0" width="104" height="78"alt="Image Usage" /></a>

-အခုဆုိရင္ Image အေပၚကုိ mouse နဲ႔ေထာက္ၾကည့္ပါ Link ျဖစ္ေနပါမယ္၊ ႏွိပ္ၾကည့္လုိက္တာနဲ႔ မိမိ Link ေပးခ်င္တဲ့ Website တစ္ခုကုိ Newtab ေရာက္ရွိသြားမွာပါ။

အဆင္ေျပပါေစ