UrduBloggingHub | Informatvie Blog About SEO & Blogging: How To Divide Blogger Post Into Multiple Column 2 or 3 ?

How to Divide Column Articles In Blogger Post:- Actual column in an ordinary article you write can be divided into two columns even more. The application of this column is divided article we often see in a newspaper or magazine media.

Here I will give you a few tips to take advantage of CSS code  column-width Property . First please apply the code below on the template,and follow my instructions below.

DEMO

Instruction To Follow:

1. Go to Blogger Dashboard→Your Blog
2. Template→Edit HTML
3. Now find  </b:skin> by pressing Ctrl+F  
4. And Insert below code just after </b:skin>

CSS Code:

.bagidua
{
   -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

You have Done Successfully.

Alert message: Hi Blogger, The below lines needs your attention,Note Them.

In the above code, the value of column-count me give you two are meant article posts will be divided into two columns. If you want some columns eg 3 columns then specify a column-count value with the number 3.

How To Make It Work:

Don’t think this column will appear in all of your posts. While you wrap your content’s paragraph inside HTML code only then column will be visible. To make it work in Blogger Blog post you have to add selective paragraph first on HTML view from post editor and after that wrap paragraph with HTML code. After that switch to Compose view from HTML view and copy any code from the below code and paste it there.

Post HTML Code:

<Div class='bagidua'> APPLY YOUR TEXT HERE </div>

That’s it now check your Post and see your content than break into several columns. Just like newspaper Blog. Thank You.