How to Add Blog Post Paragraph Divider in Blogger?

How to Add Blog Post Paragraph Divider in Blogger?

0
data:blog.title
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.  
How to Add Blog Post Paragraph Divider in Blogger?
4 Stars stars - "How to Add Blog Post Paragraph Divider in Blogger?" While creating Blog Post then we use multiple paragraph to break the monotonousness of readers...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *