How to Add Blog Post Paragraph Divider in Blogger?

How to Add Blog Post Paragraph Divider in Blogger?

Comments: 8

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.


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

Speak Your Mind

Anonymous 8/15/2017

Very descriptive post, I liked that bit. Will there be a part

Anonymous 8/23/2017

Your means of describing all in this paragraph is actually nice, all be able to without
difficulty know it, Thanks a lot.

Anonymous 8/25/2017

I'll right away grab your rss feed as I can not find your email subscription link
or newsletter service. Do you've any? Kindly allow me
realize so that I may subscribe. Thanks.

Anonymous 8/28/2017

Thanks for your personal marvelous posting! I actually enjoyed reading it, youu may
be a great author. I will ensure thaat I bookmark your blog
and may come back very soon. I wan to encourage yyou to
definitely continue your grewat job, have a nice day!

Rabbi Khan says: 8/28/2017

Thank you for your lovely feedback. :)

Rabbi Khan says: 8/29/2017

Simply you can go through the below URL and subscribe. I deliver email once in a week.

Thank you. :up

Rabbi Khan says: 8/29/2017

Recently this widget rarely using in Blog. So I don't have any intention to produce more article on post divider.

but thanks for your interest. :)

Rabbi Khan says: 8/29/2017

I am very glade to hear that you have understood my tutorial very clearly. :-bd

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

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


Email *

Message *