How to Divide Column in Blog Post

How to Divide Column in Blog Post

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

Here I will give you a few tips to take advantage of column-width CSS code Property.Terlebih first please apply the code below on the template.

1. Go to your blogger dashboard>> Template>> Edit Template

  2.Hit Ctrl+F and find ]]></b:skin> and past the following code before ]]></b:skin>

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

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.

Save template.Kemudian to the application on the post, please copy and wrap your article with the HTML code below.

HTML#1

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

HTML#2

<Div class = 'bagidua'> Donec at dolor mi. Pellentesque ornare sit amet risus. Fusce ut turpis sed semper varius. In ut est et interdum gravida nec enim id quam. Leo Aliquam ante, suscipit id posuere et, varius quis Metus. Aenean tincidunt pellentesque facilisis. Maecenas iaculisntesque ante, mass velfaucibus iaculis eget. Suspendisse potenti. Quisque auctor, turpis ut auctor tempus, silent ante pharetra dui, eleifend posuere Tellus Metus et lorem.Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </ Div>

Save the templete and Then see the result.