“ဆက္ႏြယ္ေသာပို႔စ္မ်ား” ကို ဇယားျဖင့္ ေဖာ္ျပျခင္း

က်ေနာ္တို႔ ဘေလာ့ဂ္ ေရးတဲ့အခါမွာ အေၾကာင္းအရာ တခ်ဳိ႕ကို ပို႔စ္ေပါင္းမ်ားစြာ ခြဲၿပီး ေရးတတ္ၾကပါတယ္။ ဥပမာ ၀တၳဳလိုေပါ႔။ ပို႔စ္တစ္ခုတည္းနဲ႔ မၿပီးျပတ္ႏိုင္တာေၾကာင့္ ခြဲေရးရပါတယ္။ အဲဒီေတာ့ အဲဒီ ပို႔စ္ရဲ႕ ေအာက္ေျခတိုင္းမွာ သူတုိ႔နဲ႔ ဆက္ႏြယ္မႈ ရွိတဲ့ ပို႔စ္ေတြကို တခ်ဳိ႕ ျပန္ၫႊန္းတတ္ပါတယ္။ တခ်ဳိ႕က် (Further Reading) ဆက္ဖတ္ေစလုိေသာ ပို႔စ္မ်ား ဆိုၿပီး ထပ္ၫႊန္းတတ္ၾကတယ္။ ပံုမွန္အားျဖင့္ အဲဒီ Links ေတြကို Bullets ေတြနဲ႔ လုပ္လိုက္ၾကတာပါပဲ။ တကယ္လို႔ အဲဒါေလးကို ဇယားေလးနဲ႔ အေရာင္ေလးေတြ ထည့္ၿပီး ေသသပ္သပ္ ႐ႈခ်င္စဖြယ္ ျဖစ္ေနမယ္ဆို ပိုေကာင္းသြားမွာေပါ႔။ က်ေနာ္ ဒီပို႔စ္မွာ အဲဒီလို အေရာင္နဲ႔ ဇယား ဘယ္လို လုပ္သလဲဆိုတာ ေဆြးေႏြးေပးခ်င္တာပါ။ ေအာက္မွာ ျပထားတဲ့ ပံုက ဇယားလုပ္ၿပီးပံု မလုပ္ခင္ ပံုရဲ႕ ကြာျခားခ်က္ပါ။ ကဲ က်ေနာ္တို႔ ေလ့က်င့္ခန္းေလး စလိုက္ရေအာင္။ Layout >> Edit HTML မွာ Expand Widget Templates ကို အမွန္ျခစ္ ျခစ္ေပးပါ။

အဆင့္ (၁) စတုိင္ သက္မွတ္ျခင္း

<br />.rel-posts{<br />width:430px; height:auto; border:1px solid #B3B3B3;<br />margin-right:10px; float:left;<br />}<br /><br />div.rel-posts p:first-child {<br />background-color:#82a0bc; color:#ffffff; <br />padding:5px; font-size:100%; <br />border-bottom:1px solid #B3B3B3; margin:0; <br />}<br /><br />div.rel-posts ul li {<br />text-indent:0px; font-size:100%;<br />}
အထက္က CSS ေတြကုိ Style Sheet မွာ ထည့္ေပးပါ။ background-color နဲ႔ color ကို မိမိ ႀကိဳက္ႏွစ္သက္ရာ ေျပာင္းေပးပါ။ width ကိုလည္း မိမိ ပို႔စ္ရဲ႕ အက်ယ္နဲ႔ လိုက္ေလ်ာညီေထြ ျဖစ္ေအာင္ ျပင္ေပးပါ။ ျပင္ၿပီးသြားရင္ Template ကို Save ေပးပါ။

အဆင့္ (၂) ပို႔စ္အတြင္း၌ ထည့္သြင္းေရးသားျခင္း

ပို႔စ္အထဲမွာ ထည့္ေရးမွာ ဆိုေတာ့ Posting ကေန ပို႔စ္အသစ္ ယူေပးပါ။
အရင္က က်ေနာ္တို႔ ဆက္ႏြယ္ေသာပို႔စ္မ်ား ကို ေဖာ္ျပတဲ့ အခါမွာ ေအာက္ပါ ပံုစံအတုိင္း လုပ္ေလ့ရွိပါတယ္။
<br />ဆက္ႏြယ္ေသာပို႔စ္မ်ား<br /><ul><br /><li><a href="http:// .... ">How to add a ...</a></li><br /><li><a href="http:// .... ">How to customize ...</a></li><br /></ul>
အခု က်ေနာ္တို႔ စတုိင္ သက္မွတ္ၿပီးသားကို ေဖာ္ျပႏုိင္ေအာင္ ဒီလိုေလး ျပင္ေရးေပးပါ။
<br /><div class="rel-posts"><p>ဆက္ႏြယ္ေသာပို႔စ္မ်ား</p><br /><ul><br /><li><a href="http:// .... ">How to add a ...</a></li><br /><li><a href="http:// .... ">How to customize ...</a></li><br /></ul><br /></div>
အျပာေရာင္ စာလံုးေတြ ေနရာမွာ ၫႊန္းခ်င္တဲ့ လိပ္စာကို ထည့္ေပးပါ။ အနက္ေရာင္ စာလံုးေတြ ေနရာမွာ ၫႊန္းခ်င္တဲ့ ေခါင္းစဥ္ကို ေရးေပးပါ။ အဆင္ေျပပါေစဗ်ာ။