How to add multiple columns into a blogger blog post?

Are you looking for How to post multiple columns in blogger blog post?

Blogging is a great way to share our knowledge with the rest of the world. As bloggers, we can write the latest newsletters about tech, economy, entertain, life and more knowledgeable things in our blog sites and share with others. So writing is a brilliant thing, but if we can be writing that with a style, that is even brilliant! ;-) Yes,

If the writer can write excellent posts with a style, then that posts became a more attractive and eye-catching to both Readers and Search engines. If a blogger can attract both readers and search engines that blogger can be the success in blogging very easily. So we must know to include not only words but also need to include some pro look for our blog post. We should include some designs for our post. 

But you know that if we compare among blogging platforms, in the Blogger blog platform there is a limited feature. If you wanted to do advanced things, you want to use HTML knowledge as well as CSS knowledge. By using the HTML codes and CSS we can customize our blogger template as well as the blog post.

Most of the bloggers interested to publish their blog content by using the multiple columns because blogger help to post on a single line/column post. Have you ever try to publish your blog post content by using multiple columns? Or Are you searching How to post multiple column texts in blogger post? Sometimes you may be wondered how to post multiple column texts in blogger post? Yes, you can post multiple column texts in blogger post. But the blogger doesn’t provide any direct method or feature for that. 

We have to use HTML codes & CSS knowledge. With that, you can post two columns, three columns or four columns pot very easily by using only a simple code. Because of using multiple columns, we can describe things clearly. Also, it makes easy to understand.

Sometimes you may be thinking like that Why we don’t use MS word sheet for that task, first write-down the content as columns and after that copy & paste into the posting page?

That’s not a good idea. Because that MS word or other Text editors mostly aren’t use for web, Also not compatible with HTML formats. So we cannot recommend that method.

OK. Then without any late let see how to post multiple columns post in blogger blog?  There are a lot of methods to post a post layout in two columns, three columns or multiple columns. Let start with some easy method. Most of the time I used this method to post a post layout in double columns.

How to post a post layout in double columns?

1.       Log into your Blogger blog account -->> Go to Dashboard

2.     Click on the posts section and create a new post or click the edit button on the existing post. Then click where you want to create columns.

3.       By default, your post editor opens with COMPOSE mode. So click on HTML tab to open HTML mode.

4.       Then copy the one of below code and paste it where you want to create a column in your blog post.

5.       Then fill out that column with your content (Go back to compose mode and fill out that column with your content) and Go back to compose mode and check your post content.

6.       Finally, click on the publish button to publish your post.

Among the below codes you can select the one of suitable code as you prefer. The appearance of that codes will be given under the below of each code.

Method 01.

Code for two columns :

<div style="border: 5px ridge; float: left; padding: 2px; margin-bottom:8px; width: 45%;">Text of your Left Column is in here. This demo text of left Colum. Please Enter the content Here  </div>

<div style="border: 5px ridge; float: right; padding: 2px; margin-bottom:8px; width: 45%;">Text of your Right Column is in here. This demo text of Right Colum. Please Enter the content Here   </div>

<div style="clear: both"></div>

Above code will look like;

 

Text of your Left Column is in here. This demo text of left Column. Please Enter the content Here

Text of your Right Column is in here. This demo text of Right Column. Please Enter the content Here

That is the best and easy way to create columns in your blogger post. Only need to use simple HTML code. Through this code, you just have a Floating two columns. You have only use the HTML codes. Not need to use CSS code. Personally, I recommend that method because I use those codes successfully.

Code for three columns:

<div style="border: 5px ridge; float: left; padding: 2px; margin-bottom:8px; width: 30%;">Text of your Left Column is in here. This demo text of left Colum. Please Enter the content Here </div>

<div style="border: 5px ridge; float: right; padding: 2px; margin-bottom:8px; width: 30%;">Text of your Middle Column is in here. This demo text of Middle Colum. Please Enter the content Here   </div>

<div style="border: 5px ridge; float: right; padding: 2px; margin-bottom:8px; width: 30%;">Text of your Right Column is in here. This demo text of Right Colum. Please Enter the content Here   </div>

<div style="clear: both"></div>

Above code will look like;

Text of your Left Column is in here. This demo text of left Colum. Please Enter the content Here

Text of your Middle Column is in here. This demo text of Middle Colum. Please Enter the content Here

Text of your Right Column is in here. This demo text of Right Colum. Please Enter the content Here

Customize the highlighted values as you prefer.

Method 02.

Code for two columns:

<table cellpadding="0" cellspacing="10"><tbody>

<tr>

<td align="justify" valign="top" width="200"> Text of your Left Column is in here. This demo text of left Colum. Please Enter the content Here </td>

<td align="justify" valign="top" width="200"> Text of your Right Column is in here. This demo text of Right Colum. Please Enter the content Here </td>

</tr>

</tbody></table>

* Cellpadding: Change the value of the range between the post and the column.

* Cellspacing: Change the value of the range between the two columns.

* Width: Change the value of the wide of the column.

* Align:  Change the value of the text is to be aligned to right, left, or center. Change it to right to align to the right side. Change it to the left to align to the left side. Center to center align. While justify is to align to both right and left side.

* Valign: Change the value of aligning vertically to top, bottom, or middle.

* Customize the highlighted values as you prefer.

Above code will look like;

Text of your Left Column is in here. This demo text of left Colum. Please Enter the content Here

Text of your Right Column is in here. This demo text of Right Colum. Please Enter the content Here

Method 03.

Code for two columns:

<div style="float: left; width: 50%;">

<ul>

<li>Left Item 01</li>

<li>Left Item 02</li>

<li>Left Item 03</li>

<li>Left Item 04</li>

<li>Left Item 05</li>

</ul>

</div>

<div style="float: right; width: 50%;">

<ul>

<li>Right Item 01</li>

<li>Right Item 02</li>

<li>Right Item 03</li>

<li>Right Item 04</li>

<li>Right Item 05</li>

</ul>

</div>

Above code will look like;

• Left Item 01
• Left Item 02
• Left Item 03
• Left Item 04
• Left Item 05

• Right Item 01
• Right Item 02
• Right Item 03
• Right Item 04
• Right Item 05

Code for three columns:

<div style="float: left; width: 33%;">

<ul>

<li>Left Item 01</li>

<li>Left Item 02</li>

<li>Left Item 03</li>

<li>Left Item 04</li>

<li>Left Item 05</li>

</ul>

</div>

<div style="float: left; width: 33%;">

<ul>

<li>Middle Item 01</li>

<li>Middle Item 02</li>

<li>Middle Item 03</li>

<li>Middle Item 04</li>

<li>Middle Item 05</li>

</ul>

</div>

<div style="float: right; width: 33%;">

<ul>

<li>Right Item 01</li>

<li>Right Item 02</li>

<li>Right Item 03</li>

<li>Right Item 04</li>

<li>Right Item 05</li>

</ul>

</div>

Above code will look like;

• Left Item 01
• Left Item 02
• Left Item 03
• Left Item 04
• Left Item 05

• Middle Item 01
• Middle Item 02
• Middle Item 03
• Middle Item 04
• Middle Item 05

• Right Item 01
• Right Item 02
• Right Item 03
• Right Item 04
• Right Item 05

Method 03.

Codes:

For two columns

    <div class=' multiple-para '>

        <div class='two-column'>This is the first paragraph. Enter content Here </div>

        <div class='two-column'>This is the second paragraph. Enter content Here </div>

    </div>

For three columns

    <div class=' multiple-para '>

        <div class='three-column'>This is the first paragraph. Enter content Here </div>

        <div class='three-column'>This is the second paragraph. Enter content Here </div>

        <div class='three-column'>This is the third paragraph. Enter content Here </div>

    </div>

For four columns

<div class=' multiple-para '>

    <div class='four-column'>This is the first paragraph. Enter content Here </div>

    <div class='four-column'>This is the second paragraph. Enter content Here </div>

    <div class='four-column'>This is the third paragraph. Enter content Here </div>

    <div class='four-column'>This is the fourth paragraph. Enter content Here </div>

</div>

After copy & paste above HTML codes you should need to copy & paste the below CSS codes. For that,

1.Log into Blogger account -->> Dashboard -->> Theme -->> Edit HTML

 

2. Click inside the theme editor and press Ctrl + F buttons and open the search box.

3. Then type   ]]>/b:skin>or </style> in the search box and press Enter button.

4. Then copy & paste the below CSS codes before or above the   ]]>/b:skin> or </style>

.two-column, .three-column, .four-column{text-align:justify!important;} .multiple-para.two-column, .multiple-para.three-column, .multiple-para.four-column{ display: block; padding: 0 10px; float: left;!important;} .multiple-para{ margin: 15px 0; } .multiple-para*, .multiple-para*:after, .multiple-para*:before { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .multiple-para:after, .multiple-para:before { content: ""; display: block; clear: both; } .multiple-para.two-column { width: 50%; } .multiple-para.three-column { width: 33%; } .multiple-para.four-column { display: block; width: 25%; }

5. Click save theme and check the post.

I Hope the above 3 methods help you to add multiple columns into your blogger blog post. And if you have any problem or know more fixes on theses multiple columns into a blog post, Please share with us in the comments section below.

Advanced System Care 12 - Speed up and optimize your personal and business computer

Advanced System Care is a famous PC optimization utility. You can use that tool to doing multitasks to optimize your Windows 10 PC performance.

What is Iobit advanced system care? 

Iobit Advanced System Care is an all in one yet easy to use PC optimization software to clean, optimize, speed up, and protect your system, as well as secure your online privacy by one click. Also, it has an attractive & User-friendly interface.

With the best one-click approach, it is easy for you to clean up junk files, leftovers, redundant registry entries, accelerate Internet speed, sweep privacy traces, remove spyware threats, manage startup items, invalid shortcuts and fix system weakness and security holes.


You can be taking advantage of the redesigned performance monitor, Advanced System Care 11 not only monitors your PC’s CPU/GPU/Mainboard temperature, RAM/CPU/Disk usage and fan speed in real-time but also lets you quickly end the processes that slow down your PC to make PC more responsive and faster.


Especially, for better privacy protection, Advanced System Care 11 optimizes Homepage Advisor, Face ID, Surfing Protection and Ads-Removal.

The feature of Face ID automatically captures intruders secretly accessing your PC or trying to steal your personal information & important files. A feature of Homepage Advisor monitors & notifies you of any change to the homepage and/or search engine in case of any unwanted modifications. With the feature of Surfing protection & Ads- Removal, you can enjoy secure as well as smooth surfing experience without various online threats and annoying ads. So you can enjoy the fastest surfing on the internet without any issues. Also, it has features like Browser Anti-tracking feature, DNS protector and internet booster Those features will protect you from a lot of internet threads. 

So What is more, Advanced System Care 11 rebuilds and improves more than 10 useful tools and features, such as Startup Manager, Default Program, Large File Finder, Turbo Boost, Hardware Accelerate, Deep optimization, Disk cleaner, Smart Ram. Auto Shutdown, Disk Doctor, System control and MyWin10, to make old PCs live longer and run faster.

Pros and cons of Advanced System Care

Pros

·         Improves computer performance

·         Faster PC & Online Surfing

·         Safer System & Online Surfing

·         Privacy Shield will protect your privacy

·         Anti-Cryptocurrency Mining

·         One-click optimization

·         Useful Performance Monitor widget

·         Health Monitor provides at a glance system information

·         User-friendly

·         Easy access

·         Low cost

Cons

·         Installation limitations

·         Some features are available only for the pro version

·         A few features are separate downloads & Upsells

·         Lacks across the board community-based recommendations

For many people, buying a new computer or laptop is the obvious answer for dealing with a PC that has started to slow down. However, Thankfully that isn't the only solution. we can save our self from hundreds or even thousands of dollars, if we invest in a tune-up utility, such as that IObit Advanced SystemCare Pro. 

The application of IObit Advanced SystemCare lets you perform all of the system repairing actions found in IObit Advanced SystemCare Free and it also adds real-time optimization, deeper Windows registry cleaner & other features. However, remember that Advanced SystemCare Pro doesn't quite match AVG Tune Up and Iolo System Mechanic's ability to tune up a PC but that application is one to consider for premium performance cleanup at a good price as we mention above.

What are the advanced Features in Iobit Advanced SystemCare?

Cleaner & Smoother PC

ASC Clean up your computer every day to keep it running smoothly & free up valuable system resources. As a powerful PC cleaner, Advanced SystemCare 11 lets you remove junk files, leftovers, temporary files, and invalid shortcuts even piled up registry files with just one click. The feature of New disk optimization technology is also adopted to free up your disk space and improve your disk performance as well as finally your pc performance.


Faster PC & Online Surfing
As usual, there is nothing more frustrating than a sluggish computer. That Iobit Advanced SystemCare 11 deeply optimizes startup settings and boosts Internet connection for you. The features like Turbo boost, Hardware Accelerate, Deep optimization, App/Toolbar Cleaner will help to Speed up your PC. So with that, you would never be bothered by long boot time, taking forever to download, failing to load pages, slow responses in switching between pages and other common issues.


Safer System & Online Surfing

You know that new security threats release in every day. To make guarantee a secured PC, that Advanced SystemCare11 deepens and expands its protection. Features of New Security Reinforce improves the security level of your system by preventing hacking and other threads. Also, no more malware exists while scanning your computer routinely. For online safety, ASC helps quickly identify programs which modify your homepage & remove popup ads on a webpage.


Real-time Protecting& Monitoring

Without any disturbing for you, Real-time Protector automatically runs in the background to monitor the whole system continues to prevent malicious infection like spyware, malware, proactively and lightly. The Redesigned Performance Monitor not only monitors your PC’s RAM/CPU/Disk usage, CPU/GPU/Mainboard temperature, and fan speed in real-time, but also lets you optimize your slow computer with just one click. What’s more, FaceID immediately captures the image of an intruder who breaks into your computer.

More Features & benefits

•   Basic System Clean, Fix, and Optimization
•   Ultimate System Tuneup for Top Performance
•   Up to 300% Internet Speedup with Internet Booster
•   Capture intruders automatically with FaceID
•   Auto RAM Clean with Real-time Optimization
•   Clean Piled-up Registries for Stable System
•   New Disk Optimization Engine to Maximize PC Performance
•   Fix System Weakness to Prevent Hacking with 1-click
•   Remove Infections and Protect against Various Threats
•   Auto Online Privacy Trace Clean with Browser Anti-Tracking
•   Redesigned Performance Monitor Monitors and Boosts Your PC
•   Up to 200% Quicker PC Startup   
•   Auto Update to the Latest Version
•   Runs in the Background - Install and Forget It
•   Fantastic New Skins & Themes
•   Free 24/7 Technical Support on Demand

IObit Advanced SystemCare 12 available- Latest version of IObit Advanced SystemCare 12

What is new in IObit Advanced SystemCare 12?

Here is good news for you. Now Iobit system care 12 is available. Than include advanced features than the previous versions of Advanced SystemCare. So it can be a powerful software which is used to optimize your PC. ASC tool can help you in optimization as well as fixing security issues in your PC. It contains all of the necessary tools which are perfect for fixing your computer’s health issues. If you have a problem with Privacy protection, Digital Fingerprint Cleaning, Anti-Cryptocurrency Mining, and Deeper PC Optimization. Then Advanced SystemCare 12 can be a best for protecting your privacy and other issues with just a single click. So your PC will become fast and works smoother.

Advanced SystemCare 12 Features

*Privacy Shield

Have you ever lost the computer files or found the files modified by others? Iobit Advanced SystemCare 12 RC helps to protect your important data efficiently. The newly added Privacy Shield prevents sensitive personal and business data from unauthorized access. Sensitive data in the browser, contacts, One Drive, and Dropbox data can be well protected. 

Also, this new feature can help block unauthorized programs’ accessing sensitive data and inform you immediately once sensitive data access is detected or unauthorized programs are blocked.

*Digital Fingerprint Cleaning

Users are likely to leave some digital fingerprint due to their personal preference. Besides bringing convenience to your surfing, these digital fingerprints can be used by some malicious web sites to track your private data and push some ads. Browser Anti-Tracking will automatically clear your digital fingerprint and browsing data, which prevents the computer from online tracking, phishing sites, malicious ads and helps to clear the browsing history.

So that will help to protect your privacy and browser.

*Anti-Cryptocurrency Mining

To prevent Crypto jacking and make an ad-free environment for users, Advanced SystemCare 12 RC gives fully support to Chrome, Firefox, Edge and Internet Explorer and the newly-added Microsoft Edge. As the database has increased by 40% Advanced SystemCare 12 RC can block more items and threats, including cryptocurrency mining sites and harmful Pop-ups.

*Deeper PC Optimization

Piles of useless junk files slow down the speed of the PCs, especially those old ones. With Advanced SystemCare 12 RC, you can get your computer cleaned and optimized easily. It can scan and clean more useless files in your system, including junk files, private data, registry files, unused downloads, Windows 10 icons, and Office caching, thus making your PC run 200% faster.

It helps to make a system slimming.

* Homepage Advisor

Improve the identification of your homepage and search engine.

* Enriched Registry Repair and Vulnerability Repair

* additional Start Menu 8 to Windows 8/8.1 users

* Improved UI readability and additional new Metro UI alternative

Advanced windows care Personal is 100% secure and clean without any spyware, adware or viruses. Install Iobit Advanced System Care 11 & enjoy boosted PC experience.

File size: 36.1 MB

Version:  v12.0.2

Requirements: Windows XP / Vista / XP 64-bit / Vista 64-bit / Windows 7 64-bit / Windows 8 / Windows 8 64-bit / Windows 10 / Windows 10 64-bit.

                             1 GHz or faster processor

                             1 GB or higher RAM

                             200 MB of free space.

                             1024*768 and better screen resolution.

Languages: Multiple languages

License: Freeware

Author: IObit

Web: www.iobit.com

*For better experiences please install or upgrade to Advanced SystemCare Pro.

I Hope the above Advanced System Care Software help you to Speed up and optimize your personal and business computer. And if you have any problem or know more on this, Please share with us in the comments section below.

Source -  www.iobit.com