May 4, 2009

Inserting a Button in Blog Post

ေတာ္ေတာ္ေလးေတာ့ ၾကာခဲ့ပါၿပီ။

ကၽြန္ေတာ့္ဆီကို အီးေမးလ္တစ္ေစာင္ ေရာက္လာခဲ့ဖူးတယ္။ သူေမးတာက ထူးထူးျခားျခား။ Blog တင္တဲ့အခါမွာ Post ထဲကို button ေလးေတြ ထည့္လို႔မရဘူးလားတဲ့။ ျဖစ္ခ်င္တာက အဲဒီ button ေလးကို ႏွိပ္လိုက္ရင္ browser မွာ Link တစ္ခုခုကို new window နဲ႔ ပြင့္သြားေစခ်င္တယ္တဲ့။ လုပ္လို႔ရလား။ ရရင္ေကာ ဘယ္လို လုပ္ရမွာလဲဆိုၿပီး ေမးခဲ့ဖူးပါတယ္။

အဲဒီတုန္းကေတာ့ ကၽြန္ေတာ္က Link ခ်ိတ္တာမ်ား Text Link လုပ္လို႔ရေနတာပဲ ဘာျဖစ္လို႔ အလုပ္ရႈပ္ခံၿပီး button ႀကီးနဲ႔ ခ်ိတ္ေနမွာလဲဗ်ာဆိုၿပီး ျပန္ေျပာမိပါတယ္။ ၿပီးေတာ့ စိတ္ထဲမွာ မျဖစ္ႏိုင္ေလာက္ဘူးလို႔လည္း ထင္မိခဲ့ပါတယ္။ Post ေတြထဲမွာ စာေတြ၊ ပံုေတြ၊ ဗီြဒီယိုေတြပဲ ထည့္လို႔ရမယ္လို႔ ထင္ခဲ့တာေလ။

အခုေနာက္ပိုင္းမွာမွ Post ေတြတင္ရင္း သတိထားမိတာက Post ေရးတဲ့အခါ Edit HTML ရယ္ Compose ရယ္ ဆိုၿပီး View ႏွစ္ခုရွိတဲ့ေနရာမွာ Edit HTML ထဲမွာ ကိုယ္ႀကိဳက္တဲ့ HTML code ေတြပါ ထပ္ထည့္လို႔ ရတာဆိုတာကို ေတြ႕ရပါတယ္။ ၿပီးေတာ့ Javascript ေရာ ရသလားဆိုၿပီး ကၽြန္ေတာ္စမ္းၾကည့္တယ္။ ရတယ္။

ဒါေၾကာင့္ အခု Post မွာ button ထည့္ၿပီး Link ခ်ိတ္နည္းေလးကို Share ေပးလိုက္ပါတယ္။ Blogger ေတြ အတြက္ေတာ့ အသံုးက်မွာပါ။

ပထမဆံုး ေအာက္က script ေလးကို Post ေရးတဲ့ေနရာမွာ Edit HTML ကို ေျပာင္းၿပီး ထည့္လိုက္ပါ။




Enter your link here ေနရာမွာေတာ့ ကိုယ္ခ်ိတ္မယ့္ link ကို ထည့္ေပးရမွာေပါ့။ ၿပီးေတာ့ ေအာက္ကေန ဒါမ်ိဳးေလး ဆက္ေရးလိုက္ပါ။


Enter button name ေနရာမွာေတာ့ button မွာေပၚခ်င္တဲ့ နာမည္ကုိ ထည့္ေပးရပါမယ္။

ကဲၿပီးရင္ ကိုယ္တင္မယ့္ Post ကို ဆက္ေရးၿပီး Publish လုပ္လိုက္တဲ့အခါမွာ Post ထဲမွာ button ေလးတစ္ခု ေရာက္ေနမွာျဖစ္ၿပီး အဲဒီ button ကို ႏွိပ္လုိက္ရင္ ကိုယ္ေပးထားတဲ့ Link အတိုင္း Browser က new window နဲ႔ ဖြင့္ေပးပါလိမ့္မယ္။

နမူနာအေနနဲ႔ ေအာက္က button ေလးကို ႏွိပ္ၾကည့္လိုက္ပါဦးဗ်ာ။ google ကို ေနာက္ထပ္ new window နဲ႔ ဖြင့္ေပးပါလိမ့္မယ္။

ေနာက္ရက္က်ရင္ Textarea ထည့္နည္းေလးပါ တင္ေပးထားပါဦးမယ္။




ႏွိပ္လည္း Google ကို ေရာက္မွာမဟုတ္ေသးဘူးဗ်ိဳ႕။ Code ျပင္ရဦးမွာ။ အခုေတာ့ သြားစရာရွိလို႔ သြားလိုက္ဦးမယ္။ ေနာက္ရက္မွ ျပင္ထားလိုက္မယ္။

No comments:

Post a Comment