Customising Posterous

Posterous is getting new features all the time and I'm sure they already have a massive 'wish list' from their users, so instead of adding to that list I've made a few tweaks to the default dark theme while I wait for the features to appear :)

Firstly, I'd like my own "favicon" or "shortcut icon" and the easiest way to do this is to download the one I use on tumblr, host the image myself and add the following code to the head of the advanced theme option:

<link rel="shortcut icon" href="http://mackney.com/richard/profile/img/avatar_16.png">

Secondly, I like viewing my Posterous on my iPhone, so I've set the zoom (initial scale) to show the main content on the left and enlarged:

<meta content='width=device-width; initial-scale=0.4; maximum-scale=1.0;' name='viewport'/>

and, made a link to the icon I would like to appear on the iPhone homepage if adding my site as a bookmark:

<link rel="apple-touch-icon" href="http://files.posterous.com/user_profile_pics/225657/twitter-avatar-small.png" />

The next thing I wanted was a sitemap. I'm sure this will be coming soon, but I wanted stuff to be found without having to use the tags as I don't always tag my content. I've added the RSS feedburner feed into webmaster tools to ensure all new posts get indexed by Google, but for historic posts I've created a simple static sitemap as a post which will have to be updated manually.

I've inserted this into the TAGS list by adding:

<li style="font-size:0;">Sitemap</li>

Related posts from richard.mackney.com

Loading mentions Retweet

1293

Oct 12, 2009

hedgewytch said...

Very Cool!

Documentally said...

Great post.. i know that if i play though it will end in tears.. :)

I don't believe it Christian ;)

Thanks again for implementing these tips and tricks on my own posterous..

Oct 13, 2009

Think I got it all working except the home button avatar ;(

Jan 16, 2010

Josh Gard said...

Hey Richard! Great tips! I too have been trying to push the limits of what I can do with my Posterous site (www.joshgard.com) and have recently discovered the ability to include javascript using iframes.

I like the TweetMeme widget you have on each post. I've tried doing this with an iframe, but since the JS code is actually on a static html file on my server, it doesn't link to the actual post itself, so the count and button link don't work. How did you get yours working properly?

Jan 18, 2010

Richard Mackney said...

Hi Josh, you need to make the iframe a link to Tweetmeme server like this:

http://api.tweetmeme.com/widget.js?url=http://www.joshgard.com/my-favorite-calvin-and-hobbes-comic

And then enclose it in the iframe and add the url={Permalink} for Posterous to dynamically add the URL ...

Hope this helps?

Richard