Affiliate Links Notice

This website uses affiliate links as a means of generating revenue.

However, we do not recommend products and services that we believe will not be of interest to you.

We make it a point to recommend products and services that we like, and express our honest opinions about them regardless of an affiliate relationship with the products, goods, and services being recommended.

Balkeni Studio is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com, Inc or its affiliates.

To know more about the use of affiliate links on this website please read our terms and conditions.

Solved: Blogger Keeps Creating DIV tags in all my blog posts

Published on: Wednesday, 16 September 2020 ✦ Updated on: 2020-09-16T17:21:34Z

Blogger (blogspot) keeps adding div tags in my post problem solved


Over the years bloggers on blogger have always had a bit of a tough time. They've complained that the HTML section of the post adds some many extra "<div>" tags to their blog posts. In my time using blogger, I have also seen this happen to my own posts sometimes and If I didn't write and format my posts correctly, the HTML quickly becomes a mess.


Recently blogger came out with a new update, this introduces a new system that blogger never had before and it does tackle the problem of blogger generating extra "<div>" tags every single time in blog posts when a line break was added, or when a new paragraph was created.


I'll talk to you about the new system in a bit and what it means for blogger going forward but for now, I'm happy to report that I'm no longer facing the DIV problem anymore where it just creates an endless stream of div tags in the HTML mode of my post.


blogger div tags problem solved

So why was it a problem?


When Blogger adds extra div tags in blog posts it creates unnecessary HTML in said blog posts, this can cause your blog posts to sometimes behave in an unusual manner when it comes to the formatting of the post. The main problem that bloggers were encountering was that these extra div tags were creating problems with Mediavine; a premium ad network. And when ad revenues drop, it becomes a source of panic, worry and in some cases complete overwhelm


I regularly tell my clients and other bloggers on blogger to share all bugs, glitches and problems directly with the blogger team by using the feedback button. It's a question mark icon, next to your blogger account image in the blogger dashboard on the top-right corner. At the time of writing this post, it's actually the third icon from the top-right.


This small act makes sure blogger is free from glitches and you get the best blogging experience on blogger. 


How was this problem solved?


Well, blogger announced some updates this month. These updates involved the introduction of a new updated way of generating HTML in blog posts, including <p> (paragraph) tags. When you start using <p> tags, you won't notice anymore casual div tags in your posts and if you're still using the old way blogger generates HTML for blog posts, then pressing shift+enter on your keyboard will create a <br> (line break) tag for you without any extra HTML getting generated in your blog posts.


How to toggle between the old blog post HTML and new HTML generation?


It's quite simple, and like most other things in blogger, you can do so with just a small click in your blog post editor. Once you're in the blog post editor, you'll see a handful of icons that allow you to edit and format your blog posts. 


They look like this.


blog post editor icons in blogger


You'll see this image says Paragraph, in your case, it might say either of these two:


  • Paragraph (new HTML generation)
  • Normal (Old HTML generation)


Just make sure to set whichever mode you prefer before you start writing your blog posts in your blogger blog.


And that's it, you're done. 





I hope this blog post has helped you understand your blogger blog better and will help you use your blogger blog in a more efficient way. I hope this post will also solve any of your Mediavine ad displaying problems in your blogger blog.

Feel free to share this post with your friends if you think they'll benefit from it as well. You can subscribe to my blog posts so that you will receive them directly in your e-mail inbox, additionally, you can even add my blog to your reading list

If you've enjoyed this blog post, help me keep the good work up by donating to this blog. It helps me make more tutorials, posts and content that will help you blog better for free for you to enjoy. Your small donation helps fund this blog. You can read more about my mission here

If there's any other blog post or tutorial you'd like to see on blogger or blogging in general you can request it here.

P.S. Did you know? I've got two Facebook groups dedicated to helping you! 

  • For bloggers on blogger (best for bloggers on blogger, come discuss all your blogger related stuff, issues and more directly with a blogger product expert — that's me.) Join here
  • For new bloggers (Promote your blog posts in the weekly promotional thread, find like-minded people, network and grow your connections, plus blogging tips to help you go from $0 to $500/month). Join here 

P.P.S. I'm on buy me a coffee because this blog is run on coffee. I make exclusive content there for bloggers, all my supporters get access to that content along with goodies from my shop for FREE. You also get access to many other perks and pretty wallpapers for your desktop, phone and tablet every month. It also houses some really cool codes for taking your blogger blog to the next level that are pretty much plug and play for you to have fun with.

Oh, and I love reading your comments and responding to them, or just say hi, I'd love to hear from you either way! See you in the comments section down below!

Post a comment