Skip to content

Instantly share code, notes, and snippets.

@lucifr

lucifr/Code added to _config.yml

Created December 2, 2011 04:41
Show Gist options
  • Save lucifr/1421792 to your computer and use it in GitHub Desktop.
Save lucifr/1421792 to your computer and use it in GitHub Desktop.
Download ZIP
Flickr aside for Octopress
Raw
Code added to _config.yml
# Flick Badges
# Find your user id here: http://idgettr.com/ It should be something like "25711589%40N00".
flickr_user: 25711589%40N00
flickr_count: 6
Raw
flickr.html
{% if site.flickr_user %}
<section class="flickr">
<h1>My Flickr</h1>
<!-- Start of Flickr Badge -->
<style type="text/css">
/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin: 0 9px 8px 0px;display: inline-block;}
</style>
<div id="flickr_badge_uber_wrapper"><div id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count={{ site.flickr_count }}&display=latest&size=s&layout=x&source=user&user={{ site.flickr_user }}"></script>
</div></div>
<!-- End of Flickr Badge -->
</section>
{% endif %}
@amelandri
Copy link

Inspired by this Gist I created a Flickr aside that displays the most recent Flickr photos using Flickr APIs. Check it out: http://github.com/amelandri/Octopress-Flickr-Aside

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment