A Pen by Thomas Kimura.

A-Pen-by-Thomas-Kimura.markdown

A Pen by Thomas Kimura

A Pen by Thomas Kimura on CodePen.

License.

index.html

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
 
<div id="container">
<div id="instafeed"></div>
</div>
      
<script src="http://f.cl.ly/items/3o2z3b1R3G250G1t0w2L/instafeed.min.js"></script>

script.js

//Initiante instafeed.js
    var userFeed = new Instafeed({
        limit: 20,
        get: 'user',
        userId: 226603588,
        resolution: 'low_resolution' ,
        accessToken: '226603588.467ede5.35d9e4467e4f418dab11056eac4a6f1e',
      template: '<div id="group"><a href="{{link}}"><img src="{{image}}"/></a><br/><span id="likes">{{likes}} <i class="fa fa-heart"></i></span></div>'
    });
    userFeed.run();

style.css

#container
{
  text-align:center;
}
#group
{
  margin:200px;
}
#likes
{
  text-decoration:none;
  color:#ccc;
  font-family:arial;
}
#instafeed img
{
  opacity:0.6;
  padding-bottom:10px;
  border: 1px solid white;
  border-radius:153px;
}
 
#instafeed img:hover
{
  opacity:1;
}