♫♪၀ါသနာတူMember ၀င္ထားၾကတဲ့ မိတ္ေဆြမ်ား♪♫

12/23/2013

Author တစ္ေယာက္မကရွိေနတဲ့ ဘေလာ့ထဲမွာ သက္ဆိုင္ရာ Author ရဲ႕ပံုကို သူတင္တဲ့ပို႔ေခါင္းစဥ္နဲ႔ တြဲျပီးေဖာ္ျပမယ္

Author အမ်ားၾကီးရွိေနတဲ့ ဘေလာ့ေတြမွာ
Author တစ္ေယာက္တင္လိုက္တဲ့ ပို႔စ္ေခါင္းစဥ္နဲ႔အတူ
အဲဒီ Author ရဲ႕ပံုကို တြဲျပီးေဖာ္ျပေပးမယ့္
နည္းပညာေလးတစ္ခုကို မွ်ေ၀ေပးလိုက္ပါတယ္

နမူနာၾကည့္ခ်င္ရင္ေတာ့ ကၽြန္ေတာ့္ဘေလာ့ထဲက
ေခါင္းစဥ္ေတြေအာက္မွာ ဟို Pyae Phoy (MMiTD) ဆိုတဲ့
မလွမပပံုရယ္
ပဲခူးသား ဆိုတဲ့ေခါင္းျပတ္ေနတဲ့ပံုရယ္
ခံ့ညားလွပေနတဲ့ အိုင္တီမုဆိုး ဆိုတဲ့ပံုရယ္ကို သက္ဆိုင္ရာ
ပို႔စ္ေခါင္းစဥ္ေတြေအာက္မွာ ေတြ႕ႏိုင္မွာျဖစ္ပါတယ္ .... :P
ကဲ .. စလိုက္ၾကစို႔



အရင္ဆံုး Blogger မွာ Sign In ၀င္လိုက္ပါ
Setting ထဲက Basic ထဲမွာ အဲဒီဘေလာ့ထဲက Author ေတြရဲ႕စာရင္းရွိပါတယ္




Author တစ္ေယာက္ရဲ႕ ပံုေပၚမွာ Right Click ႏွိပ္ျပီး ေပၚလာတဲ့ထဲက Copy Image Location ကိုႏွိပ္ျပီး
သက္ဆိုင္ရာ Author ရဲ႕ နံမည္နဲ႔အတူ Notepad ထဲမွာ တြဲမွတ္ထားပါ
က်န္တဲ့ Author ေတြကိုလည္း အဲဒီနည္းအတိုင္း သူတို႔ရဲ႕ ပံုရဲ႕ လင့္နဲ႔ နံမည္ေတြကို တြဲမွတ္ထားပါ



ျပီးရင္ Template ကိုႏွိပ္ျပီး Customize ကိုႏွိပ္ပါ




ပြင့္လာတဲ့ထဲက Advanced ကို ႏွိပ္ပါ





ပြင့္လာတဲ့ထဲက Add CSS ကို ႏွိပ္ပါ



ညာဖက္က CSS ကုဒ္ထည့္ရမယ့္အကြက္မွာ ေအာက္ကကုဒ္ေတြကို ေကာ္ပီကူးျပီးထည့္ေပးလိုက္ပါ


.post-author {

float: left;

height: auto;

width: 90px;

margin: 10px 10px 10px 0;

padding: 0;

}






ျပီးရင္ Apply Template ကိုႏွိပ္လိုက္ပါ


ျပီးရင္ Template ကေန Edit HTML ကိုႏွိပ္ပါ





ပြင့္လာတဲ့ထဲက ကုဒ္ေတြထဲမွာ ေအာက္က ကုဒ္ေတြကို လိုက္ရွာပါ

<div class+'post-header'>
<div class+'post-author>
</div>
<div class='post-header-line-1'/>
</div>

အေပၚကကုဒ္ေတြကို ေတြ႕ျပီဆိုရင္

<div class+'post-header'>
<div class+'post-author>


အဲဒီကုဒ္နဲ႔

</div>
<div class='post-header-line-1'/>
</div>
အဲဒီကုဒ္ေတြၾကားထဲမွာ ေအာက္က ကုဒ္ေတြကို ထည့္ေပးလိုက္ပါ


<div class='post-author'>

<b:if cond='data:post.author == "Author 1 ရဲ႕နံမည္"'>

<img height='90' src='Author 1 ရဲ႕ Image URL' width='90'/>

</b:if>

<b:if cond='data:post.author == "Author 2 ရဲ႕ နံမည္"'>

<img height='90' src='Author 2 ရဲ႕ Image URL' width='90'/>

</b:if>

<b:if cond='data:post.author == "Author 3 ရဲ႕ နံမည္"'>

<img height='90' src='Author 3 ရဲ႕ Image URL' width='90'/>

</b:if>

</div>


ဒီေနရာမွာ Author ရဲ႕ နံမည္ဆိုတာ ဘေလာ့ထဲမွာ ေပၚေနတဲ့ Author ေတြရဲ႕ နံမည္ကိုထည့္ေပးရမွာျဖစ္ျပီး Image URL ဆိုတာကေတာ့ ပထမဆံုးက ကူးယူလာတဲ့ လင့္ေတြကို ျပန္သံုးရမွာျဖစ္ပါတယ္
ေအာက္မွာ ကၽြန္ေတာ့္ဘေလာ့ Template ကုဒ္ထဲမွာ ၀င္ျပင္ထားပံုကို ျပထားပါတယ္



တကယ္လို႔ ေနာက္ထပ္ Author ေတြ ထပ္ထည့္မယ္ဆိုရင္လည္း Author တစ္ေယာက္စာအတြက္
ေအာက္က ကုဒ္ တစ္စံု ထပ္ေပါင္းေပးရမွာပါ

<b:if cond='data:post.author == "Author  ရဲ႕ နံမည္"'>

<img height='90' src='Author  ရဲ႕ Image URL' width='90'/>

</b:if>


ေအာက္မွာ ကၽြန္ေတာ့္ဘလာ့ Template မွာ ၀င္ျပင္ထားတဲ့ ကုဒ္ေတြကို ျပေပးထားပါတယ္

<div class='post-author'>

<b:if cond='data:post.author == "အိုင္တီ မုဆိုး"'>

<img height='90' src='http://lh3.googleusercontent.com/-Hh95V1pnAiM/AAAAAAAAAAI/AAAAAAAAA_Q/DJxVQclbbvU/s512-c/photo.jpg' width='90'/>

</b:if>

<b:if cond='data:post.author == "ပဲခူးသား"'>

<img height='90' src='http://lh6.googleusercontent.com/-FT806i9pmlk/UlxVvz48IZI/AAAAAAAAA0A/qbv21lV2two/s220/73403_419836004798459_1515956689_n.jpg' width='90'/>

</b:if>

<b:if cond='data:post.author == "Pyae Phyo (MMiTD)"'>

<img height='90' src='http://lh3.googleusercontent.com/-J3fhQWFDNCY/TqD1cpv-INI/AAAAAAAAAEY/IPKDTkiXj8E/s220/Maytharngee.JPG' width='90'/>

</b:if>

<b:if cond='data:post.author == "Zaw Tun"'>

<img height='90' src='http://lh4.googleusercontent.com/-0ykqnNMEPlY/AAAAAAAAAAI/AAAAAAAAABg/zsp7_dcNdAI/s512-c/photo.jpg' width='90'/>

</b:if>

</div>


ကဲ .. အဆင္ေျပပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္

အိုင္တီမုဆိုး






Do you like this post? Please link back to this article by copying one of the codes below.
URL: HTML link code:

0 comments:

Post a Comment

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါတယ္. ♪♫#*♥winaung♥*#♫♪...၏

ဆိုဒ္ေလးမွေႏြးေထြးစြာၾကိဳဆိုပါ၏..သည္ဆိုဒ္ေလးစတင္သည္ခုႏုစ္

(03/october/2012)မွသည္ဆိုဒ္ေလးသည္နည္းပညာမ်ား

ဆာ႕၀ဲလ္းမ်ားေလ႕လာရွာေဖြရင္းစတင္စုေဆာင္ထာသည္ဆိုဒ္ေလးၿဖစ္ပါသည္..

ကၽြန္ေတာ္လိုခ်င္တဲ႕ခ်ိန္မွာရွာရတာလြယ္ကူေအာင္.သည္ေနရာေလးမွာစုထာခ်င္းၿဖစ္ပါသည္...

မိတ္ေဆြမ်ားလဲလိုခ်င္တာမ်ားခြင္႕ေတာင္းစရာမလိုယူသြားႏိုင္ပါသည္ .....ရႊင္လန္းခ်မ္းေၿမ႕ပါေစ..

မိမိဘေလာ့ကို submit မွန္မွန္ လုပ္ေပးျခင္းျဖင့္ မိမိဘေလာ့ ျမန္ဆန္မည္ရွင္းလင္းမည္ ေမာက္တင္ျပီး က်လာတဲ့ေဘာက္ထဲမွာ မိမိဘေလာ့လိပ္စာ ထည့္ကာ Submit ကလစ္လိုက္ပါ ဒါဆို ေနာက္ဇယားတစ္ခုမွ သင့္အီးေမးကို ထည့္ျပီးSubmit လုပ္လိုက္ပါ

<<<အထူးဧည့္ သည္ေတာ္မ်ား>>> Flag Counter

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites