Use image gadget in Blogger without required title

Use-image-gadget-in-Blogger-without-required-title

If you’ve ever tried to add an image gadget to Blogger you’ll know that adding a title for the gadget is a requirement. This can be pretty annoying when adding an About Me image that already has text. A lot of people have been asking me for a way to hide the title of the image gadget on Blogger using CSS but here’s a handy little workaround way of not needing a proper title at all. Add your gadget and use the following code as the title and save.

 

This is a non breaking space, it’s basically the HTML version of hitting the space bar on your keyboard. Blogger reads it as text so it thinks you’ve added a title when really you’ve just added a space.

Elaine Malone avatar

18 responses to “Use image gadget in Blogger without required title”

  1. Anita avatar

    Brilliant post once again Ellie! Can’t wait so see more fun html “hacks” from you!

    Anita @ ATA|AllThingsAnita

    1. Ellie M avatar

      Thank you very much Anita πŸ™‚

  2. Kat avatar

    Another handy tip, thanks! I don’t know why they changed it so you had to put a title in! x

  3. Charmystique avatar

    GENIUS! Thanks for following me back on Bloglovin’ Ellie. Also wanted to say thanks because your blog and tutorials have been so instrumental in helping me work out all the kinks for my blogskin.

    xx
    Charm

    1. Ellie M avatar

      Thank you lovely!

  4. S avatar

    Awesome post! why didn’t I think of that?? It is simple but brilliant.

  5. Munira avatar

    Aha! Now I can FINALLY add an About Me section πŸ˜‰ Thanks again for another great tip πŸ˜€

  6. Zakkiya Hamza avatar

    Hi Ellie. Thanks so much for this wonderful little tip. However I have a slight problem. I have used this CSS code for generating boxes around my sidebar heading. And when I put this inside the title, the text disappears but the box remains. How do I get rid of this box alone keeping all the other boxes intact?
    Thanks a lot!

    1. Ellie M avatar

      Hello, add #Image1 h2 { border: none;} to your CSS also, this will hide it πŸ™‚

  7. Michell avatar

    HA! You’re a genius Ellie! I was just complaining about this the other week! I ended up using a period and it looks like a tiny speck on my screen, lol! I’m going over to change it now! Thanks so much!

  8. Amanda avatar

    Thanks for this, I had to add a title to an image and it really bugged me. I’m so glad I can change it now!

  9. imrockstarsg avatar
    imrockstarsg

    Hello Ellie!
    It’d be great if you could help me with this!
    I’ve been trying to remove the line and the dotted line at the bottom but I can’t πŸ™
    Can you please guide me with this?

    http://imrockstarsg.blogspot.sg/

    Thank you!!

    1. Ellie M avatar

      Hello. Remove the border value under .footer-outer and .post-footer

  10. Mang avatar
    Mang

    Thanks for such an insight. Lovely tips you’ve got here. I’d keep coming back for more! πŸ™‚

  11. Kate avatar
    Kate

    You’re so smart and awesome!

  12. Victoria K. avatar

    Thank you so much for this!

  13. Joelle Owusu avatar

    Thanks soooooo much for this!!

  14. Jeanette avatar

    Just found your blog, and I must say that this is so great. A big help for bloggers:)

    I hate to force using titles, so I changed it as soon as I read this.