သင့္ Chat List, Status ေတြက အစစ္ေတြေကာဟုတ္ရဲ႕လား ?

သင့္ Chat List, Status ေတြက အစစ္ေတြေကာဟုတ္ရဲ႕လား ?

ကၽြန္ေတ္ာ ဒီ Post ေလးကို ကၽြန္ေတာ့္ေမြးေန႕ ေမလ ၆ ရက္ေန႕ေရာက္မွ

တင္ေပးမယ္လို႕ ရည္ရြယ္ထားတာပါ။ မေအာင့္ႏိုင္လို႕ ေရးေပးလိုက္ပါတယ္။

ေခါင္းစဥ္ကေတာ့ တစ္ကယ္တမ္းဆိုရင္ေတာ့ စဥ္းစားစရာပါ။ ဘာလို႕လည္း

ဆိုေတာ့ မိမိကုိယ္တိုင္ သံုးေနတဲ့အေကာင့္မွာ တင္ထားတဲ့ Status ေတြ၊

Chat List ေတြကိုကိုယ္ကေတာ့ ပံုမွန္အတိုင္းရိုက္ထားတာပဲ ဒါေပမယ့္

ဘာပဲ ေရးေရးေရးသမွ် အားလံုးကို Inspect Element နဲ႕ စိတ္ႀကိဳက္ျပင္

လို႕ရပါတယ္။ ကဲ စကားေတြမ်ားတယ္ လက္ေတြ႕စလိုက္ရေအာင္လားဗ်ာ

အရင္ဆံုး Chat List အတုတစ္ခု Inspect Element ကေန လုပ္ျပပါ့မယ္။

အရင္ဆံုး မိမိ Chat List အတုလုပ္မယ့္အေကာင့္ကို အရင္ သြားလိုက္ပါမယ္

ေအာက္ေဖာ္ျပပါပံုကေတာ့ မူရင္းအတိုင္းေျပာထားတဲ့ Chat list ပါ

အဲ့တာကို ကၽြန္ေတာ္တို႕က ျပန္ျပင္မွာျဖစ္လို႕ “ဟုတ္ကဲ့ဦးဇာနည္” ဆိုတဲ့ေနရာကို

Right Click ေထာက္ၿပီး Inspect Element ကိုႏွိပ္လိုက္ပါ့မယ္။

ထို႕ေနာက္ေတာ့  Developer Tools ဆိုတဲ့ Box ေပၚလာမွာျဖစ္ပါတယ္။

ဒီအခါမွာ ေအာက္ပါပံုအတိုင္း

<span> <p> နဲ႕ </p> </span> ၾကားထဲက စာသားကို ျပင္မွာျဖစ္ပါတယ္။

ေလာေလာဆယ္က ဟုတ္ကဲ့ ဦးဇာနည္ ဆိုတာျဖစ္ၿပီး ကၽြန္ေတာ္တို႕ကျပင္ခ်င္

တာတစ္ခုျပင္ေရးလိုက္ပါမယ္။ေအာက္ပါပံုအတုိင္းေပ့ါ

ကၽြန္ေတာ္က ခုနက ဟုတ္ကဲ့ ဦးဇာနည္ ဆိုတာကို ျပင္ပီၚ ဟုတ္ကဲ့ပါ ေမာင္

လို႕ျပင္ေရးလိုက္ပါတယ္။ အလားတူပဲ ေနာက္တစ္ေၾကာင္းကိုလည္း RC ႏွိပ္

Inspect Element ကိုေရြးပီၚ အထက္ပါ လိပ္စာအတိုင္းပဲသြားၿပီး မိမိ ျပင္ခ်င္

တာကို

အထက္ပါအတိုင္းျပင္လိုက္ပါတယ္။ ဟုတ္ၿပီ ဒါဆို သူ႕ဘက္က Chat List ကို

ေတာ့ ျပင္ၿပီၚသြားၿပီ ကၽြန္ေတာ့္ဘက္ ေအးပါ…ေအးပါ… နားနားနာရ ဆိုတာကို

ျပ္ငပါမယ္။အလားတူပဲ မိမိျပင္ေရးမယ့္ စာသားေပၚမွာ Right Click ေထာက္

Inspect Element ကိုေရြးၿပီၚ မိမိ ျပင္ခ်င္တာေတြ စိတ္ႀကိဳက္ ျပင္လိုက္ပါ့မယ္။

ကဲ မွတ္ပလား ကၽြန္ေတာ္ကေတာ့ ကၽြန္ေတာ့္ကို ဂ်ာနယ္ထဲထည့္ၿပီး

Report တင္နည္းေရးသားေပးတဲ့ ဆရာႀကီးကို လိုင္းသြင္းပလိုက္ၿပီ

ေလ။ ဒီေတာ့ ကၽြန္ေတာ္တို႕က Chat List ေတြကို ထိုနည္းအတိုင္း

မိမိစိတ္ႀကိဳက္ျပင္လို႕ရပါတယ္။ ဒါေၾကာင့္ Chat List ေတြကို Screen

Shoot ရိုက္ၿပီး တိုင္မယ္ တန္းမယ္တို႕လုပ္မယ့္အခါမွာ SS ေတြက

တစ္ကယ္အက်ံဳး၀င္မွာလားေပ့ါေနာ္…. ဒါက ကၽြန္ေတာ္က

Educational Purpose အေနျဖင့္သာေရးေပးတာပါ။ သူငယ္ခ်င္း

ေတြကို စေနာက္ရံုသက္သက္ပဲ လုပ္ၾကပါရန္နဲ႕ တစ္ပါးသူ ထိခိုက္

ေစမယ့္ ေနာက္ေျပာင္မႈမ်ိဳး မလုပ္ၾကရန္ ေမတၱာရပ္ခံပါတယ္။

ေနာက္တစ္ခ်က္ Status နဲ႕ Like အတုျပင္ေရးမယ္

ဒီနည္းကလည္း ခုနကသံုးတဲ့အတိုင္း Inspect Element ကိုပဲထပ္သံုးတာပါ

အရင္ဆံုးကၽြန္ေတာ္တို႕က မိမိ ေဆးထိုးခ်င္တဲ့ အေကာင့္ရဲ႕ Wall ထဲကိုသြား

ပါ့မယ္

အထက္ပါပံုက သူတင္ထားတဲ့ မူရင္း Status ပါ ေနာက္ၿပီး Like ကလည္း

171 ျဖစ္ပါတယ္။ ဒါေတြကိုကၽြန္ေတာ္တို႕က အားလံုးျပင္ပလိုက္ပါ့မယ္။

ဒီေတာ့ ထံုးစံအတိုင္းေပ့ါ… မိမိျပင္မယ့္ စာသားေပၚမွာ RC ေထာက္ Inspect

Element ကိုေရြးၿပီး…

သူက Paragraph ျဖစ္တဲ့အတြက္ေၾကာင့္ HTML Language အရ

<p> နဲ႕ </p> ဆိုတဲံၾကားထဲမွာျဖစ္ပါတယ္။ အဲဒီၾကားထဲက စာ

ေတြကို ကၽြန္ေတာ္တို႕က မိမိျပင္ခ်င္တဲ့စာသားေတြကို စိတ္ႀကိဳက္

ေရးလိုက္ပါ့မယ္။

ကဲ မွတ္ၿပီလား ဒီေတာ့ ကၽြန္ေတာ္တို႕က Like ကိုပါ ျပင္ပါမယ္။ ဆိုေတာ့

Like 171 ဆိုတဲ့ေနရာကို RC ေထာက္ Inspect Element ကို ႏွိပ္လိုက္ပါ

မယ္။

လက္ရွိတန္ဖိုး 171 ကို မိမိစိတ္ႀကိဳက္ Like အရည္အတြက္ကိုရိုက္ထည့္

လိုက္ပါ့မယ္

ကဲ ျမင္တဲ့အတိုင္းပဲ မိမိ စိတ္ႀကိဳက္ Like အေရအတြက္ကို ထည့္လိုက္ပါၿပီ

ေအာက္က Comment ေတြကိုလည္း သူမ်ားေရးထားတာေတြကိုလည္း

စိတ္ႀကိဳက္ျပင္ဆင္လို႕ရပါတယ္။

ကဲ အားလံုးပဲ ဒီနည္းနဲ႕ စမ္းသပ္ၾကည့္ရံုပါပဲ HTML အေျခခံေလာက္

နည္းနည္းပါးပါးသိထားတယ္ဆိုရင္ ပိုၿပီး အဆင္ေျပပါတယ္ေနာက္တစ္ခု

က HTML ကိုေလ့လာဖို႕ စာေတြအမ်ားႀကီးကိုဖတ္စရာမလိုပဲ Borwser ရဲ႕

Page မွာ ဘယ္လိုမ်ိဳးေလးေတြေရးသားထားသလည္းဆိုတာကိုလည္းယခု

Inspect Element နဲ႕ ေလ့လာလို႕ရပါတယ္။

ေလးစားစြာျဖင့္

Cristiano Zarni@ဦးဇာနည္