Thursday 18 October 2012

post author, date, labels and comments ေတြကို ပုံေလးေတြနဲ႕ အလွဆင္မယ္

ဒါေလးကေတာ့ ဘေလာ့တစ္ခုအတြက္ အလွဆင္တဲ့ နည္းေလးျဖစ္သလို  မရွိမျဖစ္လဲ လိုအပ္ပါတယ္.. ဘေလာ့ေတြမွာ title ခ်ည္းသီးသန္႕ ဆိုၾကည့္ရတာ ဟာတာတာ နဲ႕ျဖစ္ေနေပမယ့္
သူ႕ေအာက္က စာေရးသူ-ေန႕စြဲ-အမ်ိဳးအစား- ကြန္မက္ စတဲ့ အိုင္ကြန္ေလးေတြ တပ္ေပးလိုက္ရင္
ၾကည့္ရတာ လွသြားးသလို ဘေလာ့ကိုလဲ ထည္၀ါေစပါတယ္...ဒါေၾကာင့္..
အဲနည္းေလးကို တင္ေပးလိုက္ပါတယ္... အရင္ကလဲ တစ္ခု တင္ေပးထားတာ ရွိပါတယ္...
ဒါကေတာ့ ေနာက္တနည္းေပါ့...




(1)-    ဘေလာ့ကာ၀င္ပါ  Dashboard > Template> Edit HTML  အစဥ္လုိက္သြားလိုက္ပါ။
(3)-    Ctrl + F  အကူညီျဖင့္ ေအာက္ကကုဒ္ကို ရွာလိုက္ပါ။


<div class='post-header-line-1'>
အကယ္လို႕ အေပၚကကုဒ္ရွာ မေတြ႕ခဲ့ပါက ေအာက္က ကုဒ္ကိုရွာၾကည့္ပါ
    <div class='post-header'>

(4. )  ေတြ႕ျပီဆိုတာနဲ႕ ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို အေပၚကေန ထည့္ေပးလိုက္ပါ..

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNz7NZGg_0oSl5OaCdqF1VH_Qe9RB4vvHhoFDj59B26hjwnUSDBLCl-SmEllEFvCZimJ4P3zodStcwQIVil8b71zbkzHV27jn4TasiSaLFYInIxuSGV4ba-dRXmtcHIJRcfmgTqfzZ5vx/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7wsSjUvqaUcC3c3YAl_PIk-d6JsencBwLhdCbkJ7q2eo1a-WuZ1HI4_lXajsoGDZ3tyPJi0TGpIReyIsAMcdAswuIg9QBeutlzYJu3VqfOabsJgoZ_isJ1S6h6QjunCRuezG5PEo0ckh/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD10mg1HK6nQ3A2ulVcGCR7e5NnCMU3GIgAWTJhTw8VwY88xKWZewAdWK4tGhGgW1Xwu7Jb_Tnw00qyPdWEJ0diM6E8pk36jBNrn9tYqH_nyuuIPRxFWdD8zMSewOsPki3mUyJjjMlRan6/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVEM45MRFqiNTxxIfSD6bn_uw6tpT0pzlFX9FF-OnN2DZrwG1HGCimYpy0iHJ_H2P_djcvPF9eFwKEuQUxLzJoyKjh09sV7igtPtRQvjIICo0r5QHG2pj5qz4CVSVQ_K8AnbNOjElAt6_P/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>

ကာလာနဲ႕ျပထားတာေလးေတြကေတာ့......
Red (Author)
Green (Date)
Blue (Labels)
Pink (Comment bubble)
မိမိတို႕ စိတ္ၾကိဳက္ ပုံရဲ႕ လင့္ေတြကို ဖန္တီးေျပာင္းးလည္း နိဳင္ပါတယ္...

(5.)  Save template..လုပ္လို႕ ရပါျပီေနာ္....

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...
www.aungsanmks.blogspot.com 
www.ledimyethar.com 
တို႕ရဲ႕ cbox မွာ ေျပာခဲ့ၾကပါေနာ္...

1 comments:

  • ဗမာၿပည္သား says:
    25 April 2013 at 15:21

    Expand winget ေနရာမွာအမွတ္ၿခစ္ေပးပါ ဆိုတာ ဘာလဲအစ္ကို ဘယ္ေနရမာမွာလဲအစ္ကို

Post a Comment