13 Mar 2013

How to highlight author comments in Blogger


1.Go to "Template" --> "Edit HTML" of your blog.
2.Click on "Expand Widget Templates"
3.Add this code just above tag:



Customization:

Border:
The line marked in orange represents the border's style.
What it can be done:

  • 1px - you can increase the value to change the border's thickness
  • solid - change the border's style to dotted, dashed, inset, outset etc.
  • #FFA500 - this is the border's color value, change it with your own color

Background:
The line marked in blue represents the background's style. You can use a plain color or an image. By default there's a combination of both (a white transparent image with a gray plain color).
To change/add:
  • a different color: replace the #F1F1F2 value with your own (use this tool to find the hex code of your desired color)
  • an image: replace the defaul url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCwCtQjREWTbRmQ5xwf675IEJaiy3DAIEu2jNO5qHNddd_INR8YE0k1_ecUiRTjzlj9Myay9-u8DYuma5WtAUpPWelBoGoPRGPPoA3thOv92sEaIdOSholtALJyGA6jbr2eXNN5SX3Xqw/s1600/bg.png) with that of your image

Font Color:
To change the font's color, replace the #444444 color value in green with your own. (you can use this tool to find the hex code of your desired color)

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

Step 5. Now Save your Template.

How to Change comments style on Blogger or site

0 comments:

Post a Comment

 

Recent post

Ping your blog, website, or RSS feed for Free Likerr.eu

Contact Us

Name

Email *

Message *