Thursday, September 24, 2009

Change Background Comments Admin

Actually this trick for blogspot/blogger.
Change admin background to his comments,to distinguish between the admin comments by visitors. Yach, this trick probably not so important. This trick only to beautify the blog so that visitors can not reluctant to see the comments on the blog. Okay,straight course. Here are the steps :

1.Login to blogger.com
2. Sign in to Layout
3. Select Edit Html then you check in Expand Widget Templates
4. Copy the code below :



5. Please change the background color code and the border at will and your image url. And if you do not like to use the border, you can delete them.
6. After that,you pastekan code above the code :

]]></b:skin>
</head>
<body>

7. After the steps above you are done, now you find the code like below. Maybe every template is different, so you are more focused on code yellow !

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<b:if cond='data:comment.author== data:post.author'>
<dd class='comment-body-author'>
<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'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/> </a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

8. Code red is the additional code,so add the red code into your html code.
9. If you've saved the changes.

NB :
The results of the changes will be visible if when you (admin) login first to comment !

You've read my post.
What's new posts ?
Please write your email address in form below so do not miss my latest posts !


0 comments:

Criticism and your suggestions I expected !
But if the tone of SPAM !
Sorry, I will DELETE !
You can also use emoticons below for your expression !
Thanks.

:) ;) :p :D :happy: :haha: :cool: :rolleye: :bigeye: :?: :left: :right: :mad: :irked: :scared: :devil: :lho: :o: :( :aow: :cry: :worried: :party: :yike: :singing: :zipped: :zzz: :love: :idea: :thumbsdown: :thumbsup: :whistle: :yes: :no: :ko: :doh: :yuck:

Post a Comment


Template Modification By
YanCare

YanCare™