බ්ලොග් වැඩ- post header එකට වෙනස්කම් එක් කරමු.

සුබදවසක් ඔන්න අදත් ඔයාලත් එක්ක එකතු වෙන්නේ බ්ලොගර් බ්ලොග් එකේ header එකට පොඩි වෙනස් කමක් එකතු කරන්න පුළුවන් පොඩි කෝඩ් කෑලි ටිකකුත් එක්ක. මුලින්ම අපි බලමු බ්ලොග් පෝස්ට් එකක ප්‍රදාන සැකිල්ල කොහොමද තියෙන්නේ කියල . මුලින්ම පෝස්ට් එකේ header එක  , දෙවනුව පොස්ට් එකේ අන්තර්ගතය ( content) , තෙවනුව පෝස්ට් footer එක , පහල රුපසටහන මගින් පැහැදිලි වෙයි.

මේ තියෙන්නේ පොස්ට් header එක

ඊලගට පහත රුපයෙන් බ්ලොග් පෝස්ට්   එකේ footer එකතුල තියෙන්නේ මොනවද කියල බලා ගන්න පලුවන් මේක ටෙම්ප්ලේට් එක අනුව වෙනස් වෙනවා ......

ඉතින් අපි කරන්න හදන්නේ බ්ලොග් පෝස්ට් එකක header එකට වෙනස්කම් එකතු කරන්න.
ඒ සදහා බ්ලොග් පෝස්ට් එකේ footer එකේ සමහර කොටස් ගැලපෙන පරිදි post header එකට එකතු කරගන්නයි හදන්නේ ..
අපි බලමු මොනවද අපේ පෝස්ට් එකේ footer කොටසේ තියෙන්නේ කියල . ඒ සදහා මුලින්ම හැමදේටම කලින් ටෙම්ප්ලේට් එක බැකප් එකක් ලෙස ඩවුන්ලෝඩ් කරගන්න . ඊට පස්සේ බ්ලොගර්
Dashboard >>>Design >>>>Edit Html >>>Expand Widget Templates මත ක්ලික් කර ctrl+f මගින්
පහත කෝඩ් එක හොයාගන්න .
<div class='post-footer'>
ඊට පස්සේ පරිදි කෝඩ් පේලියක් පෙන්නවා . මෙය ටෙම්ප්ලේට් එක අනුව වෙනස් වෙන්න වෙනවා
එයින් පෙන්නනවා අපගේ post footer එකේ මොනවද තියෙන්නේ කියල
<div class='post-footer'><div class='post-footer-line post-footer-line-1'><span class='post-author vcard'><b:if cond='data:top.showAuthor'><data:top.authorLabel/><span class='fn'><data:post.author/></span></b:if></span><span class='post-timestamp'><b:if cond='data:top.showTimestamp'><data:top.timestampLabel/><b:if cond='data:post.url'><a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></b:if></b:if></span><span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 comment<b:else/><data:post.numComments/> comments</b:if></a></b:if></b:if></span>
post footer එකේ අඩංගු දේවල් කෙටියෙන් මෙන්න මේ වගේ


<span class='post-author vcard'> මගින් posted by
<span class='post-timestamp'> මගින් පෝස්ට් කල වෙලාව
<span class='post-comment-link'> මගින් comment ගණන
තවත් මීට වඩා අමතරව
<span class='post-labels'> මගින් පෝස්ට් lable ,, මේවගේ තවත් තියෙන්න පුළුවන් ටෙම්ප්ලේට් එක අනුව ඒවා තියෙන්නේ span class එකක් විදිහට

<span class='xxx'>---------- </span>

දැන් පෝස්ට් පෝස්ට් footer එක හදුනාගෙන ඉවරයි .
ඉතින් පෝස්ට් footer එකේ තියෙන කොටස් හදුනාගෙන ඉවරයි .. දැන් අපි උදාහරණයකට පෝස්ට් footer එකේ තියෙන ලේබල් කොටස පෝස්ට් header එකට එකතු කරමු.  ඒ  සදහා මුලින්ම  Ctrl+f  ගසා පහත  කෝඩ්   එක  හොයා ගන්න.

<div class='post-header-line-1'/>
ඊට පසුව පෝස්ට් ලේබල වලට බලපාන පහත කෝඩ්  එක එකතු කරන්න..

<span class='post-labels'>         <b:if cond='data:post.labels'>           <data:postLabelsLabel/>           <b:loop values='data:post.labels' var='label'>             <a expr:href='data:label.url' rel='tag'> <data:label.name/></a> <b:if cond='data:label.isLast != "true"'>,</b:if>           </b:loop>         </b:if>       </span>
අවසානයේ  ටෙම්ප්ලේට් එක save  කරන්න...
ඉතින්  ඔන්න ඔය වගේ  පෝස්ට් footer  එකේ   තියෙන   කොටස්  පෝස්ට්  header    එකට    එකතු   කරන්න  පුළුවන් ....  සුබදවසක් ......