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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeIikq7URIQ4bJSGeTrSwoy608d09PHSGXPjeTV7mhiV2MPATZ81eua3EpCFWEDvO6cdScC0CoZGhJq_8fSSlmUzP2w-ciDy-stzDsOVC3RUZlZA2Ic_DbrJbe0NG_7xsjwarUqeCntYHN/s220/73403_419836004798459_1515956689_n.jpg' width='90'/>

</b:if>

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

<img height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHolrKDSc9mpPSoQzvXmSwBbMReE_cE4bsev7izLDX5xGMKLnA7e6YWvxDlRBP3CescUUPd68Kfxmalv02fQYy0A5RmB7w1e8bMKClHcePA8LJFElmQQtW_OFSk5Y3Wu3OiF5aFalTJ9Q/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: http://itmotesoeway.blogspot.com/2013/12/author-author.html HTML link code: <a href="http://itmotesoeway.blogspot.com/2013/12/author-author.html">Author တစ္ေယာက္မကရွိေနတဲ့ ဘေလာ့ထဲမွာ သက္ဆိုင္ရာ Author ရဲ႕ပံုကို သူတင္တဲ့ပို႔ေခါင္းစဥ္နဲ႔ တြဲျပီးေဖာ္ျပမယ္</a>

Posted in: Blog ဆုိင္ရာနည္းပညာ