Eliminating flickr Logos on your Blog Photos

I think it is kind of funny that SO much of the SBC happens on flickr, like, people use flickr? It's 2015! But it does end up being the easiest way to store photos. I used to just keep all my photos on my computer in a giant folder named "blog." Pro blog tip: this is not the best way to store photos, especially if they are all automatically named by your camera "IMG00387" or whatever. But recently, I noticed that all my pictures were getting an annoying overlay c/o flickr with the photo's name and the flickr logo. You can see it in the picture below: in the top right-hand corner it says "flickr" and then bottom left and right have my flickr username and "all rights reserved" respectively. Add that pinterest button and you can barely see the picture. Ugh!

Untitled

If I want a label on my picture, I'll do it myself.
I did some googling and couldn't find anyone who showed how to get rid of this, but I figured it out myself through trail and error.

When you get your photo from flickr, you'll copy a little bit of code that will look something like this:

<a data-flickr-embed="true"  href="https://www.flickr.com/photos/85553129@N04/21373864336/" title="Untitled"><img src="https://farm6.staticflickr.com/5757/21373864336_ee759a453b_n.jpg" width="640" height="427" alt="Untitled"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>

What you want to do now is past it into the html view of your post editor, and then delete that first bit highlighted in red below:

<a data-flickr-embed="true"  href="https://www.flickr.com/photos/85553129@N04/21373864336/" title="Untitled"><img src="https://farm6.staticflickr.com/5757/21373864336_ee759a453b_n.jpg" width="640" height="427" alt="Untitled"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>

Your photo should look like this--no overlay!

Untitled

I haven't seen flickr logos all over everyone's pictures, so maybe it's just me? I really have no idea what's going on with this. All of a sudden they just started showing up! Do you use flickr? Do you have this same problem? Is there a better way to get rid of the overlay? Basically, do you know what you're doing at all? I don't!

xoxo,
allie

ps: another blogging tip! i used to struggle with making my posts semi-uniform but i made a template. you want to write a little fake post with any of your formatting (like making this endnote italic, or whatever) and then copy all the formatting from the html editor screen. then you can paste this into the "post template" box under settings>posts and comments. this is what you would use if you had a signature file for the end of each post, or a bloglovin' button like the one right below here!

allie J.

4 comments:

  1. Nice tip! Although, for what it's worth, the flickr logo, etc. only show up when you mouse over the image. Then it disappears after a second. Just so you know, it's not getting in the way too much on your older posts. :)

    ReplyDelete
    Replies
    1. Thank's for the reassurance! (Also, nice name! and I used to live in Charlottesville, so we were name twins AND neighbors!)

      Delete
  2. It drives me nuts that flickr does this by default now. I guess they wanted to advertise on everyone's pictures. They say they'll make this optional eventually... I also remove the bit at the that start with <script. Not an html expert either -- just making this up as I go along!

    ReplyDelete
  3. Oh actually I like this. Knowing that it only shows up when you have your pointer on it makes it acceptable with me. Especially if that info is there if someone swipes my picture for their own use. I haven't gone to the trouble to watermark any of my photos so this gives me some protection and I didn't have to do a thing but use my photos in Flicker. Cool.

    ReplyDelete

@helloallieJ

Back to Top