Skip to content Skip to sidebar Skip to footer

Add a Different Background For Author Comments in Blogger's Threaded Comments

In this tutorial, we'll learn how to highlight author comments so they have a background color, border, or something else that sets them apart from others. To do this we need to add some code to the blogger template and change the style to keep.
blogger tricks, blogger comments
 

How to Highlight Author Comments in Blogger:

Step 1. Go to "Templates", click "Edit HTML".

blogger threaded comments, customize blogger comments

Step 2 : Click anywhere in the code area and try to find this tag - using CTRL + F
Screenshot
blogger comments, blogger tricks

Step 3. Paste the following code just above.

Adapt author's comments:


Extent:
The line marked in orange represents the edge pattern.
What can be done?
  • 1 pixel - you can increase the value to change the thickness of the border
  • Solid - Change the border style to dash , dashes , interlaced, initial, etc.
  • #FFA500 is the default border color, change it to your color.
Background:
The line marked in blue represents the background pattern. You can use a single color or image. By default there is a combination of the two (white transparent image with gray color).
To edit/add:
  • Other color: Replace the value #F1F1F2 with your own (use this tool to find the hex code of the desired color)
  • Image: Replace the default URL http://www.blogblog.com/1kt/transparent/white80.png with an image address.

Font color:
Replace the green value #444444 with your own to change the font color. (You can use this tool to find the witch code of your favorite color)

Font Size:
Change the value highlighted in red by increasing/decreasing the value of "12" to change the text size.

Step 4 Now save your model.

To customize the complete style of comment threads, check out my previous guide on how to customize Blogger's comment background, font color, and border.

Post a Comment for "Add a Different Background For Author Comments in Blogger's Threaded Comments"