Opzzpinky | Lifestyle Blogger

January 8, 2013

Cara nak bezakan komen blogger dan tuan blog

sHaRiNa eLyaNa January 08, 2013 6 Comments

Actually sha memang nak buat benda ni..untuk rujukan sha edit blog..ntah kenapa lupa pula..aishh..nasib lah ada orang tanya..hehe..tapi tutorial ni agak susah sikit..hope korang tengok betul2 sampai habis tau !! credit to Miss Amalinalee

Step 1 Dashboard > Template > Edit template > tick ctrl + F <b:loop values='data:post.comments' var='comment'> Contoh : <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
 <b:if cond='data:comment.favicon'>
 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
 </b:if>
 <a expr:name='data:comment.anchorName'/>
 <b:if cond='data:blog.enabledCommentProfileImages'>
 <data:comment.authorAvatarImage/>
 </b:if>
 <b:if cond='data:comment.authorUrl'>
 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
 <b:else/>
 <data:comment.author/>
 </b:if>
 <data:commentPostedByMsg/>
 </dt>
 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
 <b:if cond='data:comment.isDeleted'>
 <data:comment.body/>
 <b:else/>
 
 <data:comment.body/>
 
 </b:if>
 </dd>
 <dd class='comment-footer'>
 
 <a expr:href='data:comment.url' title='comment permalink'>
 <data:comment.timestamp/>
 </a>
 <b:include data='comment' name='commentDeleteIcon'/>
 
 </dd> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <data:comment.body/> <b:else/>  <data:comment.body/>  </b:if> </dd> <dd class='comment-footer'>  <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/>  </dd> </b:loop>
#kod merah biarkan ja !! Padam kod biru, gantikan dengan kod bawah ni
<div expr:class='"author-comment " + data:comment.authorClass'> <dt class='comment-author' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <dd class='comment-footer'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </dd> </div>

Step 2 ctrl + f ]]></b:skin>
copy kod dan pastekan di bawah kod yang korang cari tadi .comment-footer{ margin-bottom:0 !important; } .author-comment{ background : #FFFFFF url(url image) no-repeat right top ; padding:5px; margin-bottom:1.5em; border:1px solid #FFFFFF; border-radius:10px; } .author-comment.blog-author { background: #D8D8D8 url(url image) no-repeat right top; }

Preview then save..image tu korang boleh buat sendiri mengikut kreativiti masing2..tapi kalau nak freebies dari sha ambil ja ya :) Freebies

#cara nak amik -- klik kanan pada gambar dan copy url image :) sorry kalau tak cantik !! hehe..so pandai2 lah korang edit padding untuk memuatkan image tersebut ya..dah try boleh komen :)