Blogger Tutorial: How To Divide Post Into Two (2) Columns?

"Divide Post Into Two (2) Columns". This could be one of so many ways that you could make to attract visitors or even keep your readers remain faithfull to your blog. When you publish a post on blogger, your post is placed and shown on a single column, or let's just say it "on a single line", looks the term column doesn't realy describe it good, doesn't it? - The text will be "arranged vertically" no matter how much words that you write or how long it will be. But by adding a short code in the post you are assumed to have a full control of the post in case of the layout. I mean: if you want to show the post in one or two columns.

Make The Way As Explained Below

1. Go to your blogger.
2. Click new post.
3. On the posting page (the page after you click the new post link), click the button titled "Edit Html" located above the text box where you would write your post.
4. After you click the Edit Html button, write what you want to post in the text box and then place the code below among your post. Follow the instructions:

Here Is An Example How To Make It

< table cellpadding="0" cellspacing="10">< tbody>
< tr>
< td align="justify" valign="top" width="200">
"Divide Post Into Two (2) Columns". This could be one of so many ways that you could make to attract visitors or even keep your readers remain faithfull to your blog.< / td> < td align="justify" valign="top" width="200">When you publish a post on blogger, your post is placed and shown on a single column, or let's just say it "on a single line", looks the term column doesn't realy describe it good, doesn't it? - The text will be "arranged vertically" no matter how much words that you write or how long it will be. But by adding a short code in the post you are assumed to have a full control of the post in case of the layout. I mean: if you want to show the post in one or two columns.< / td>
< / tr>
< / tbody>< / table>


And Here Is An Example How It Will Look Like

"Divide Post Into Two (2) Columns". This could be one of so many ways that you could make to attract visitors or even keep your readers remain faithfull to your blog. When you publish a post on blogger, your post is placed and shown on a single column, or let's just say it "on a single line", looks the term column doesn't realy describe it good, doesn't it? - The text will be "arranged vertically" no matter how much words that you write or how long it will be.


Annotation:

*Cellpadding: Change the value of this attribute to set the range betwen post and the column.
*Cellspacing: Change the value of this attribute to set the range betwen the two columns.
*Width: Change the value of this attribute to set the wide of the column.
*Align: Change the value of this attribute to set if the text is to be aligned to right, left, or center. Change it to right to align to right side. Change it to left to align to left side. Center to center align. While justify is to align to both right and left side.
*Valign: Change the value of this attribute to set if to align vertically to top, bottom, or middle.

5. Publish your post and then check if the code is working properly.

33 comments:

  1. Nice tots.. but how to divide column in homepage post? like
    Actually gusto ko malaman kung papano ko ma modify yong HOMEPAGE. na parang andun lahat yong direct Thumbnail CATEGORY ko kagaya ng this site na parang na divide columns vertically:

    www.pinoyambisyoso.com

    MOVIES
    MUSIC
    TELEVISION
    CELEBRITY GOSSIP
    MAGAZINE COVER
    EVENTS AND CONCERTS
    NEWS

    awaiting respond,
    Mark

    ReplyDelete
  2. Well guy. If i'm not mistaken, that site is making use of "featured content" form. And if that is true, i'm sure you won't wanna make it. It's updated automatically, but you'll have to change the "items" shown on the home page manually. But if you think it's fine, i can show you "the code" the site use. It makes use of css and html code. But maybe, if you realy mean to make it, i think it's better that you use the following simplier way instead of its "featured content".

    < b:if cond='data:blog.pageType == "data:home.Pageurl"'>
    < a href='your post url'>< img src='your img url' alt='' / >< /a>< /b :if>
    . It's much better since it doesn't take too many code.

    But if you think i'm wrong guessing it, then just tell me. :)

    ReplyDelete
  3. Hello. I tried this code but it didn't work on my blogger post. How can I make this work? All that was broken into two columns are the words - the write to be shown on the left side - the write to be shown on the right side.

    ReplyDelete
    Replies
    1. You must be kidding. Table form is a standard html code, it works everywhere, and anyplace.

      Delete
    2. Hope you pasted it directly in the post area! Dont do that, instead just hit the HTML button below the space given to write your post title & there you have to paste the code

      Delete
  4. Please, pleeeease tell me how to put ads inside any of the boxes,

    ReplyDelete
    Replies
    1. What boxes do you mean, where are those located?

      Delete
  5. hi! i just want to say thank you. you practically saved my post it worked perfectly!

    ReplyDelete
  6. Oom, bikinin tutorial cara bikin template gallery dong, jadi cuman gambar dan judul kecil doang di homepage.... hehehehe nuhun om. ditunggu om, itung-itung pahala, mumpung puasa, ane mau beljar ;)

    ReplyDelete
  7. BRILLIANT!!! Thank you for making this so easy to do!

    ReplyDelete
  8. thanks for the tricks, very helpful...
    But how to make those columns responsive? I mean, in mobile view, those columns aligned vertically not horizontal..forgive my bad english
    thank you very much

    ReplyDelete
  9. I have a problem with this, when I change the "Cellspacing", there becomes a gap between the columns and the post area, do you know if I can remove that space so that my writing will align completely to the left?
    Thanks a lot! :)

    ReplyDelete
  10. Thanks! I needded this code to post links on two column on blogger. It worked!

    ReplyDelete
  11. This is just what I was looking for and it worked perfectly.......... Thank You!!

    ReplyDelete
  12. Hello john, is there like a more permanent way for this method instead of having to edit the html for every single post individually like. Is there a code that splits the text columns into 2 for the general blogger html template?

    thebedsloth.blogspot.com

    ReplyDelete
  13. Thanks!! It works!! I'm just wondering how can I center align it?? I already tried with the Center align button but it will just center the text within the table but not the whole table within the post, instead it just stays on the left side, any way to fix this?

    ReplyDelete
  14. Hey! I would love to try this on my blog, but does the code affect the way the text is shown on mobile phones (through apps such as Bloglovin')? Thanks.

    ReplyDelete
  15. Worked great! Thanks! http://www.momsgroupoftulsa.com/p/business-directory.html

    ReplyDelete
  16. great tutorial. visit my blog http://teknografis.com

    ReplyDelete
  17. Informative analysis . For what it's worth , people are searching for a a form , my wife filled out and esigned a fillable form here http://goo.gl/KiqYJd

    ReplyDelete
  18. after reading the article you affection makes me feel very flattered by this, it gives a lot of little knowledge, in which the news is presented is very nice and easy to read directly in the subject heading, the fate of a reader can only remark, it was not appreciated.agen poker online indonesia
    x-) x-)

    ReplyDelete
  19. Thank you. Your piece of code worked fantastic. I've added a link in my blog to yours in my How To List. Have a great day.

    ReplyDelete
  20. Anonymous6/16/2017

    Hello john, is there like a more permanent way for this method instead of having to edit.
    บาคาร่า
    gclub จีคลับ
    gclub casino

    ReplyDelete
  21. Any child or adult lucky enough to be the recipient of teddy bear gifts, knows just how special these iconic soft toys are. With their facial features as their key attraction, closely followed by the feel of their 'fur' or skin and then the stuffing, teddy bear gifts are one of those favorites from which many can never be parted, no matter how worn and battered they become. The year was 1907 and at that time, teddy bears had all but overtaken the world. In that year, the Steiff company (Margarete Steiff was the original creator of the teddy bear in 1902), reported selling some 974,000 bears, most of which were shipped to the United States - the birthplace of the bear's name 'Teddy.' Famous teddy bears

    ReplyDelete
  22. คาสิโนออนไลน์

    อีกทางเลือกหนึ่งของการลงทุนเสี่ยงโชค คาสิโนออนไลน์ อีกทางเลือกหนึ่งของการลงทุน ที่ให้ผลตอบแทนการลงทุนที่มากกว่า และมากพอที่จะเปลี่ยนชีวิตของคุณ ให้ใช้ชีวิตได้ตามไลฟ์สไตล์ที่คุณปรารถนา แน่นอนว่าการลงทุนมีความเสี่ยง จึงต้องศึกษาให้ดี และลงทุนด้วยสติ แต่ถ้าหากคุณมีการวางแผนและบริหารจัดการป้องกันความเสี่ยงที่ดี จะสามารถเปลี่ยนความเสี่ยงนั้นมาเป็นผลตอบแทนในทันที


    คาสิโนออนไลน์

    ReplyDelete
  23. เลเซอร์หน้าใส เป็นอีกหนึ่งของใหม่ทางความสวยงามที่ช่วยฟื้นฟูผิวหนังที่แห้งแข็ง บริเวณใบหน้าหมองคล้ำให้กลับมาผ่องใสมองสดชื่น สดใสภายในช่วงเวลาอันเร็ว นับว่าเป็นทางลัดความสวยที่กำลังเป็นที่นิยมสูง ช่วยเอาใจใส่ผิวให้ขาวกระจ่างขาวสวยใส จากการลดลางเลือนริ้วรอยจุดด่างดำได้อย่างมีคุณภาพ

    เลเซอร์หน้าใส
    เลเซอร์ลดริ้วรอย
    เลเซอร์รอยสิว

    ReplyDelete
  24. This comment has been removed by the author.

    ReplyDelete
  25. With your guidance and bit of customization, I have been able to convert a post into two column(in fact 3) in my blog. There are few negative comments but overall positive comments. Please have a look https://awidda-paya.blogspot.com/2019/06/blog-post_9.html?showComment=1560493577996#c9012905462127640172

    ReplyDelete
  26. Very Helpful Articles. สูตรบอล It might help you. สูตรบอล Thanks For Sharing
    สูตรบอล Thank you very much.
    This Is Really Useful And Nices Information. สูตรบอล
    This are such great articles. สูตรบอล This articles can help you to make some new ideas.

    ReplyDelete