Blogging has become an essential part of sharing information and ideas online.
From personal blogs to business blogs, bloggers strive to create content that resonates with their target audience.
One way to enhance the quality of a blog post is by Add pros and cons table in blogger.
This table allows readers to quickly compare the benefits and drawbacks of a particular product, service, or topic.
In this article, we will explore how to add pros and cons table in blogger.
Advantages of Pros and Cons Table in Blogger HTML
- Clarity and Conciseness: A pros and cons table provides clarity and conciseness to the information presented in a blog post.
- It enables readers to quickly understand the positive and negative aspects of the topic being discussed.
- This is especially useful for readers who are short on time and need to quickly make a decision.
- Easy Comparison: The pros and cons table provides an easy way for readers to compare different options.
- This is particularly beneficial when discussing products or services. For example, if a blogger is reviewing different laptops, a pros and cons table would enable readers to quickly compare the specifications and features of each laptop.
- Improved Readability: A well-designed pros and cons table can improve the readability of a blog post.
- By breaking down the information into bullet points, readers can quickly scan the content and pick out the key points.
- Increased Engagement: A pros and cons table can increase engagement with readers. When readers are presented with a table that breaks down the pros and cons of a particular topic, they are more likely to engage with the content.
- They may leave comments or share the post on social media, which can increase the reach of the blogger's message.
- Enhanced Credibility: Including a pros and cons table in a blog post can enhance the credibility of the blogger.
- By presenting information in an organized and structured manner, readers are more likely to trust the blogger's opinion. This can help to establish the blogger as an expert in their field.
How To Add Pros And Cons Table In Blogger
Step 1: To add Pros And Cons table in blogger go to Blogger Dashboard > New Post And Switch to HTML view
Step 2: Copy the below HTML code and change the table data and paste into your blog post in html view.
HTML
<div class="K2-pros-cons">
<div class="pros-container">
<h2 class="heading">Pros</h2>
<ul class="pros">
<li>Free Productivity Apps</li>
<li>Better performance</li>
<li>Simple UI</li>
<li>Better security</li>
<li>Integrated Ecosystem</li>
</ul>
</div>
<div class="cons-container">
<h2 class="heading">Cons</h2>
<ul class="cons">
<li>Restricted Availability of Apps</li>
<li>Very Expensive</li>
<li>Not for gamers</li>
</ul>
</div>
</div>
<style>
.K2-pros-cons {
font-family: "Raleway", sans-serif;
display: flex;
max-width: 700px;
margin: 32px auto;
box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.4);
}
.K2-pros-cons .heading {
font-size: 20px;
text-align: center;
color: #fff;
margin: 0;
padding: 16px 24px;
}
.K2-pros-cons .pros-container .heading {
background: #02c39a;
}
.K2-pros-cons .cons-container .heading {
background: #e63946;
}
.K2-pros-cons .pros-container ul li::before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: bold;
padding-right: 16px;
color: #02c39a;
display: block;
}
.K2-pros-cons .cons-container ul li::before {
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: bold;
padding-right: 16px;
color: #e63946;
display: block;
}
.K2-pros-cons .pros-container,
.K2-pros-cons .cons-container {
flex: 1;
}
.K2-pros-cons .pros {
border-right: 1px solid #eee;
}
.K2-pros-cons ul {
padding: 8px 0;
list-style: none;
margin: 0;
}
.K2-pros-cons ul li {
padding: 16px 32px;
font-size: 16px;
line-height: 2;
display: flex;
}
@media (max-width: 530px) {
.K2-pros-cons {
flex-direction: column;
}
.K2-pros-cons ul li:nth-of-type(2n) {
background: #eee;
}
}
</style>
Step 3: Now publish your post and Pros And Cons Table Is Added To Your Blog.
Here's Example Of Pros And Cons Table In Blogger
Pros
- Free Productivity Apps
- Better performance
- Simple UI
- Better security
- Integrated Ecosystem
Cons
- Restricted Availability of Apps
- Very Expensive
- Not for gamers
I hope this article is very helpful for if this article is helpful for you please comment below Thank You !!!