Saturday, July 11, 2015

For FLICKR users - a workaround

Are you a FLICKR user and annoyed at FLICKR right now?

I use FLICKR to store the photos for my blog and then I use their HTML embed code to add the photo to my blog.  I originally did it because I thought photos done that way were crystal clear and I had a real problem getting clear photos if I loaded directly from my computer.  (Long story - but blogger's algorithms to format photos don't play well with whatever camera settings I was using for my photos.  After researching and trying about 100 different settings to make it better - I got tired and moved to FLICKR where I was already storing my personal photos anyway.)

In the last week, FLICKR announced a change that they were excited about.
Today we’re excited to start rolling out a new version of our HTML embed code, with more visible attribution of the photo owner and enhanced features.  
But they have taken a ton of heat in their forum because most users weren't as excited.  Here's what a photo looks like if you just keep uploading in the regular way.  (BTW - the junk on the top and the bottom doesn't show up when you are writing your post - only when you preview or publish, so you might not have noticed what's going on. Also, the stuff I'm talking about doesn't show up in many blog readers like Feedly.  But if your readers go directly to your blog, they will see it.)

RC Ice Cream For Sweet Sunday

I pay for FLICKR - I really don't want to be forced to advertise.  PLUS, my photo title and comments at the bottom are intended for FLICKR users - they direct people back to my blog.  I don't want that same comment actually on my blog.  And it looks worse if you don't rename your photos - your title would show up as DSC_0045 or whatever gobbledy-gook your camera uses.  I've also read that this new stuff really slows down the loading of your blog for your readers.

It's a pain, but you can actually get rid of it.  Hopefully FLICKR listens to the annoyed users in their forum and we won't have to do this for long.

Here's the new code you get when you want to embed a photo from FLICKR.  It usually comes all together in a string, but I have broken it down for demonstration purposes and I have highlighted the offending portions.


<a
data-flickr-embed="true" data-header="true" data-footer="true" 
 href="https://www.flickr.com/photos/70360263@N03/18532466199/in/album-72157629759927271/" title="RC Ice Cream For Sweet Sunday"><img src="https://farm1.staticflickr.com/419/18532466199_a19c372b4f.jpg" width="500" height="387" alt="RC Ice Cream For Sweet Sunday"></a>
<script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>



Just get rid of the highlighted portions!  You want your code to start with "<a href" just like it did before and you want to get rid of the script stuff at the end.  My code would look like this.



<a href="https://www.flickr.com/photos/70360263@N03/18532466199/in/album-72157629759927271/" title="RC Ice Cream For Sweet Sunday"><img src="https://farm1.staticflickr.com/419/18532466199_a19c372b4f.jpg" width="500" height="387" alt="RC Ice Cream For Sweet Sunday"></a>



And my photo goes back to looking like it did before!

RC Ice Cream For Sweet Sunday


Just for completeness - I need to tell you that I don't know HTML - I just wanted to put the code back to the way it looked before, so I started deleting stuff.  The "official" comment in their forum directs you to change "true" in the code so that data-header="true" and data-footer="true" both equal "false".  It does work, I just found it to be a much bigger pain than simply deleting.

Hope this helps!

8 comments:

Linda Wood said...

Thank you for your clear and understandable explanation/workaround. I, too, hate the intrusive ad "machines" that are everywhere. Almost daily, I ask myself, "Whose computer is it, mine, or Microsoft's or Google's or Facebook's?" Again, thanks!

Tenia Nelson said...

AWESOME!!

cm said...

Kim: I think you have a 'technology-based' future ahead of you! I'm a doofus in everything, whereas you...brilliant (especially 'infiltrating' code...). Hoping the Flickr folks listen to their patrons...
~c

snappy scrappy said...

FAB design...too cute!

Nora N. said...

What a cute card!! I use it right for my computer so did not know this!!

Nora N. said...

What a cute card!! I use it right for my computer so did not know this!!

Marjolein said...

Sounds pretty annoying to me! Well, you sure put some work in this.
Thank goodness for your creativity, speaking of which...
Your card is perfect!
Haven't been around lately, so I missed out on quite a few of your gorgeous creations and blogposts. :-(
Anyway, it's good to visit your blog again!
I always feel so much happier after reading your posts and seeing all the eye candy!
Just got to love your style!! :-)
Bye,

Marjolein

Tracey McNeely said...

Oh gad Kim, I had no idea about any of this! Thank you once again for all the useful tips, filing it for when I get a chance to deal with it. Why don't companies just leave well enough alone! :)