Entry tags:

coding: instagram

instagram embed mock-up!

i tried my hand at a mock-up of the instagram embeds, it's not perfect but i think it comes close, and i made it as simply as i could, since i would have confused myself if i tried to make it too exact!

this should be really really simple to edit! the only things you need to change is the userpic, the username link, the picture itself, and how many likes/comments you'd like for it to have! the width and height is easily changed, as is the color of the border. and that's it :) i hope this is useful for someone!

the 'instagram' logo is a link to my journal, i only ask that you leave that there! :)

<table width="400" align="center"> <tr><td><img src="http://placehold.it/50" width="50" style="margin-right: 5px;"> <a href="JOURNALNAMEHERE" style="font-weight:bold;font-size:21px;color:#3F729B; font-family: arial; text-decoration: none;">username</a></td><td align="right"><a href="http://kimbap.insanejournal.com" title="credit; please don't remove!"><img src="http://i.imgur.com/FkxhtcY.png"></a></td></tr> <tr><td colspan="2"><div style="background-color: #d1d1d1; height: 1px; margin: 5px;"> </div></td></tr> <tr><td colspan="2"> <img src="http://placehold.it/400" width="400" style="border: solid 10px #f1f1f1;"> </td></tr> <tr><td colspan="2"><div style="background-color: #d1d1d1; height: 1px; margin: 5px;"> </div></td></tr> <tr><td style="font-weight:bold;font-size:14px;color:#aaa;letter-spacing:-1px; font-family: arial;"><img src="http://i.imgur.com/hblExwI.png"> ## likes</td> <td style="font-weight:bold;font-size:14px;color:#aaa;letter-spacing:-1px; font-family: arial;"><img src="http://i.imgur.com/GCJJ8.png"> ## comments</td></tr> </table>

color codes:
picture border: #d1d1d1

tylerl_hoechlin
94496 likes	3374 comments