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.

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

Join over 1,000 creators starting, building and growing their online business

Making marketing more manageable (even with limited time, money and know-how) with the latest strategies, insights and updates delivered to straight to your inbox.

By signing up youโ€™ll receive The Roundup newsletter and additional resources. No spam or unnecessary emails. You can unsubscribe at any time.

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

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

    Anita @ ATA|AllThingsAnita

    1. Thank you very much Anita ๐Ÿ™‚

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

  3. 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. Thank you lovely!

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

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

  6. 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. Hello, add #Image1 h2 { border: none;} to your CSS also, this will hide it ๐Ÿ™‚

  7. 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. 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

    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. Hello. Remove the border value under .footer-outer and .post-footer

  10. Mang

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

  11. Kate

    You’re so smart and awesome!

  12. Thank you so much for this!

  13. Thanks soooooo much for this!!

  14. 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.