Thursday 17 July 2014

How to Remove Powered by Blogger Attribution Widget- 4 ways

Removing "Powered by Blogger" Attribution Widget from Blogger Blogs Footer and Replacing it with Your Own Blog Attribution  

How to Remove Powered by Blogger Attribution Widget- in 4 simple ways via geniushowto.blogspot.com blogger tuts
Removing "Powered by Blogger" attribution 
Attributions are key part of a website or blog which tells a visitor about the Sponsors, Terms of Use, Content Usage, copyright notice and Privacy Policy of that particular site to inform a visitor about their terms and conditions about the usage of the site's name and content license and also the sponsors funding them. Whereas in case of Blogger blogspot blogs, bloggers like to beautify their site and control the site's structure to whatever extent they can as Blogger platform is left pretty much raw for users to customize blog's appearance according to one's need and design them accordingly with least amount of knowledge about codes. The same goes for "Powered by Blogger" attribution at the bottom of your Blog's footer, while many bloggers don't mind having that attribution, many on the other side consider it annoying and unprofessional especially those who are particularly artistic and wish to have complete authority of what they display on their site, so one of their concerns is removing the powered by attribution gadget and replacing it with their own custom blog attribution which surely makes things professional. So let's get started with removing Blogger attribution widget from your blogs footer in 4 easy to follow methods.

Instructions to Follow:

  1. Method-1: Removing Blogger Attribution via Blogger layout Dashboard

    In blogger by default the attribution widget is immovable or removable as it has a locked status inside the template settings, in order to remove the attribution we first need to change locked status of the widget, to do so go to your blogger template → Click Edit HTML → and look for the below code by pressing CTRL+F and searching for Attribution1 or just use "Jump to Widget" option in your Template HTML editor top menu and navigate to Attribution1.
    <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
    Now in the above code change locked value from true to false and save your template. Now to remove the attribution widget go to blogger layout dashboard, where you will be able to see the last footer widget that is the Attribution widget now open to move and edit. Click on edit and click the remove option and save your layout section. Now you won't be seeing the footer attribution anymore.
    You can also remove it by using the wrench icons on the blog unless if you haven't removed the quick edit wrench icons from your template. Sometimes the widget restores back itself automatically for some of the blogger templates, in such a case you should prefer the other 2 methods of removing the attribution widget.
  2. Method-2: Removing Attribution via Blogger Template using HTML

    Well if the above method didn't work for you then this method definitely will because this time we are going to use HTML browser commenting to remove the attribution from showing up on your site. To remove the attribution once again go to blogger template and in the HTML editor search for Attribution1 by using CTRL+F or directly using the "Jump to Widget" drop down menu. The code would look something like the one below.
    <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
              <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>
    Now on finding the above code you can either delete the entire code or just replace with the below code to remove the blogger attribution from your template and blog. Don't forget to save your template after deleting or replacing the code.
    <!--<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
              <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>-->
    The Above code simply converts the attribution widget into html comment and tells browser to not to render the code as it's just a comment enclosed between <!--code -->, thereby getting you rid of Powered by Blogger attribution forever.
  3. Method-3: Removing Blogger Attribution by using CSS:

    This method is the easiest compared to previous two methods as it doesn't require you to edit anything in the blogger HTML template editor and just have to add a single line of code. To remove the attribution by using CSS go to your Blogger template → Click Customize to go to Template Designer → Navigate to Add CSS under Advanced option section and add the below code as custom CSS and click apply to remove the attribution.
    #Attribution1{display:none;}
  4. Method-4: Removing Blogger Attribution from Mobile Template

    If you haven't switched your Blogger mobile version from default to custom then the Powered by Blogger attribution still shows up even after using the above methods so to fix that go to your blog template and this time click on the mobile preview button and in the popup window change the default mobile template to custom to remove the attribution from your mobile site as well.
    In case you only wish to hide the attribution only on your mobile templates then in your HTML template editor find the below code for attribution.
    <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
    After finding the code add an extra attribute for mobile devices by adding mobile=no value like in the code below to remove attribution from your mobile template.
    <b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'>
Just choose any one of the above methods according to your need and ease of usage of above methods to remove attribution messages from your blogger blogs. Method-2 and 3, 4 are preferred if you don't want to delete anything from the html template editor and method 3 is particularly useful for those who are uncomfortable editing codes inside HTML editor. Now to add in your own attribution simply add a new html widget inside your blogger layout sections and add in the below code with proper attribution to your site, privacy links, about section etc.
<div align="center">© 2014 Your Site Name, All Rights Reserved | <a href="your privacy policy page url">Privacy Policy</a></div>