Blog Link မ်ားကို Images မ်ားနဲ႔အလွျပင္ျခင္း

  ကၽြန္ေတာ္ကာဟာ blogger ဆရာတစ္ေယာက္မဟုတ္ပါဘူး
ဝါသနာအရ ဒီဘေလာ့ဆိုဒ္ကိုေရ ရျခင္းပါေနာက္ျပီး ကြန္ပ်ဴတာ
နည္းပညာရပ္ေတြကို လည္းလာရင္း ေရးျဖစ္တယ္လို႔ ေျပာရပါလိမ့္မယ္
အခုကၽြန္ေတာ္ ေရးျပခ်င္တာကေတာ့ အေပၚကေခါင္းစီးေလးပါဘဲ
ဘေလာ့ ဝါသနာရွင္မိတ္ေဆြမ်ား သိျပီးသားျဖစ္ၾကမွာပါ အမွန္ေတာ့
ဒီေခါင္းစီးကို ကၽြန္ေတာ္ မေရးခ်င္ပါဘူးဗ်ာ Blog Link မ်ားကို Images
မ်ားနဲ႔အလွျပင္ခ်င္တဲ့ မိတ္ေဆြတစ္ေယာက္ ခဏခဏ ေမးေနလို ေရျဖစ္
ရတာပါ အားလံုးလည္း နားလည္ခြင္းလႊတ္ျပီးေတာ့ ခပ္ညံ့ညံ့ ေလးေရး
ျပတာကို ဖတ္ေစခ်င္ပါတယ္
         Blog Link မ်ားကို Images မ်ားနဲ႔အလွျပင္မယ္ ဆိုရင္ cod ေတြကို
<a href=""
target="-blank"> <img style="width:
280px; height:50px;"
src=""
alt=""/> </a> ေရးရပါတယ္
<a href="ဒီေနရမွာ သြားေစလို႔တဲ့ လိုက္စာပါ"
target="-blank"> <img style="width:
280px; height:50px;"
src=" ဒီေနရာမွာ ပံုရိပ္ကုဒ္ေတြကို ထည့္ရပါတယ္"
alt=""/> </a>အနီေရာင္ျပထားတဲ့ေနရာေတြမွာ ၾကိဳက္သ

လိုျပင္ႏိုင္ပါတယ္ အားလံုးျပီးရင္ မိမိတည္ေဆာက္ထားတဲ့ ဘေလာ့
layout ထဲမွ Add a Gadget မွတဆင့္သြားျပီး HTML/JavaScript ထဲမွာ
ထည့္ရမွာျဖစ္ပါတယ္ ဒီေနရာမွာ cod ကိုဘယ္လိုရယူႏိုင္မွာလဲ ေမးလာႏိုင္ပါတယ္
cod ကုဒ္ေတြအတြက္ အလြယ္ကူးဆံုးနည္တစ္ကို ေျပာျပေပးပါမယ္ Blog Link အတြက္
မိမိလိုခ်င္္တဲ့ ပံုရိပ္ေတြကို Photoshop နဲ႔ဒီဇိုင္းဆြဲလိုက္ပါ အခုကၽြန္ေတာ္ေျပာတဲ့ ပံုရိပ္ဆို
တာက ရိုးရိုးပံုရိပ္ေတြဘာေနာ္..GFI ပံုရိပ္ေတြမဟုတ္ပါဘူး ဟုတ္ကဲ့ပါ မိမိလိုခ်င္တဲ့
ပံုကိုရပါျပီးဆိုရင္ uplod လုပ္ႏိုင္တဲ့ ေနရာက တျခားေနရေတြမွာ ရွာစရာမလိုပါဘူး
ယခုမိတ္ေဆြတည္ေဆာက္ထားတဲ့ ဆိုဒ္မွာဘဲ့ လုပ္ႏိုင္ပါတယ္ ပံုရိပ္ေတြတင္နည္းကိုေတာ့
ရွင္းျပစရာလိုမယ္မထင္ေတာ့ပ ဘေလာ့ တိုင္းမွာ ပံုရိပ္ေတြကိုတင္ႏိုင္သလို႔ ပံုရိပ္ကုဒ္ေတြကို
လည္းရယူႏိုင္ပါတယ္ ကုဒ္ေတြရယူပံံုကိုေအာက္မွာၾကည့္ပါ ဥပမာ အခုျမင္ေတြေနရတဲ့ ပံုဟာ
 မိတ္ေဆြအတြက္ အသံုးခ်လိုသည့္ပံုရိပ္လို႔ သေဘာထားလိုက္ပါ

အခုျမင္ေနရတဲ့ ပံုပါအတိုင္း HTML ကိုႏွိပ္လိုက္ပါ ေအာက္ပါပံုအတိုင္းျမင္ေတြရမွာပါ

 ပံုေလးအတိုင္း click လုပ္ျပီး Copy ယူထားလိုပါ Copy ယူထားတဲ့ ကုဒ္ေတြကို
ေအာက္မွာ ရွင္းထားပါတယ္ေနာ္
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Z3ainpRrBC8/USi0tN
--znI/AAAAAAAABAQ/5SZrqj68siw/s1600/Calender.jpg"
imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" height="320" src="http://1.bp.blogspot.com/
-Z3ainpRrBC8/USi0tN--znI/AAAAAAAABAQ/5SZrqj68siw/s320/
Calender.jpg" width="213" /></a></div>
အနီေရာင္ ကုဒ္ေတြဟာ ပံုပ္ရိပ္ေတြပါဗ်ာ....

Posted in: နည္းပညာ