Easily embed flickr images into posts
Embed.ly
Embed.ly is a service that provides its users to embed content from endpoint urls for 250 services.
It is is easy to test url’s by modifying the href
in the HTML embed code below
<a class="embedly-card" href="">crop_template</a>
<script>!function(a){
var b="embedly-platform",
c="script";
if(!a.getElementById(b)){
var d=a.createElement(c);
d.id=b,
d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";
var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}}(document);
</script>
On research-pages
I added features for Flickr images and general embedly links. See _includes
Why both when they do the same thing? Be specific. It will save time down the line.
Use the following liquid syntax in your posts and pages.
# Show Flickr Image
{% include flickr.html url='http://www.flickr.com/photos/tonyfast/15198543551/' %}
# Try A SlideShare Presentation
Use the general embedly include statement.
{% include embedly.html url=page.deck %}
Examples in Action
Flickr Embed
SlideShare Embed
Modifications to the styling can be gleaned from the embedly code generator.