Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

Highlight Author Comment in Blogspot

This trick is to give a Highlight Author Comment . This will make the blogs owner and authors comments looks different from the visitors comments. It’s very useful and interesting blogger hack tips. You can see the example in my blog. Here is what to do to make a “Highlight Author Comment” effect in Blogspot.

  1. Login to blogger, then choose “Design –> Edit HTML”. Don’t forget to backup your template first.
  2. Check the “Expand Widget Templates” box.
  3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.
    .comment-body-author {
    background: #E6E6E6;<span style="color: red;"> /* Background color*/</span>
    color: #000; <span style="color: red;">/* Text color*/</span>
    border-top: 1px dotted #223344;
    border-bottom: 1px dotted #223344;
    border-left: 1px dotted #223344;
    border-right: 1px dotted #223344;
    margin:0;
    padding:0 0 0 20px; <span style="color: red;">/* Position*/</span>
    }

    .comment-body-author { background: #E6E6E6;<span style="color: red;"> /* Background color*/</span> color: #000; <span style="color: red;">/* Text color*/</span> border-top: 1px dotted #223344; border-bottom: 1px dotted #223344; border-left: 1px dotted #223344; border-right: 1px dotted #223344; margin:0; padding:0 0 0 20px; <span style="color: red;">/* Position*/</span> }

  4. Then Find this Code
    <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>

    <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>

  5. Then Replace the above code with the below code
    <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>

    <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>

  6. Then Preview and Save your Template.

Subscribe via Email

Share this:

  • Twitter
  • Facebook
  • Pocket
  • Print
  • WhatsApp
  • Email

Related

June 12, 2010 Ritesh Sanap Blogger Tutorials Author, author background, background color, blog, Blog Design Series, Blogspot, color border, hack tips, Template, Widget

Comments

  1. Werk says

    July 3, 2010 at 6:44 pm

    It worked… but it make my emoticons from comments not work (just my admin comments). How can I fix it? Hope you have a solution.

    Reply
  2. Ritesh Sanap says

    July 3, 2010 at 10:01 pm

    @werk
    This Code Works for the post author who has posted the post. i will try to fix it.

    Reply
  3. Ritesh Sanap says

    July 3, 2010 at 11:11 pm

    @werk
    I have tested the Code with two different accounts and it worked so i don't think to make new code for it.

    Reply
  4. Min @ Honest Vanilla says

    November 30, 2010 at 9:01 am

    Thanks heaps! It works!

    Reply
    • Ritesh Sanap says

      November 30, 2010 at 9:52 am

      Yes it really Works , Thank you

      Reply

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: Top 5 FREE Websites
Next Next post: Alternative Ways to Change Blog’s Font Type

Currently Trending

  • How to download Specific parts of YouTube videos
    How to download Specific parts of YouTube videos
  • Windows Vista CD key
    Windows Vista CD key
  • How to retrieve my Demonoid username
    How to retrieve my Demonoid username
  • How to add Logo to Thesis theme
    How to add Logo to Thesis theme
  • How to Delete Feedbacks from JetPack Contact Form
    How to Delete Feedbacks from JetPack Contact Form
  • List Of All 255 Keyboard All Alt Key Codes
    List Of All 255 Keyboard All Alt Key Codes
  • h4x0r ( Hacker ) - Blogger Template
    h4x0r ( Hacker ) - Blogger Template

Get Latest post in your Inbox

Random Posts

Three Must-Have Plugins for Marketing Your WordPress Blog

December 26, 2011 By Ritesh Sanap Leave a Comment

Create Four Column Footer Section Instead Of Three Column In Blogger Blog

May 2, 2010 By Ritesh Sanap 8 Comments

SkipScreen:Download From Rapid Share,Mega upload,Media Fire or Any Hosting SiteWith Out Waiting For Seconds (Download In Single Click)

May 16, 2010 By Ritesh Sanap Leave a Comment

Pinkvice – Blogger Template

August 11, 2010 By Ritesh Sanap 2 Comments

Installing Indian Rupee Symbol

October 12, 2010 By Ritesh Sanap 3 Comments

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2023 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean