How to Add Blog Post Paragraph Divider in Blogger?

How to Add Blog Post Paragraph Divider in Blogger?
separator

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 .
  • 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.  
Go Up