Learn how to divide any blog articles into 2 columns - When you publish a post on your blogspot blog, then your post will be shown on a single column or let's just say it's "on a single line". And you know, looks the term column doesn't really describe it better. In fact a column in an article you wrote can be divided into two columns even more. This type of article, we often see in a newspaper or magazine blogs. Here in this post I am going to give you a little tip to take an advantage of CSS Code. Yes, Today I'm going to show you how you can easily divide an article into 2 columns. If you want to learn this trick, then follow the below instruction very carefully.
How To Divide A Article into 2 Part?
Go to your blogger dashboard - Login
Now go to the "Template" section and then click on the "Edit Html" Button.
Find the below code by using " Ctrl + f " key together from your keyboard.
]]></b:skin>
After that copy and paste the below CSS code just before "]]></b:skin>" code.
.bagidua
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
Important
In the above code, the value of the column-count I give 2 which means the post article will be divided into 2 columns. If you want multiple columns e.g. column 3 then specify value column-count with the number 3.
Now copy and wrap your articles with the help of the below code.
<div class='bagidua'> Type your text here? </div>
See the below Example
<div class='bagidua'>How to divide a article into 2 parts. A day with past day. Askwithloud.com is the best tech blog. Get latest blogger tools, tips and tricks </div>
Then The Result Will Look like this
How to divide a article into 2 parts. A day with past day. Here in this post I am going to give you a little tip to take an advantage of CSS Code. Askwithloud.com is the best tech blog. Get latest blogger tools, tips and tricks
That's it ! I hope you like this trick ! Stay tuned for more cool blogger tips and trick ! Thanks for reading@ Prince.
0 Comment to "How to Divide A Blog Article into 2 Columns"
Post a Comment