Remove Disqus Ads from Blogger Website in Under 8 Minutes | CodePress Ac...

CodePress Academy | Sanjay Kumar Verma | Free WordPress Tutorials in Hindi & 50+ Online Tools 0

Remove Disqus Ads from Blogger Website in Under 8 Minutes

Quick 8-Minute Guide by CodePress Academy — Clean, Fast & Ad-Free Blogger Comments

Using Disqus on your Blogger (Blogspot) website is great for community engagement, but there’s one problem — Disqus sometimes displays unwanted ads or promoted stories in the comment section. These ads can make your blog look unprofessional or cluttered.

In this guide, we’ll show you how to remove Disqus ads completely from your Blogger site in under 8 minutes. This method is 100% safe, doesn’t affect your comments, and improves your blog’s design and SEO performance.

Why Disqus Shows Ads

Disqus offers a free commenting platform, but it earns money by showing small “Promoted Stories” or ads under the comments. These are harmless but can distract your readers or even reduce your AdSense CTR if your site displays Google ads.

Note: These promoted posts are automatically added by Disqus to support free users. If you want a clean design, you can easily hide them using CSS.

Benefits of Removing Disqus Ads

  • Cleaner Layout: No third-party ads or sponsored posts under comments.
  • Improved Page Speed: Fewer ad scripts mean faster load times.
  • Better UX: Your visitors focus only on content and discussion.
  • Professional Appearance: Keep your blog design premium and distraction-free.
  • Higher Revenue: Your own ads get more attention, not Disqus’s.

Step-by-Step: Remove Disqus Ads in 8 Minutes

Step 1: Backup Your Blogger Theme

Before you make any changes, always backup your theme. Go to Blogger → Theme → Backup/Restore and download your XML theme file. This ensures you can restore everything if needed.

Step 2: Open Your HTML Theme Editor

In your Blogger dashboard, go to Theme → Edit HTML. You’ll now be able to edit the source code of your blog theme.

Step 3: Add the Custom CSS Code

Scroll down to your <head> section or style area and paste the below CSS snippet. This code hides all Disqus ad or promoted content elements.

/* Remove Disqus Ads and Promoted Stories */
iframe[src*="disqusads"],
.disqus-ad,
.disqus-promoted,
.disqus-promoted-post,
div[data-role="disqus-promoted"],
div[class*="promoted"],
a[href*="ads-serve"],
a[href*="sponsor"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
  

Step 4: Save Your Theme

Click the Save Theme button in Blogger. Then open one of your blog posts and check the comment section. All Disqus ads should now be gone!

Step 5: Optional — Turn Off Ads from Disqus Dashboard

If you have a Disqus account, log in to disqus.comAdmin → Settings → Ads and disable “Show Promoted Content.” This will officially turn off ads (available only in some plans).

Bonus: Speed Optimization Tip

You can also lazy-load your Disqus script to boost speed. Add this code before the </body> tag:

<script>
document.addEventListener("DOMContentLoaded", function() {
  var loadDisqus = function() {
    var d = document, s = d.createElement('script');
    s.src = 'https://YOUR-DISQUS-SHORTNAME.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
  };
  var trigger = document.createElement('button');
  trigger.innerText = "Load Comments";
  trigger.onclick = loadDisqus;
  document.body.appendChild(trigger);
});
</script>
  

This loads Disqus only when a user clicks “Load Comments,” improving page speed and SEO performance.

Premium Blogger Design Tips

  • Use clean fonts like Poppins or Inter for a professional look.
  • Apply soft gradient backgrounds and rounded corners to cards.
  • Limit third-party widgets that slow down loading speed.
  • Use consistent spacing and alignment for comments and post content.

SEO Benefits of Removing Disqus Ads

By removing Disqus ads, you improve your site’s user experience and speed, which are key SEO ranking factors. Cleaner layout keeps readers engaged longer, lowers bounce rate, and enhances your overall brand image.

Frequently Asked Questions

Q1: Will removing Disqus ads affect my comment system?
A: No. Comments will work fine; only the ad elements are hidden.

Q2: Is it allowed to hide Disqus ads with CSS?
A: Technically yes, but Disqus prefers users to upgrade for ad removal. CSS is a non-destructive, reversible method.

Q3: Will it improve SEO?
A: Absolutely! A faster, ad-free comment area improves engagement and page speed — both key SEO factors.

Make Your Blogger Site Ad-Free & Professional

Want more clean, SEO-optimized Blogger designs? Visit CodePress Academy for free Blogger tools, WordPress plugins, and tutorials!

© 2025 CodePress Academy | Blogger Tips • SEO • Design

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Bottom Post Ad

Recent Post