Skip to main content

How to Create Tables in Blogger

Almost everyone has a blog, and does post regularly. But when it comes to creating tables in the blog (especially blogger) then one faces lot of problems. There are the following things which comes in picture while creating a table in a blog,
  • How to create table?
  • How to eliminate the white space in the post, when the table is created using the HTML code?

This post will describe some of the different ways to create the tables in the blog, along with eliminating the white space formed while creating the tables in HTML. Here we go,

Different ways to Create Tables in Blogger

There are many ways to create cool and well formatted tables in the blogger.
  1. Creating the table in the simple HTML format,
  2. Creating the table in the Google Spread Sheet, and
  3. Create a table in MS-Excel and then take a snap shot and upload as a picture.


1) Creating Table in Blogger's Post by using HTML code

This is the simple and well known method to create table in the blog post. It's as easy as posting the post. Just write the code for creating the table, with rows and columns, and you are done. The first thing to be kept in mind is, you should be at least aware of how to create tables in HTML. And hence you can go ahead and create one for your post. But this has a certain draw back, as it leads to a lot of white space between the post and the table and looks too weird. Read below to find how to eliminate these white spaces.


2) Creating Table in Google Spread Sheet

Creating the table in Google's Document, i.e., Spread Sheet, is quite easy, and moreover after publishing the table, you can just copy the code and place it in your blog's post where you want the table to appear.

How to create table using Google Document's Spreadsheet?

Creating the table is quite easy in Google Spread Sheet, the following things to be noted while to create the table,

  • Go to the blogger's “dashboard”.
  • Click on “My Account” on the extreme right side.
  • Under "My Products", click “DOCS”.
  • Now click NEW > SPREAD SHEET
  • The SpreadSheet is divided inot Rows (number going down) and Columns (letters going across)
  • Now fill the information in the spread sheet and make the formatting as desired.
  • Save the spreadsheet by clicking, FILE > SAVE
  • Now publish the sheet, click - Publish > Publish Now
  • Select Sheet 1 Only in the next box under "What Parts"
  • Then at the bottom of that box, click “More Publishing Options”
  • In the next box that pops open, choose the HTML format: HTML embeded in a web page
  • “What Sheets” click “Sheet 1 Only”…again.
  • Now count the numbers of the table, i.e., The starting cell and the end cell in exactly diagonal fashion.
  • Then click “generate URL”

And now you are done to publish the post in your blog. Just copy that code into your post and hence your spread sheet/table is on your post.


3) The simplest way

Create a table in MS-Excel and then take a snap shot and upload as a picture into your blog, and hence you are done. Even though that's not exactly creating a table in the blog, but it's another way to put your table in the blog's post.


How to Eliminate that white space between the Table and the Post?

Now we have created the table by generating the HTML code for the same, and have published the blog. Now the most irritating thing is when you see the outcome of the blog, it's shocking and disappointing. You are indeed with a table, but that table is making your blog look bad with a lot of white spacing between the post and the table. And more over all the formatting is lost. So, two things come in the mind suddenly,
  • how to reduce that white space
  • how to get back the formatting

How to reduce the white space?

The first thing is to reduce that large empty white space between the posts. Let us consider the following examples,

Example with Large white space:












The SEO BlogLarge White Space
The SEO BlogLarge White Space


Example with reduced white space:

The SEO BlogLess Space
The SEO BlogLess Space


The logic behind to reduce the white space when you have created your table is, every time you press enter in order to create the next row or column cell, that many times blogger considers it as a "BREAK". So that implies if you go for another cell, by pressing ENTER, then one space will be created, and so on.

But in another example, I have taken the entire code of the table as a single line and hence there is no white space. So here we are with no white space.

The major drawback to put the entire code of the table in one line, in order to reduce that white space is, it becomes too clumsy and difficult to manage the table. There is another way also, which I have used in my post. Just add the code in the DIV tags, and see that it works


I read this (placing the code in the blogger's post) in the article and found it quite useful.



Do provide your comments, if you feel this is informative enough, or if you have more ideas about the same.

Comments

Tanvir Kazmi said…
Thanks Tushar, you made my day. That div class=nobr tip was great!
I'm facing this problem Thank you for this tips I'll try this tips
Anonymous said…
Bingo! This succeeded where other "advice" failed ;-)

Popular posts from this blog

List of 100 Article Directories

An article is an essay or a research on a particular topic. Article provides a lot of exposure to your business and very high relevant traffic to your website. Other than providing the quality traffic, article submission has SEO benefits also, it gives a valuable back-link to the website. So here we go with the list of 100 Article Submission websites, "BEST 100 ARTICLE DIRECTORIES" S.No. ARTICLE DIRECTORY PR SUBMISSION PAGE STATUS 1 MAGPORTAL 7 Submit Article SIGN UP 2 EMEDIAWIRE 6 Submit Article SIGN UP 3 EZINEARTICLES 6 Submit Article SIGN UP 4 GOARTICLES 6 Submit Article SIGN UP 5 WEBPRONEWS 6 Submit Article SUBMIT 6 ARTICLEPOOL 6 Submit Article SIGN UP 7 MARKETINGSOURCE ARTICLES 5 Submit Article SUBMIT 8 ARTICLEMOTRON 5 Submit Article SIGN UP 9 ARTICLESON 5 Submit Article SIGN UP 10 ARTICLESBASE 5 Submit Article SIGN UP 11 BUZZLEARTICLES 5 Submit Article SIGN UP 12 ARTICLEALLEY 5 Submit Article SIGN UP 13 ARTICLE DASHBOARD 5 Submit Article SIGN UP 14 WEB-SOURCE 5 Submit A

Google Redesigns Gmail

Google has redesigned Gmail, which was launched in the year 2004 and remained in beta version till 2009. The new redesign is not the only thing Google is embarking on, rather it's a series of interface updates to help strip out unnecessary clutter and make Gmail as beautiful as it is powerful. What's New ? As per Google Blog - To start things off, Gmail has two new themes for you to try out as a sort of sneak peek. There is a "Preview” and “Preview (Dense)” themes in the Themes tab in Gmail Settings. The idea of two themes is to accommodate different screen sizes and user preferences, but until then you can pick the information density that you prefer. Here’s what one of the new themes currently looks like: And in conversation view:   Look out for these and other new features over the next few months. In the meantime, try out the new themes as a preview of the future of Gmail and you can send your feedback to Google about your experience with the new look

Optimizing Your Website for Local Searches: A Local SEO Guide

Local SEO Guide In today's digital landscape, local businesses must prioritize their online presence to attract and retain local customers. One of the most effective strategies for achieving this is by optimizing your website for local searches. In this comprehensive guide, we will explore the key steps and best practices to boost your local SEO and ensure that your website ranks prominently in local search results. The topics covered in the local SEO guide are listed below,   Understanding Local SEO Keyword Research for Local SEO On-Page Optimization Techniques Website Localization Google My Business Optimization Local Link Building Strategies Mobile Optimization for Local Searches Online Reviews and Reputation Management Social Media for Local SEO Tracking and Measuring Local SEO Performance Please comment if you feel something is missing! Understanding Local SEO Local SEO refers to the practice of optimizing a website and online presence to increas

How to create XML sitemap for your Blogger Blog Manually?

How to Create XML sitemap for your Blogger Blog Manually? Creating an XML sitemap for your Blogger blog can be done manually by following these steps: Open a text editor Open a plain text editor on your computer, such as Notepad (Windows) or TextEdit (Mac). Start the XML document Begin by typing the XML declaration at the top of the document: Add the root element Below the XML declaration, add the root element for the sitemap:     Add URL entries For each page of your blog, add a URL entry within the tags. Here's an example for a blog post: Replace "https://yourblog.blogspot.com/your-blog-post-url" with the actual URL of your blog post. Use the tag to specify the date of the last modification in the format YYYY-MM-DD. indicates how frequently the page is likely to change (e.g., "always," "hourly," "daily," "weekly," "monthly," "yearly," "never"). represents the priority of the page on a scal

Google Getting More Real With Its ‘Real Time’ Search

Google launched a real time search engine, specifically dedicated to the searches made in the real time. Get the fun started here www.google.com/realtime You can use geographic refinements to find updates and news that's happening right near you or in the area of your choice. You can also follow a conversation by browsing a full timeline of tweets. Adding to the Google Real Time features, you can now create an alert specifically for "updates" to get an email the moment a topic of interest shows up on Twitter or other short-form services, in Google Alerts.   Currently the Google Real Time Search and updates are available globally in 40 languages, and the geographic refinements and conversations views are available in English, Japanese, Russian and Spanish.

Local SEO Guide

Local SEO Guide
The Local SEO Guide - the key steps and best practices to boost your local SEO and ensure that your website ranks prominently in local search results.