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

0
8:15
ဒါေလးကေတာ့ ဘေလာ့တစ္ခုအတြက္ အလွဆင္တဲ့ နည္းေလးျဖစ္သလို  မရွိမျဖစ္လဲ လိုအပ္ပါတယ္.. ဘေလာ့ေတြမွာ 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/AVvXsEgFL8qsYsQFTu-DXiOWVthD3xW9xiwzEy14c3DswJBK9MAskAJQ-Ckr9STEV2xuVQoSYfIajsHgWj4bPV50WpUpA0rP0GBLhFY34avcSrY_JXrdBPsZEkrDqLWvej7qdoS8sez4Id8pjJON/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/AVvXsEjwCOwVCB-7IoA2wv1wjwxLQcrddvnzBnmxU6XF8gtPSt8f4eYkV-r6SoNBekGCVNzjYz1jdcy8pby4lDHZVM9_d4f4kXJEUPLlIEVywiSXNTUffFK9kLZ1DjfTV4ST5zDnYtPQh05M2je6/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/AVvXsEiljyO4zuxUosiAyMeFrkJEl0hZWlNFQXudMQ5HoYV3q8d3oid3OhHFZMWD4HIccA39SWbk_r9jow1r4YbzeYQ2onlF9EjeEFjbwhJx_AQ2Zn4XMnWvfVMwXrZGr3AuXo7s_tDI8EVKNRty/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/AVvXsEhFUPDkC8svdJjs_OyRLNnYntdNlcLFJCj1yub-xFEgRFHZpMY_VNWkdRxAlWUlyVR1piqDnAKrzAfCpqWm9XEeZDnqP-TA8qn5VMb91EQQ5zGui9v1qPm8FuAKVpncV0XpbQH8rPaGFThy/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..လုပ္လို႕ ရပါျပီေနာ္....


ဘေလာ့ခရီးသည္                                    

About the author

နည္းပညာမ်ား ကို က် ေနာ္သိသေလာက္ ျပန္လည္ မ်ွေဝသြားပါမည္. Admin >> အိုင္တီရဲ ကို.

0 comments: