How to Add Blog Post Paragraph Divider in Blogger?
While creating Blog Post then we
use multiple paragraph to break the monotonousness of readers. Because If you
write the whole article without any paragraph then the readers may not feel
interest to read it. In addition writing blog post in one paragraph make it
bigger and not appealing to the readers. For this reason we should write blog
post with paragraph. However in blogger blog post often we need to separate
different text and objects, so by using a post paragraph divider we can easily
isolate the post. Though Post Paragraph Divider is very simple but this is
necessary Blogger.
I am showing you a demo by adding
divider in the top and bottom of this line. So it is now clearer to you. You
can see yellow border that has divided or separated this paragraph from above
and below paragraph. I have used 2 times divider code.
In this tutorial we will learn
how we can add Blog Post Paragraph Divider. The coding is pretty simple. Though
the following tutorial might be helpful for you.
Step 1 Log in to your Blogger Account and Go to your Blogger
Dashboard
Step 2 Click on Now click on -> Template -> Edit
HTML->
Step 3 Now find the </b:skin> by pressing Ctrl+F
Step 4 Copy the below code and Paste the code above/before </b:skin>
.divider {
position: relative;
width: 100%;
height: 2px;
background: none repeat scroll 0% 0% rgb(253, 248, 170);
margin: 10px 0px 10px;
border: 1px solid rgb(252, 217, 84);
}
Step 5 Finally hit the Save template button.
Customization
- To change the border color change RGB color code rgb(252, 217, 84). You can generate the RGB color code from PhotoShop software easily. Or use our Color Picker.
- To change the thickness of the border change 1px to 2px or 3px
How to use the Divider?
To make this
code work you have to use a simple technique. Just create a New post or edit a
post and from Post Editor Select HTML mode.
Now add the below code.
<div class="divider"></div>
After that just
changing the writing mode I mean HTML mode
to Compose mode and
Publish or update the post. You can use post paragraph divider several times.