Sometimes it becomes very important to add columns in a blog post to arrange contents. As a blogger, our duty is to present our content in an attractive way to our readers. Blogger provides us a significant number of automated features of blogging. It also allows us to arrange our post through composing mode and HTML mode. We can customize our blog post through HTML mode.
In this tutorial we will be looking at how to create or add columns into your blogger blog post, we will be doing this by using a small piece of code.
If you’re new or old in blog sphere, I tell you that this is a very simple task. You can do it very easily. Here is a demo of how columns will look like in your blog post:
Text of Your Left Column. This is the demo text of your left column. Provide any kind of content here. It could be an image, video, articles or whatever you want.
Text Of Your Right Column. This is the demo text of your left column. Provide any kind of content here. It could be an image, video, articles or whatever you want.
As you can see that, there are two columns in this blog post. After finishing this article, you will also know that how to create this kind of column in between your blogger blog post. The code is as follow:
<div style="border: 5px ridge; float: left; padding: 5px; margin-bottom:10px; width: 45%;">Text Of Your Left Column</div>
<div style="border: 5px ridge; float: right; padding: 5px; margin-bottom:10px; width: 45%;">Text Of Your Right Column </div>
<div style="clear: both"></div>
According to me, this is the easiest way to create columns in your blogger blog post. You are just floating two columns with this code. Through this code, we are simply creating two “div” and floating those right and left. And then we are getting two columns in front of us. Let’s see the implementation of this code.
Add Columns In Blogger Blog Post:
1. At first, login to your blogger account > Go to the Dashboard/Overview.
2. Go to the “Posts” section and choose the post where you need to create columns. Click on the “edit” link. If you are creating a new post, then go to the “Posts” section and click on the “New Post” button.
3. By default, your post editor interface brings you in COMPOSE mode. For implementing this code, click on HTML mode > Copy the code and paste it where you need to create column into your post.
4. Fill out columns with your content and click on “Publish” page button. You are done. Open the page in your browser. You will see columns into your blogger’s blog post.
I hope you have successfully implemented the code and its working for you. If you are facing any problem in doing this or want to give your feedback, please let me know through the comment section. I will get back to you. If you like this post, then don’t forget to share it with your friends.