HackingUniversity - Hacks . Tricks . How-To's

09 June 2016

How to Easily Remove or Hide Attribution Widget Blogger

Whenever you start out a new blog on free blogger platform you get many features and services for free + a small attribution link in the footer of every blog saying Powered by Blogger, well that good and I think it should not be removed as it gives credit to blogger for gaining more traffic to their website and engaging in creating more blogs. But still if you need to remove that attribution gadget than below is the easy CSS hack that you can use and remove it without deleting any coding. But then we have another technical option that removes this entirely from your blog enhance removing everything related to Attribution widget in blogger.

Hide Powered by Blogger Attribution Gadget

How to Remove “Powered by Blogger” Attribution Text in Blogger Blog

So as I have mentioned above we will be removing or hiding attribution gadget in blogger using two different methods, first is to hide it using the CSS trick and second one is to remove the entire widget code from the template.

#1. Using the Easiest CSS Hack to Hide the Attribution Widget in Blogger Blog

So this is easiest way and you won’t require any technical knowledge to implement this trick. Follow below steps.

  1. Open Blogger > Template > Edit HTML.
  2. Press Ctrl + F and search for ]]></b:skin> tag and paste below code above it, in case you have removed the default CSS styles from Blogger, then you need to search for </style> tag and paste below code above this code.

    #Attribution1{display:none}

  3. That’s it now you can Save your Template and everything will get sorted out easily. Try refreshing your blog and see how Attribution will be hidden for now.

#2. Removing Attribution Widget Code from your Blogger Blog to Remove it Completely

We even have this second method that will allow you to remove the entire attribution widget code from your template easily.

  1. Open Blogger > Template > Edit HTML.
  2. Press Ctrl + F and search for id='Attribution1' code and you will see a big block of code like below.

    <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
                        <b:includable id='main'>
            <b:if cond='data:feedbackSurveyLink'>
              <div class='mobile-survey-link' style='text-align: center;'>
                <data:feedbackSurveyLink/>
              </div>
            </b:if>
            <div class='widget-content' style='text-align: center;'>
              <b:if cond='data:attribution != &quot;&quot;'>
               <data:attribution/>
              </b:if>
            </div>
            <b:include name='quickedit'/>
          </b:includable>
    </b:widget>

  3. Now you need to remove the entire code from red to red as mentioned in the above code.
  4. After that press on Save Template and your Attribution code will be removed easily from your blog.


Now your Attribution text will either be hidden using the above CSS hack or it will be removed using the second method, whatever the case is you will have a clean blog without those default Attributions, I hope this clears everything and you will have a good understanding.