-->

How to highlight the author comments in blogger blogs. This will help to Commenters can find author comments easily with this hack. Blog Author comments are highlighted differently to normal style. Many blogger are using this hack in their blogs. No other plugins are needed. Using a small Xml template hack we can change style of author comments. Installing of this hack little bit difficult to other hacks.



How to Highlight the Author Comments in Blogger?

First Step:-
Note: Backup your template before applying this hack
Second Step:- Adding CSS code
  1. Login to your Blogger Dashboard
  2. Select Design Section
  3. Choose Edit HTML tab
  4. Check Expand Widgets (i.e., Tick Expand Widgets check box)
  5. Find ]]></b:skin> Tag in Your template
  6. Add Bellow code Before it
    .comment-body-author {
        background: #CEF6E3;
        border: 2px solid #FA5858;
        padding: 5px;
    }
    #Change Background and Border Colors as you need
  7. Now Save your template
Third Step:- Adding Xml Code
Add this code very carefully
  1. Find the following section of code in your template
  2. I am not sure the code exactly like bellow
    But <data:comment.body/> tag must present in code
    So Find <data:comment.body/> tag and then select entire code like bellow
    <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>
  3. After finding code successfully then Add Bellow code Before it
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
  4. and Add bellow code After it
    </b:if>
  5. After adding Above two codes then Save your template and check your Comments
Your final change in code like bellow
<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>

Enregistrer un commentaire

 
Top