HTML in Blogger: Changing the Color of a Horizontal Line

So I was trying to figure out how to change the color of a horizontal line in the HTML section of Blogger, but could not seem to find a clear answer on the internet. So I began experimenting, and found the simple solution.

To add a horizontal line in Blogger:

Merely go to the "HTML section" when writing the post, and paste <hr> wherever you would like the horizontal line to occur (you can reposition it later in the "compose section").

When I say you can reposition this line in the "compose section", I am referring to pressing the enter key, etc before the line to move it down, or deleting spaces above to move it back up.

Here is an example of a horizontal line (in the default color):





To recolor a horizontal line in Blogger:

When you create the horizontal line, instead of simply typing <hr>, type <hr color="#******" />.

The "#******" I show here merely means the number value of the color you choose.

For example: If I want a specific dark yellow-green color (the color I use for the text in my blog), I would use the number value "#5f9020".

So I would have the HTML code: <hr color="#5f9020" />


And thus I have the following horizontal line:





You can find many (if not all) color codes at https://htmlcolorcodes.com/

If you want to use the same color as the text from your blog, then just copy the number value of the post text color, then paste it into your HTML horizontal line code.

Hope this clears up confusion for anyone who was uncertain of how to do this!







The Green Phantom Approved!

Comments

  1. This comment has been removed by a blog administrator.

    ReplyDelete

Post a Comment