Monday, April 25, 2011

Hiding your blog's attribution gadget, using a CSS rule

Labels: , , , ,
This article is about how to hide your blog's attribution gadget using a CSS rule.  

It is part of a series about removing the attribution gadget from blogs which have designer templates.



Previously I've described what the attribution gadget is, and the concerns that a number of people have with it.

It's been a bit of a cat-and-mouse game with Blogger since I put up my first post on the subject:  I think up a new way to take the the attribution gadget out of my blog, they put in some code to put back in again the next time I edit the template.

However things now seems to have stabalized.


How to remove the attribution by hiding it

One way of removing "powered by Blogger" from your blog is to hide it.   To do so, simply add this rule to your template:
#Attribution1 {display: none;}

(See Adding a new formatting rule to your blog for more information about doing this.)


Note:  Hiding elements on your blog can have downsides, if the search-engines think that you are trying to deceive them.   Use this technique at your own risk.


Mobile template blogs

The approach above only works on your non-mobile template.   If you have enabled a custom mobile template, you can either use the standard way of removing your attribution from your mobile blog, or by adding a 2nd rule:

.mobile #Attribution1 {display: none;}


Give credit, too

And as always - I do recommending adding an alternative attribution gadget, which gives credit where it's due.


Troubleshooting

If this rule doesn't work and you have tried several other approaches on the same template, your gadget may now be called  Attribution2 or even Attribution3.   Look at your template (Design > Edit HTML) and search for "attribution" to find out what the correct digit is, and modify the rule to use it.


WARNING:  
I have not checked the Blogger Terms and Conditions to find out whether you are allowed to remove the Attribution.   Even if they don't mention it today, a requirement to keep the statement could be added tomorrow.   This advice does not mean that I, or Google/Blogger, are saying that you should/can/may/must remove the attribution statement.



Related Articles

Removing the attribution gadget

Removing the attribution gadget from mobile templates

Adding a new formatting rule to your blog.

Adding an alternative attribution gadget

Unlocking and removing the attribution

Share this Article

URL:

HTML link code:

BB (forum) link code:

Subscribe to Blogger-hints-and-tips

FeedBurner will send a confirmation message. Click the verify link in it to start your subscription.

Follow Me on Pinterest Subscribe to Blogger-HAT on Google + RSS subscription icon Follow BloggerHAT on Twitter

34 comments:

  1. Al EQA3March 10, 2011 at 2:55 PM

    THANK YOU THANK YOU this one works perfectly !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    ReplyDelete
  2. Sarah PecorinoMarch 30, 2011 at 1:04 PM

    This worked great, but I've got a big space between my text gadget in the footer (where I've put my new attribution) and the bottom border of my blog. How do I decrease this? (http://www.sarahpecorino.com) Thanks for the simple instructions on everything!!!

    ReplyDelete
  3. MaryMarch 30, 2011 at 6:33 PM

    Hi Sarah, I'm afraid I don't know enough about CSS to reliably diagnose what's causing the space. I could make a few suggestions, but they'd be guesses rather than necessarily right. I'd suggest posting a question in the Blogger Help Fourum (http://www.google.com/support/forum/p/blogger), there are folks there who know a lot more about CSS than I do.

    (Nice front page design, btw!)

    ReplyDelete
  4. Sarah PecorinoMarch 30, 2011 at 7:26 PM

    Thanks, Mary! I'll give it a shot.

    ReplyDelete
  5. UnknownMarch 31, 2011 at 7:28 AM

    Thank You...just type it into the CSS spot, applyed to page, and then it was gone!

    Thanks again

    ReplyDelete
  6. Johny GaddarMay 22, 2011 at 4:35 PM

    Thank u so much

    ReplyDelete
  7. Cr4zyPPLJune 13, 2011 at 3:43 PM

    ok well i want to remove it COMPLETELY, i cant see what it says, but there is still a big empty gap under my header and my linkbar, i want to say bye bye to that, plz help!

    ReplyDelete
  8. Cr4zyPPLJune 13, 2011 at 3:50 PM

    ITS NOT WORKING >:(

    ReplyDelete
  9. MaryJune 22, 2011 at 9:00 PM

    The attribution gadget won't be causing that gap. Why dont you post a question in the Blogger Help Forum: tell them your URL, and maybe someone will be able to tell you how to remove the gap.

    ReplyDelete
  10. MaryJune 22, 2011 at 9:11 PM

    If you've tried several other methods first, your attribution gadget may have been removed and re-instated several times. If this has happened, the gadget will be called #Attribution2 or #Attribution3 or ... etc.

    If that's the case, you need to change the CSS rule you add to

    #Attribution2 {display: none;}

    or

    #Attribution3 {display: none;}

    etc

    ReplyDelete
  11. Izzy Ducks BloggerJuly 31, 2011 at 5:12 AM

    thanks works perfectly. your awesome

    ReplyDelete
  12. Ann BlumbergAugust 16, 2011 at 11:55 PM

    THANKS :D !! SO USEFUL :) !* THANKS FOR SHARING YOUR KNOWLEDGE WITH US :D !!!

    ReplyDelete
  13. Julie McCoyOctober 15, 2011 at 1:00 PM

    Thank you!

    ReplyDelete
  14. UnknownOctober 17, 2011 at 12:24 PM

    Thank You

    ReplyDelete
  15. JC-SPORTSOctober 21, 2011 at 5:55 PM

    Where do we post it in the html????

    ReplyDelete
  16. MaryOctober 25, 2011 at 12:56 PM

    JC-Sports, it depends on what type of template you're using. See http://blogger-hints-and-tips.blogspot.com/2010/09/adding-new-css-formatting-rule-to-your.html for a general description of adding any CSS rule to any template

    ReplyDelete
  17. SJ ♥November 7, 2011 at 9:36 AM

    okay, it worked! but now i got a huge space under my blog and there's like a line there without words. can you please tell me how to remove the huge space too?

    ReplyDelete
  18. MaryNovember 7, 2011 at 7:56 PM

    SJ, there are a few options here, not necessarily related to the attribution gadget. Post your blog's URL and describe the problem to the Blogger-Help-Forum, and see if someone there can spot the problem.

    ReplyDelete
  19. AnonymousNovember 21, 2011 at 2:24 AM

    ça marche !!!

    ReplyDelete
  20. ChelceaDecember 14, 2011 at 10:54 AM

    Yep, Its still working. Thank you for the tip ;)

    ReplyDelete
  21. UnknownJanuary 6, 2012 at 8:29 PM

    I tried using this and it worked on my blog. Thanks a lot. Really helpful.

    Manish :)

    ReplyDelete
  22. thatazoreanguyFebruary 11, 2012 at 12:18 PM

    Works perfectyl! Thank you. :)
    http://nfswpt.blogspot.com

    ReplyDelete
  23. Banglar CheleApril 18, 2012 at 8:12 AM

    yes its work ....thank you.but how can i remove it from mobile virsion????

    ReplyDelete
    Replies
    1. MaryApril 20, 2012 at 11:54 PM

      I've been meaning to research this for a while - thanks for the prompt. Have just published this just for you:

      http://blogger-hints-and-tips.blogspot.com/2012/04/remove-attribution-from-mobile-template.html

      Delete
    2. OlekMay 17, 2014 at 7:47 PM

      Instead of removing it, I made it 1px visible. If the rules ever said to not hide the attribution, it probably won't say we can't modify it. (#Attribution1 {font-size:8px}
      )

      Delete
  24. FixaMay 1, 2012 at 9:31 AM

    Thanxxxxxxxxxxxxx a lot..

    ReplyDelete
  25. UnknownJuly 13, 2012 at 11:16 PM

    works like a charm :)

    ReplyDelete
  26. wathmalAugust 8, 2012 at 6:55 PM

    wow,,,,,, this is perfect,,,,,, thank you very much!!! :)

    ReplyDelete
  27. FreelancerSeptember 15, 2012 at 4:05 PM

    Can you tell me how to hide the blogroll from homepage by using CSS?

    ReplyDelete
  28. UnknownSeptember 26, 2012 at 1:12 PM

    Thank you

    ReplyDelete
  29. Millennial BellaNovember 25, 2012 at 11:12 PM

    Well what I did was to go to the Edit HTML under Template Options from the Dashboard and deleted this code:





    if you save it, it will prompt you that a widget is being removed. Remove it. Viola!
    Hope this helps too.

    ReplyDelete
  30. AnonymousJanuary 17, 2013 at 2:47 AM

    thanks mate, ive already hide one of my widget on my homepage.

    ReplyDelete
  31. S A R A HMay 26, 2013 at 2:39 AM

    I don't really want to remove the attribution on my blog, I just want to remove the part where it says what kind of template I have (copyright.SIMPLE TEMPLATE. Powered by Blogger) I just want to remove the one in all caps. How do I do that???? Hope you respond! :)

    ReplyDelete
  32. SubhashOctober 21, 2017 at 8:32 AM

    I don't really want to remove the attribution on my blog, I just want to remove the part where it says what kind of template I have (copyright.SIMPLE TEMPLATE. Powered by Blogger) I just want to remove the one in all caps. How do I do that???? Hope you respond! :)
    http://subhnetworks.info

    ReplyDelete

Subscribe to: Post Comments (Atom)