බ්ලොග් එකේ Author comment වලට නව පෙනුමක් දෙන්නේ මෙහෙමයි

සුබ   දවසක් ..  ටික   දවසකින්  තමයි  බ්ලොග්   එක පැත්තේ  එන්න ලැබුනේ .... අද   අපි   කරන්න   හදන්නේ  බ්ලොග්  එකේ  Author comment  වලට   නව පෙනුමක්  දීල  ,  එය   බ්ලොග්   එකට   ඇතුළු   වන  අමුත්තෙකුගේ  කොමෙන්ට්  එකකට   වඩා   කැපී පෙනෙන  විදිහට  පෙනෙන  අන්දමට   හදා ගන්නේ   කොහොමද  යන්නයි .... මුලින්ම   කියන්න ඕනෑ මේක  කරන්න   යන්නේ  බ්ලොගර්  වලින්  ලියපු  බ්ලොග්   අඩවියකට   කියල..  මුලින්ම   මෙහිදී  බ්ලොග්   එකේ  ටෙම්ප්ලේට්  එකේ  වෙනස් කම් සිදුකරන   නිසා .. මුලින්ම   එය බැකප්  එකක්  වශයෙන්  ඩවුන්ලෝඩ්  කරගන්න ....  ඊට   පසු   බ්ලොග්  එකේ  CSS  වලට  කෝඩ්   එකක්   එකතු   කලයුතු නිසා ..

 Blogger  වලට ලොග් වෙලා  > Design > Edit HTML   ගිහිල්ලා  
"Expand widget templates "   CHECK BOX  එක   මත  ටික්  සලකුණ  දමා  ,,   crl + f    මගින්   පහත   ඇති කෝඩ්    එක   සොයාගන්න.

]]></b:skin>

ඊට පසුව එම කෝඩ් එකට ඉහළින්   පහත කෝඩ් එක ඇතුළු කරන්න.

.newcomment { background:#BFFFFE ; color: #0E0D0C; border: 1px solid #008000; margin:0; padding:0 0 0 15px; width: 500px; }

මෙහිදී background color , text එකේ color එක , border එකේ color එක හා , පළල , margin හා Width තමන්ට අවශ්‍ය පරිදි වෙනස් කරගන්න පුළුවන් ...... HTML color  අවශ්‍ය  නම්   මෙතනින් බලාගන්න පුළුවන් ..

ඊට පස්සේ    අයෙමත්    crl + f     මගින්   පහත  ඇති  කෝඩ්   එක  සොයාගන්න .
 මුලින්ම  <data:commentPostedByMsg/>     එවිට   පහත පරිදි   එම  කෝඩ්  එක  දිස්වේ ,,


  <data:commentPostedByMsg/> 
1          </dt> 

          <dd class='comment-body'> 
            <b:if cond='data:comment.isDeleted'> 
              <span class='deleted-comment'><data:comment.body/></span> 
            <b:else/> 
              <p><data:comment.body/></p> 
            </b:if> 
 2         </dd> 



 මෙහිදී  </dt> වලින්   පසු  පහත  කෝඩ්   එකත්,,,,,,,,  1  දැක් වෙන්නේ 


 <b:if cond='data:comment.author == data:post.author'> 
<dd class='newcomment'>
<p><data:comment.body/></p> 
</dd>
<b:else/>

එහිදීම  </dd>   වලින්   පසු  පහත  කෝඩ්   එකත්,,,,,,,   2 දැක් වෙන්නේ    

</b:if>

එකතු    කරන්න....     


  අවසානයේ     එකතු  කිරීම් සියල්ල  අවසන්වූ  පසු  පහත  පරිදි  දිස්වේ .::::::::::::


   <data:commentPostedByMsg/>
            </dt>
<b:if cond='data:comment.author == data:post.author'> 
<dd class='newcomment'>
<p><data:comment.body/></p> 
</dd>
   <b:else/>
          
        
            <dd class='comment-body'> 


            <b:if cond='data:comment.isDeleted'> 

              <span class='deleted-comment'><data:comment.body/></span> 

            <b:else/> 

              <p><data:comment.body/></p> 

            </b:if> 

          </dd> 

</b:if>


             <dd class='comment-footer'>


 ඔය රතු  පාටින් තියෙන්නේ  අපි ටෙම්ප්ලේට්   එකට   අලුතින්  එකතු කරපු කෝඩ්  ටික .. අවසානයේ  ටෙම්ප්ලේට්  එක  save  කර ගන්න.    
 දැන්  වැඩේ කරලා ඉවරයි .. කොමෙන්ට්   වලට   ගිහින්   බලන්න  මොකද   වෙලා  තියෙන්නේ   කියල ....