Tuesday, July 17, 2018

How to Add Columns to Blogger Blog Post



HOW TO ADD COLUMNS TO BLOGGER BLOG POST

Sharing columns is a great way to share information to your readers. Whether it's a recipe, or to compare information.

As bloggers it's important to us to share information in a way that's attractive to our readers. I have shared blog posts with columns to share recipes, or even added an extra column for comparison between options.

This is the code I use to add columns to my blogger blog posts. Not sure how well this would work if you have WordPress.


Why not use MS Word to copy and paste? 

A simple ideas is to copy and paste text from Microsoft Word or any rich text editing software and then bring this format over to your post. It's not recommended because rich text editing software isn't made for the web,  and code they generate is not compatible with HTML. So not a good idea.


How to use:

Just use the following code in your blog post....

1. Copy and paste the whole code in the blog post you're writing. It's better to work in "HTML" format when adding a new code.
2. Where it says "Text to be shown ....." add the text you need. You can alternate between "Compose" or "HTML" view to see how it looks so far.
3. You can change the number digit next to 'cellpadding'. This number is the space between the top and bottom lines.
4. You can also change the 'cellspacing' number. This is how much space there is between the the columns.
5. That's it. It's a pretty simple code to use.


This is the code: 

Original code found here.


Column code demo:
Left Title Right Title
Text to be shown on the left side Text to be shown on the right side


See how I used the columns code in the following blog post as an example:
Natural Oral Hygiene (Actually in this post I added an extra column making it 3 columns.)


And for more blogging tips check out the Content page! Let me know in the comments how you will use this code, if you have any questions, or if you need any other code for me to share.


More HTML Blogger useful codes:


HOW WILL YOU USE THIS CODE? 

No comments:

Post a Comment

Thanks for visiting my blog, and for taking the time to leave a comment. In case you leave a question I will answer in this same post ♥ // Gracias por visitar mi blog, y por tomar el tiempo de dejar un comentario. Si en caso dejas una pregunta contestaré en este mismo post ♥