How To Add a Divider [horizontal] line between posts on a Blogger

14:05 0 Comments


This article shows how to put a horizontal separator line between posts in your blog, using CSS rules.  It also has suggestions about ways of formatting these lines using different colours and line-size.

First you must login to your blogger,Then choose the blog that you want to add the separators to it,after that choose "Layout" tab to the left of the screen,choose "Template Designer ",and go to "Advanced" Then Add CSS and copy the following code into CSS 

.post { border-bottom: 1px solid black !important; }

You can customize the divider size by changing the number before px and change the color by changing the color name to the color you want...

For Example these are dividers of different colors and sizes

.post { border-bottom: 2px solid red !important; }

.post { border-bottom: 3px solid blue !important; }

.post { border-bottom: 10px solid Gray !important; }


By Mrad4Tech :-)


Unknown

Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard. Google

0 comments:

Subscribe to: Post Comments (Atom)