How to Remove Powered by Blogger from Footer

Blogger is one of the popular free blogging platforms. Lot of people still use blogger because of its capabilities.

Blogger is a Google platform and can handle too much traffic which some of the hosting companies like Bluehost India or HostGator can’t handle easily.

You can also create free blog using blogger with custom domain.

Blogger has some limitations like you can’t remove date from blogger URL, non-availability of powerful plugins, and lack of marketing tools.

remove powered by blogger

Now blogger continuously improving its functionalities to make it easy for SEO optimization and template customization.

Blogger has Gadgets for template customization like Adsense Gadget, Blog search, Blog archive and Blog stat gadgets etc.

Some widgets/gadgets are preinstalled and you can hide those gadgets. But some preinstalled gadgets can’t be hidden or removed.

There is a similar widget in the Footer known as Attribution Gadget which display “powered by blogger” in the footer section of blog.

In first picture you can see there is no option to hide or delete the gadget.

Most of the bloggers don’t want to show this message at the bottom of blog and asks “how to remove powered by blogger.”

There are some simple solutions to this problem. Let’s check out all one by one.

First solution to this problem is enabling remove button for this Attribution gadget so that this gadget can be removed.

How to Remove Powered by Blogger by Enabling Remove Tab

For this you have to make some changes to the html code of blogger template. Follow these steps

Step 1: Go to the Theme option shown in the left sidebar. Now click on the dropdown button near CUSTOMIZE button and select the Edit HTML option.

Edit-html-option-steps

Step 2: Click on “Jump to Widget” option and you could see a dropdown list. Click on Attribution1 option.  

go to attribution1 in html code

Step 3: Click inside HTML code anywhere and press Ctrl + F to find Attribution1 (Press enter after typing attribution1) or showaddelement.

Step 4: Now change showaddelement=’false’ with showaddelement=’true’ and locked=’true’ with locked=‘false’ and click on Save button.

Two line code must look like this:

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

Step 5: Go to the Layout option in the left sidebar and click on the pencil icon of the attribution gadget under the Footer section. Now you can see Remove option is enabled.

Step 6: Click on Remove and it will show a pop-up message for confirmation. Click OK to confirm and save from bottom.

Powered by Blogger” and “Theme Image by” both will be removed from the footer section.

How to Add Custom Message in Footer

After removing powered by blogger and theme image by x theme text you can also add your own custom text in the footer.

Follow these steps to add custom copyright text in footer.

Step 1: Go to Footer section under same Layout option and click on Add a Gadget.

Step 2: Now add HTML/JavaScript gadget.

Step 3: Add your own custom text like Copyright Bloggingidol © 2021 under content section and click on Save.

Remove powered by blogger using CSS Code

There is one more method to hide “powered by blogger” from the footer of the blog. In this method you have to add a simple code before ending of </b:skin> tag.

According to Google Support all CSS style declaration will be placed between pair of <b:skin> </b:skin> tags.

So here you have to add #Attribution1{display:none;} before ]]></b:skin>

This code will only hide footer attribution and will not delete it.

Follow these steps to hide powered by blogger.

Step 1: Go to Theme tab in the left sidebar and click dropdown near customise tab and click on Edit HTML.

Step 2: Now click inside code and use CTRL + F to find </b:skin>

Note: You must click inside code to enable code search bar as shown above in red color and don’t forget to press ENTER.

Step 3: Now add #Attribution1{display:none;} code before ]]></b:skin> and click on save button.

Now you can check your blog. If you could not implement this, you can comment below and ask your query.

Method 2: Add CSS Code using another Method

If you are not comfortable with editing template html code, you can directly add CSS code to hide powered by blogger.

Follow these steps to add CSS code:

Step 1: Go to Theme > Click on Customise button

Step 2: Click on Advanced Tab drop down button

Step 3: Then Click on Add CSS

Step 4: Now add #Attribution1{display:none;} code and don’t forget to click on save button at bottom.

Using all these methods you can hide or remove powered by blogger text from footer.

Robin Mehta

Hello Robin here, I am a blogger, youtuber, SEO guy and Digital Marketer. I love to write about technology, facts and online marketing. On this blog I share everything for a successful career online.

Leave a Comment