Backburner Version 1.1.4

European and Japanese Support… kind of

The latest version of Backburner submitted today includes several user requests (keep the feedback coming) and changes to the custom fonts that allow for better support with European and Asian languages.

If you are posting content with lots of umlauts ö, acutes é, circumflexes â, and other extended latin characters (like the incredible travel blog Here to Geneva, you should follow him)  there is now an option under Customize > Appearance to “Use extended font characters”.  This will load in an extended version of the font with full extended latin character support.  The only downside is the extended versions of the fonts are twice the filesize.

Several sites with Japanese content noticed that their text was disappearing all together with the custom fonts.  So to fix this problem and allow better support for Asian languages there is now an option in Customize > Appearance to uncheck “Use custom fonts”.

The additional changes are mentioned on the Theme Versions page.


Frequently asked customization options using Custom CSS and the Description

Quite frequently people ask how to make minor adjustments to the appearance of their site and often the easiest way is to use the Custom CSS field in Customize > Advanced and the Description in Customize > Info.  The advantage of making tweaks through these two fields is you will still automatically get updates to Backburner as they are submitted.  Below are several snippets that are frequently requested to get you going in the right direction.

Center content in the browser

#overall {
  margin: 10px auto 40px auto;
}

Change the background

body{
  background: url(http://PATH_TO_YOUR_UPLOADED_IMAGE) !important;
}

Read More


Sahara Wonderland

Braving through the rugged terrain photographer Dennis Stauffer, zoomion, captured over 150GB of time-lapse footage shot in the Sahara at Ahaggar National Park and put together this amazing piece on the Sahara.  The night time skies he captures are breathtaking.

Read more about the project, gear used, and exact locations for Sahara Wonderland.


I’m loving this theme even more now… great customer service! Worth more than $19!!

Elias:Blog, using the Backburner theme

Backburner Update 1.1.2

Added Facebook Like Button & Fixes

This morning I submitted version 1.1.2 of Backburner for approval.  If you have already purchased Backburner everything should automatically upgrade for you; although if you changed the theme with Custom HTML you will need to manually upgrade or reinstall the theme to get 1.1.2.

Version 1.1.2 primarily changes the share options from Facebook “share” to the new Facebook like button.  Check out all of the changes on the Theme Versions page.

Again, thank you for all the feedback and feature requests!  Keep them coming.


With the release of Backburner 1.1.2 I changed the Facebook share functionality to the new Like button that lets visitors share any Tumblr post to their friends on Facebook with one click. The $19 premium theme, Backburner comes with support for Facebook Like and Twitter retweet (through TweetMeme) as well as additional updates down the road.

If you’re looking to add the like button into your own custom theme the process is pretty straight forward.

Customize Your Button

Go to Facebook’s Developers site and customize the appearance and functionality options for the Like button.

  • URL to Like - This is the URL of you post’s permalink.  Tumblr recently added variable that returns the URL encode version of the permalink - {URLEncodedPermalink}
  • Layout Style - Backburner uses the button count style because of the limited space in the share this overlay, but if your theme has the room you can use the standard style that shows additional information.
  • Show Faces - This option shows several of the profile pictures of the other people who liked this post.
  • Width - If you’re using the button count style you can get away with a width in the 75-100px range.
  • Verb to display: Give you the option to label the Like button as “like" or "recommend”.
  • Font - Allows you to select the font you want to use for the Like button.
  • Color Scheme - Depending where the button will be placed you can choose a light or dark scheme that better suits your design.

For reference here’s Backburner’s Like button HTML code:

<iframe src="http://www.facebook.com/plugins/like.php?href=
{URLEncodedPermalink}&amp;layout=button_count&amp;
show_faces=false&amp;width=98&amp;action=like&amp;
colorscheme=light" scrolling="no" frameborder="0"
allowTransparency="true" style="border:none;
overflow:hidden; width:98px; height:px"></iframe>

Insert IFrame Into Your Theme

After you have your customized HTML code for the Like button you will just need to place the code within Tumblr’s Post loop.  For example…

{block:Post}
...
<!-- Insert HTML code from Facebook -->
{/block:Posts} 

When you are adding in the HTML code make sure you place it outside of the Text, Photo, Audio, etc post blocks so that you only have to add it once for it to show up on the index page as well as the permalink pages.


New Share This Functionality
Backburner 1.1 was just submitted this morning for approval that is full of improvements, new features, and changes.  One new feature is the Share This tool below each post.  If you roll over the button you can copy the short URL, retweet using TweetMeme or share on Facebook.
In the upcoming Backburner 1.1.1 release I will be adding in support for Bit.ly which allows you to use their URL shortener and even roll your own shortener domain name with Bit.ly Pro.

New Share This Functionality

Backburner 1.1 was just submitted this morning for approval that is full of improvements, new features, and changes.  One new feature is the Share This tool below each post.  If you roll over the button you can copy the short URL, retweet using TweetMeme or share on Facebook.

In the upcoming Backburner 1.1.1 release I will be adding in support for Bit.ly which allows you to use their URL shortener and even roll your own shortener domain name with Bit.ly Pro.


New Features, Sharing Support, Flickr Integration, Improvements, and Bug Fixes

Earlier today I submitted version 1.1.0 for approval, and it should be rolled out shortly.  This new version includes quite a few additional features, improvements and bug fixes. If you have already installed Backburner (and haven’t customized the HTML) it should update automatically for you.  If you have customized the HTML it might be helpful to dig through the changes or simply reinstall Backburner to update.

List of Changes

  • Feature: Short URL, retweet with TweetMeme and share on Facebook.
  • Feature: Added Flickr module to the sidebar. Add yourFlickr user ID to the Appearance module to enable.
  • Header: Removed the RSS button from the top right and relocated to the bottom of the sidebar
  • Pages: Removed the date from below the page since dates are not supported by Tumblr for pages.
  • Text Posts: Added support for <pre> tags for codeview
  • Text Posts: Limited the width of YouTube embeds to 500px to prevent breaking the page.
  • Text Posts: Limited image width to 500px.
  • Text Posts: Improved styling for various HTML elements.
  • Answer Posts: Added additional padding below question
  • Sidebar: Added RSS, Follow this Tumblr and Archive to the bottom
  • Sidebar: Added option in Apperances for a portrait thumbnail.
  • Sidebar: Limited width of images to 200px.
  • Sidebar: Fixed buttons for multiple lines
  • Sidebar: Fixed sidebar title rollover background
  • Sidebar: Improved element styles to help prevent poor rendering


Posts I Liked on Tumblr