Skip to content

Instantly share code, notes, and snippets.

@disinfeqt
Created April 13, 2012 14:35
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save disinfeqt/2377300 to your computer and use it in GitHub Desktop.
Save disinfeqt/2377300 to your computer and use it in GitHub Desktop.
Lik theme for Tumblr by disinfeqt
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="http://static.tumblr.com/bwquhfx/1XSm3z7em/favicon.png">
<style type="text/css">
/* Version 1.3 */
*{margin:0;padding:0;}a{color:red;text-decoration:none;}a:hover{background:red;color:white;}body{font:13px/1.5 'Helvetica Neue', Arial, sans-serif;color:#333;}#likes_container{overflow:hidden}h2{font-size:20px;text-transform:uppercase;text-align:center;margin:10% 0;}#likes{overflow:hidden;list-style-type:none;max-width:1200px;margin:0 auto 5%;}.like_post{float:left;margin:0 0 50px;width:250px;}.like_post img{width:100%}.like_post blockquote{margin:0;padding:0 0 0 10px;border-left:1px solid #eee;}.like_post ol,.like_post ul{margin:0 0 0 15px;padding:0;}.like_post .like_link a{font-weight:bold}.like_post .like_title{font-weight:bold;margin:0 0 20px;color:#333;font-size:16px;}.like_post .post_info_bottom{margin:5px 0 0 0;display:block !important;font-size:11px;}.like_below_photo{height:5px;}.more,.copyright{margin:0 0 5%;font-size:11px;text-align:center;}.more a{display:inline-block;width:200px;background:red;color:#fff;padding:5px;text-align:center;font-size:11px;text-transform:uppercase;border-radius:50px;}a[href="#"]{display:none;}
</style>
</head>
<body>
{block:Likes}
<div id="likes_container">
<h2>
<a href="/">&#10084;</a>
<br>
{Title}
</h2>
{Likes limit="10" summarize="100" width="250"}
<p class="more">
<a href="http://www.tumblr.com/liked/by/{Name}">See more stuff I like</a>
</p>
<p class="copyright">
Powered by <a href="http://www.tumblr.com">Tumblr</a> and <a href="http://dison.co/lik">Lik</a> theme.
</p>
</div>
{/block:Likes}
<script src="http://static.tumblr.com/bwquhfx/1QFm4vecg/masonry.min.js"></script>
<script>
window.onload = function() {
var wall = new Masonry( document.getElementById('likes'), {
columnWidth: 250,
gutterWidth: 50,
isFitWidth: true
});
};
</script>
</body>
</html>
@disinfeqt
Copy link
Author

Lik is a minimal theme for Tumblr. http://dison.co/lik

Well, it's actually not a theme. It has only one feature: show stuff you liked on Tumblr.

Installation:

  1. Visit http://tumblr.com/preferences make sure Share posts I like is enabled
  2. Click Customize theme
  3. Click Edit HTML
  4. Empty everything then paste the code above

Due to the limit of Tumblr API, Lik can only fetch your 10 latest likes.

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