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>
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.
- 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.
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.