John D. Turner

Web Developer. Forward Thinker.

Free HTML5 Theme for Bloggart

Download my theme I created for my Google App Engine Bloggart blog. Bloggart is an awesome open source blog created by Nick Johnson.

Features:
  • HTML5 tags
  • Built on the HTML5 Boiler Plate Framework by Paul Irish
  • Mobile Layout using Media Queries
  • Google Fonts
  • Clean and Simple
  • Canonical Urls's
  • To use canonicals urls add the code below to generators in generators.py

    template_vals['canonical_url'] = 'http://' + config.host + post.path
    

    Front 2010-08-20_0905

    Admin 2010-08-20_0906


    Read more »

How to blog in real time with Google's Feed API

Google's version 2 of their popular ajax feed api now can display PubSubHubbub enabled feeds in real-time. Using this api we can now easy blog in real time without polling. I'm going to show you how to set-up the example at the bottom of the page on your website.

First you'll need to configure your blog or website to publish a pubsubhubbub feed. If you're using a WordPress self hosted blog there are a few plugins to choose from that will automatically do this for you. If you are on WordPress.com, Tumblr or Posterous then you're already publishing a PubSubHubbub enabled feed. For Feedburner feeds enable their service called "PingShot" under the publicize tab. The "PingShot" service will enable pubsubhubub on your feed but be aware the that FeedBurner is not real-time from your blog to their service. Otherwise consult the documentation on how to add it to your site's feed.

Now that you are able to publish a real-time feed we want to consume that feed and display it to our readers with the Google Feed API for some real-time awesomeness. You'll need to add the following javascript to include the ...


Read more »

My Posterous Theme for Free Download

I have been ask by several people for my Posterous theme. I have decided to release it for free under the GPL license.

Download

It supports custom colors and pages.

To install:

  1. Download and unzip page from link above.
  2. Open up twitter-sidebar.html and replace line 41 with your Twitter username.
  3. You'll then need to upload this file to a webhost or to your Dropbox public folder for hosting.
  4. Open up theme.html and replace line 870 with the location to twitter-sidebar.html.
  5. Copy the contents of theme.html into your Posterous Themes under Advanced 
  6. Then Save

Please let me know your feedback.

2010-08-14_1522


Read more »

Controlling Sidebars in Thematic

I started using Thematic a couple of weeks ago and have absolutely fallen in love it with. Mucho hooks and filters, which is key to customizing just like WordPress.

I needed a way to control the primary and secondary sidebar and which pages they would show up on without a plugin Widget Logic . After digging through the Thematic code and finding this awesome breakdown of Thematic. I discovered that I could shove some logic code in the Thematic hook ‘thematic_abovemainasides’. In fact you can shove the code in other Thematic hooks to control any Thematic widgetized area.

The code below shows the secondary sidebar only on the blog page and single pages, all other pages show the primary sidebar.


Read more »