How to Remove Powered by Blogger Attribution from Blogger Themes

Learn how to remove the Powered by Blogger attribution from your Blogger theme and make your blog look more professional and personalized.
How to Remove Powered by Blogger Attribution from Blogger Themes - A Step by Step Guide

If you are using a Blogger theme for your blog, you might have noticed that there is a small text at the bottom of your blog that says "Powered by Blogger". 

This is an attribution that links back to the Blogger website and shows that you are using their platform.

However, removing the attribution is not as easy as deleting a widget or changing a setting. You need to edit the HTML code of your theme and add additional CSS to hide the "Powered by Blogger".

How to Remove Powered by Blogger Attribution from Blogger Themes - A Step by Step Guide

In this blog post, I will show you how to remove Powered by Blogger attribution step by step. I will also show you, how you can add your own custom attribution or footer credit in that place.

Why Remove “Powered by Blogger”?

Powered by Blogger attribution in Blogger Themes

Many bloggers want to remove this Blogger attribution for various reasons, such as:

  1. Customization: Removing the attribution allows for a more personalized and professional look. It gives you more control over your blog's appearance.
  2. Branding: If you're using your blog for business or professional purposes, removing the attribution can help maintain your brand image. It also hides the fact that you are using a free service.
  3. Aesthetics: Some bloggers prefer a clean, uncluttered look for their blogs. Removing the attribution can contribute to a sleeker design.

In this guide, I’ve created a demo blog to walk you through each step of removing the attribution from Blogger themes. This step-by-step process is designed to be easy to follow, even for beginners.

Specifically, I’ll demonstrate how to remove the attribution from the Notable theme, one of the most popular choices among Blogger users. However, rest assured that these steps are universally applicable across other Blogger themes as well, including Contempo, Emporio, and Essential.

By following this guide, you’ll be able to customize your blog’s appearance, regardless of the theme you’ve chosen. So, let’s start personalizing your Blogger experience! 

Step-by-Step Guide to Customize Blogger Attribution

Now, let’s get into the step-by-step process of removing the “Powered by Blogger” and adding custom attribution:

Hide Powered by Blogger attribution using CSS

In Blogger themes, there’s a requirement to add custom CSS in order to hide the Blogger attribution. This can be achieved through two distinct methods.

The first method involves navigating to the Customize Theme option, while the second method requires editing the theme’s HTML. Both methods are effective and can be used based on your comfort level with modifying CSS and HTML.

  • Remove Attribution by Customize Theme Option

    Simply follow these steps:

    1. Log in to your Blogger dashboard and go to the Themes section. Click on Customize button.

      Blogger Theme Customize Option
    2. Next, Click on Advanced. Then click on Body, a dropdown menu will appear. Scroll down and select Add CSS.

    3. #Attribution1{display:none;}

      Copy the above CSS and paste it in the box. Then Save the theme, as shown in the image below.

      Add CSS and hide Powered by Blogger Attribution from Blogger Themes
    4. That's it. You have successfully remove the attribution from your blogger theme.

  • Remove Attribution by editing Theme's HTML

    Follow these steps:

    1. Log in to your Blogger dashboard and go to the Themes section, click on the dropdown button next to Customize, and then click on edit HTML.

      Remove Footer Credit in Blogger by Editing HTML Theme
    2. Now you can see all the HTML code of your theme. 

      Click on any part of the HTML and then press CTRL+F on your keyboard. You will see that a Search option has appeared in the top left corner of the theme codes.

      Just copy the code given below and search it in the HTML codes.

    3. Once you find the code, just add the following CSS line above it.

    4. How to add CSS to remove by editing HTML in Blogger Themes to hide Powered by Blogger Attribution
    5. Now just save the theme and check your website. You will see that the attribution is gone from your website.

      Basically, the attribution still remains on your website, but it will stay hidden from your website visitors due to the extra CSS code you added.

    You can also check out this quick tutorial on How to remove Powered by Blogger:

Add Custom Attribution in Blogger Website

Now that "Powered by Blogger" attribution is removed from your blog, how about adding your own attribution, let's see the steps to do that.

  • Add HTML/JavaScript Widget in Blogger Layout

    Go to the Layout Section in Blogger, click on the "add a gadget" option and then select the HTML/JavaScript widget. You will find the add gadget option in the sidebar section in the layout.

    How to Add HTML/JavaScript Gadget in Blogger Layout
  • Add Personalised Attribution in HTML Widget Content

    After selecting the HTML/JavaScript widget, you have to add your personalized attribution in the HTML content.

    You can write your own HTML code there, or you can just copy the following HTML code and add it. Don't forget to add the URL and your website's title in the code before adding it to the widget.

    <p align="center">© <a href="Website URL">Website Name</a>. All Rights Reserved</p>
  • Drag the HTML/JavaScript Widget to Footer Section

    In this step, you just have to simply drag the HTML/JavaScript widget, which you just added, and in which you wrote the new attribution to the Footer section of the Layout.

    This is one of the Blogger's unique features, that you can simply drag the widgets. Once you drag it to the footer section, make sure that all other widgets are above it, and it is the last one.

    Save the layout and enjoy. Your personalized attribution is now available on your website.

Removing the default attribution from Blogger Layout is not necessary, but in case you want to remove it, follow the steps below.

Remove Default Attribution Widget from Layout

Until now, you already learned how to hide the "Powered by Blogger" footer credit and replace it with your own personalized attribution.

But, now I will show you how you can remove the default attribution widget from your blogger layout

This step is not exactly necessary, but you do not have any reason to keep the default attribution widget in the layout, so you can remove it by completing the following steps.

Unlock Attribution Gadget

You can not just remove the Attribution widget from Blogger Layout because it is locked in the theme's HTML coding

So you have to make some changes to the theme's HTML. So, once again you have to go to the "Edit HTML" Setting. 

This time search for id='Attribution1' or you can just jump to the Attribution widget. You will see the following code.

<b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
  <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>

Here, just change locked='true' with locked='false' and then save the theme.

How to remove Blogger Attribution widget from Blogger Layout

Remove Attribution Gadget from Blogger Layout

After saving the theme, once again go to the layout section and then click on edit in the attribution gadget. Now, the remove option is available, so you can easily remove the attribution gadget.

Frequently Asked Questions

Can I remove or hide Blogger attribution?

Yes, definitely you can remove blogger attribution from your blog. You can also add customized attribution.

Do I need coding knowledge for removing attribution?

Not exactly, you can remove the attribution without any coding knowledge at all. Just follow the simple steps mentioned in this post.

Does attribution have any effect on the SEO of the blog?

No, Attribution does not have any effect on the SEO of your blog.

How to remove footer credit on a Blogspot website?

The easiest way to remove footer credit on a Blogspot website is by using CSS. Read the complete method to remove blogger footer credit using CSS. above.

I like to read and learn new things on different topics, and then share them in my Blog.


  1. Very informative
    1. Thanks
  2. I tried adding
    ( #Attribution1{display:none;} )

    Under the specified code, and I click save but it's show "the widget with ID
    pagetitle2 is not valid. Page title is invalid".

    Why is that?
    1. You have to add the code just above the specified code.
  3. hy tks for this information
    1. Welcome :)
  4. Which template are you using in this blog. Please I love it
    1. Glad you liked it. This is a paid template
    2. Please tell me the template you're using, I love it 🙏🙏
  5. Brother can I get your website theme, for my website
© Innate Blogger. All rights reserved. Developed by Samik Pal