<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Afif Fattouh - Web Specialist &#187; theme</title>
	<atom:link href="http://www.afiffattouh.com/tag/theme/feed" rel="self" type="application/rss+xml" />
	<link>http://www.afiffattouh.com</link>
	<description></description>
	<lastBuildDate>Sun, 05 Sep 2010 14:43:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>In-Depth Review of Tumblr’s Custom Theming Ability</title>
		<link>http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability</link>
		<comments>http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability#comments</comments>
		<pubDate>Sun, 05 Sep 2010 14:28:58 +0000</pubDate>
		<dc:creator>Afif Fattouh</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[tumblr]]></category>

		<guid isPermaLink="false">http://www.afiffattouh.com/?p=7918</guid>
		<description><![CDATA[<a href="http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability"><img align="left" hspace="5" width="150" src="http://netdna.webdesignerdepot.com/uploads/2010/08/thumb2.gif" class="alignleft wp-post-image tfe" alt="thumb" title="thumb" /></a>Tumblr. If you’re a savvy tech maven, you may have heard of, or had  the chance to use, this powerful microblogging platform.
No wonder;  millions of people have chosen Tumblr as their blogging service, and the  average Tumblr user creates 14 original posts every month. Half of  those posts are photos, and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://netdna.webdesignerdepot.com/uploads/2010/08/thumb2.gif"><img class="alignleft size-full wp-image-19661" title="thumb" src="http://netdna.webdesignerdepot.com/uploads/2010/08/thumb2.gif" alt="thumb" width="200" height="160" /></a><a rel="nofollow" href="http://www.tumblr.com" target="_blank">Tumblr</a>. If you’re a savvy tech maven, you may have heard of, or had  the chance to use, this powerful microblogging platform.</p>
<p>No wonder;  millions of people have chosen Tumblr as their blogging service, and the  average Tumblr user creates 14 original posts every month. Half of  those posts are photos, and the rest consist of text, links, quotes,  music and video.</p>
<p>Tumblr is nothing to sneeze at. It has proven itself worthy of  receiving cash infusions from two venture capital firms and a number of  angel investors.</p>
<p>If you’re thinking of climbing on board the Tumblr  train, this article is your golden ticket. We’ll discuss what Tumblr is  and how it works, then we’ll look at how to customize it. We’ll cap that  with a few miscellaneous bits of wisdom—things I wish I knew when I got  started with Tumblr. All aboard!</p>
<h1>What Is It?</h1>
<p><a href="http://www.tumblr.com/"><img class="alignnone size-full wp-image-19663" title="1" src="http://netdna.webdesignerdepot.com/uploads/2010/08/11.gif" alt="1" width="615" height="450" /></a></p>
<p>Before diving into customizing Tumblr, let’s hammer out what Tumblr  is and how it works. If you’re already familiar with Tumblr, skip down  to the “Customizing Tumblr” section below.</p>
<p><a href="http://www.tumblr.com/">Tumblr</a> is a unique microblogging  platform that bills its service as <em>“the easiest way to blog”</em>— and ease of  use is certainly its main draw. Sharing the usual suspects (text and  links) is dead simple, but Tumblr really shines when sharing media such  as photos, video and music. Heck, even sharing quotes from other  websites is easy.</p>
<p>And Tumblr is growing fast; at the time of writing,  Tumblr had 951,860,971 posts created by 7,068,516 bloggers.</p>
<p>Tumblr has developed a unique vocabulary to describe the platform. A  “tumblog” is the word insiders use to describe a Tumblr-powered blog,  and to “reblog” is to repost content from another tumblog.</p>
<p>You can also  “like” other tumblogs, and a tumblog can attract “followers” (as on  Twitter), who receive updates each time you post content.</p>
<h1>Admin Interface</h1>
<p><img src="http://netdna.webdesignerdepot.com/uploads/tumblr/002-Admin-Dashboard.jpg" alt="" /></p>
<p>Tumblr’s admin interface is sleek. It’s simple and not  graphics-heavy, but you can tell a lot of thought went into the layout.  Across the top are seven buttons for the different types of posts you  can create. Each one looks like a torn piece of paper, and its tear—if  you examine it closely—matches the one on the paper to its left.</p>
<p>In the right sidebar, you can see how many people you are following  and how many are following you. You’ll also find links to your messages,  drafts, queue and customization menu.</p>
<p>You’ll either love or hate the “Radar” in the sidebar, which features  content from the Tumblr universe. If you don’t want to see it, you can  minimize it by clicking the “Hide” link directly below.</p>
<p>The main attraction of the admin page is the content that gets sucked  in from people you are following. Unfortunately, Tumblr automatically  subscribes you to the “Staff” account, which means you’ll be subjected  to news, announcements and promotions from time to time.</p>
<p>In the main  information pipeline, you’ll also see your own posts and notes when  people become your followers or reblog or like your content.</p>
<h1>Ways to Post</h1>
<p><img src="http://netdna.webdesignerdepot.com/uploads/tumblr/003-Ways-to-Post.jpg" alt="" /></p>
<p>There are plenty of ways to post on Tumblr. The conventional method  is to log into the admin area, but you have other options. If you prefer  to publish on the go, you can use the free iPhone app or simply text  posts in from a mobile phone.</p>
<p>If you are an email fiend, you’ll appreciate Tumblr’s sophisticated  email publishing capability. To use it, simply email the unique address  provided. It automatically detects the type of content you want to post  and formats it accordingly. You can even use mark-up in email posts.</p>
<p>One of my favorite ways to post on Tumblr is to use the bookmarklet,  which makes it easy to share anything you’re looking at on the web. For  example, by highlighting text on a page and clicking the bookmarklet, it  detects that you want to quote it.</p>
<h1>Types of Posts</h1>
<p>Tumblr features seven types of posts:</p>
<ul>
<li><em><strong>Text,</strong></em></li>
<li><em><strong>Photo,</strong></em></li>
<li><em><strong>Quote,</strong></em></li>
<li><em><strong>Link,</strong></em></li>
<li><em><strong>Chat,</strong></em></li>
<li><em><strong>Audio,</strong></em></li>
<li><em><strong>Video.</strong></em></li>
</ul>
<p>For the most part, these are self-explanatory. One cool feature worth  highlighting, though, is the way Tumblr handles pictures. You can post a  single photo, of course, but much cooler is the “photo set”—basically, a  slick photo gallery that doesn’t require any programming.</p>
<h1>Customer Service</h1>
<p>This is one of the few areas in which Tumblr disappoints. I’ve had to  contact customer support at least twice and didn’t hear back either  time.</p>
<p>Platform features are documented to some extent, but you wouldn’t  know a lot of things unless someone told you—like how to find the  permalink to one of your posts in the dashboard (see the “Miscellaneous  Bits of Wisdom” section below for the answer).</p>
<p>As it is, you’re better off asking a friend or searching through a  forum to find the answer to your question than contacting Tumblr  directly for help. It’s sad, but Marc LaFountain hasn’t been much of an  ambassador to the community, at least not in my view.</p>
<h1>Free (for Now)</h1>
<p>One of the best things about Tumblr is its price: free. I’m a little  puzzled by how Tumblr makes money (perhaps it’ll introduce the  equivalent of a sponsored tweet sometime).</p>
<p>It doesn’t make you pay for  storage or bandwidth, and you don’t have to upgrade to get “advanced”  features such as the ability to customize your website or use your own  domain name.</p>
<p>It’s nice, but will it be free forever? That’s a question you might  want to ask before rushing full-speed ahead into developing your own  Tumblr theme.</p>
<h1>No FTP Capabilities</h1>
<p><img class="image-border" src="http://netdna.webdesignerdepot.com/uploads/tumblr/004-No-FTP.jpg" alt="" /></p>
<p>Unfortunately, Tumblr does not have file transfer protocol (FTP)  capabilities. To make changes to your theme, copy and paste your code  into a window in the customization interface.</p>
<p>It’s a bit of a pain, but  you’ll need to make the trade-off in order for Tumblr to work with your  design.</p>
<h1>Using the Queue</h1>
<p><img src="http://netdna.webdesignerdepot.com/uploads/tumblr/005-Queue-Controls.jpg" alt="" /></p>
<p>The queue feature is a great way to keep fresh content bubbling up to  the front page of your blog and holding the audience’s attention.</p>
<p>Unfortunately, it doesn’t always work as you’d expect. There are times  when it works perfectly, but on more than a few occasions my entire  queue has been published at once. It’s very nice when it works, but it  can be a huge frustration when it doesn’t.</p>
<h1>The Mega-Editor</h1>
<p><img class="image-border" src="http://netdna.webdesignerdepot.com/uploads/tumblr/006-Mega-Editor.jpg" alt="" /></p>
<p>The mega-editor lets you make batch adjustments to multiple posts  (adding a tag, for example, or deleting several posts). In the  mega-editor view, content can be sorted by week or by month.</p>
<h1>Customizing Tumblr</h1>
<h2>Building a Theme</h2>
<p>And now for the good stuff: customizing a Tumblr theme. Check out the official Tumblr <a href="http://www.tumblr.com/docs/en/custom_themes">documentation on theme customization</a>. You might also want to glance at Tumblr’s <a href="http://www.tumblr.com/themes/recent">Theme Garden</a> to get a sense of what others have done with the platform.</p>
<p>You’ll probably want to create your own theme only if you’re good at  writing HTML by hand. If you use Dreamweaver or another WYSIWIG editor,  this might not be for you.</p>
<h2>Coding Structure</h2>
<p><img src="http://netdna.webdesignerdepot.com/uploads/tumblr/007-Variable-and-Blocks.jpg" alt="" /></p>
<p>Tumblr uses two operators to render specific types of content in your  HTML, and you’ll need to familiarize yourself with both. These  operators are “Variables” and “Blocks.” To quote Tumblr directly:</p>
<blockquote><p><em>Variables are used to insert dynamic data, like your blog’s title or  description, while blocks are used either to render a block of HTML for a  set of data (like your posts) or to conditionally render a block of  HTML (like a “Previous Page” link).</em></p></blockquote>
<p>Basic variables include <code>In-Depth Review of Tumblr’s Custom Theming Ability</code>, <code>{Description}</code>, <code>{RSS}</code> and <code>{Favicon}</code>.</p>
<p>Let’s say you want to render a pagination block. This is how you’d do it:</p>
<pre>{block:Pagination}{/block:Pagination}</pre>
<p>Each type of post is made up of numerous variables and blocks, so  you’ll have to style each type separately with CSS. If you plan to  release your Tumblr theme for free or for cost, be sure to enable custom  colors, fonts, text and images, as well as the custom CSS.</p>
<h2>Using Your Own Domain Name</h2>
<p>Your blog won’t be completely customized until you’re using your own  domain name, and fortunately this is very easy.</p>
<p>Simply follow your  domain registrar’s instructions to point your domain’s <a href="http://en.wikipedia.org/wiki/A_record">A-record</a> (IP address) to 72.32.231.8—it will be the same for every domain you  want to use. No need to mess with the name servers for this.</p>
<p>To make sure your domain is set up properly, click on the <a href="http://www.tumblr.com/check_domain">Custom Domain Test</a> tool. To finish up, log into the admin dashboard and click <em>Customize → Info → Use a Custom Domain Name</em>. Enter your domain name, click “Save Changes,” and you’re good to go.</p>
<h1>Miscellaneous Bits of Wisdom</h1>
<h2>Social Integration</h2>
<p>The built-in Facebook, Twitter and FeedBurner tools are definitely  worth using if you don’t want to mess with third-party solutions.</p>
<p>Unsurprisingly, integrating social media is a snap. Navigate to <em>Customize → Services</em>,  and enter your account information.</p>
<p>Tumblr can send posts to your  Facebook news feed and Twitter account automatically. If you want to  integrate FeedBurner, Tumblr can redirect your blog’s regular RSS feed  to a designated FeedBurner feed.</p>
<h2>Letting Users Submit Posts</h2>
<p>One nifty built-in feature of Tumblr is the ability to let users  submit posts; for example, to set up a users’ news section on your blog.</p>
<p>To enable this feature, go to <em>Customize → Community</em>, and check  the “Let people submit posts” box. Your readers will then be able to  contribute to your website. You can display submission guidelines,  decide what kinds of posts people can submit and pre-populate tags.</p>
<h2>Finding Permalinks</h2>
<p>When you hover over an article in your dashboard, the top-right  corner of the box folds down; clicking in that area reveals the  permalink for that post. If someone hadn’t have told me about this, I  never would have known.</p>
<h2>Your Primary Blog</h2>
<p>Be cautious: your first Tumblr blog will be your primary blog by  default, even if you create another one down the road. Every time you  log into the admin panel, this blog will show up first. Use the  drop-down menu in the sidebar to switch to your other blogs.</p>
<h2>Favicons</h2>
<p>The favicon is basically your portrait, and it can be changed by clicking <em>Customize → Info</em>.</p>
<h2>Setting Your Time Zone</h2>
<p>This may seem minor, but if you plan to use the queue, then make sure your time zone is set correctly. Go to <em>Customize → Advanced</em>.</p>


<div class="shr-bookmarks shr-bookmarks-spaced shr-bookmarks-bg-caring-old">
<ul class="socials">
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=In-Depth+Review+of+Tumblr%E2%80%99s+Custom+Theming+Ability+-+http://bit.ly/9Ys4vZ&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability&amp;title=In-Depth+Review+of+Tumblr%E2%80%99s+Custom+Theming+Ability" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability&amp;title=In-Depth+Review+of+Tumblr%E2%80%99s+Custom+Theming+Ability" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability&amp;title=In-Depth+Review+of+Tumblr%E2%80%99s+Custom+Theming+Ability" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-designfloat">
			<a href="http://www.designfloat.com/submit.php?url=http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability&amp;title=In-Depth+Review+of+Tumblr%E2%80%99s+Custom+Theming+Ability" rel="nofollow" class="external" title="Submit this to DesignFloat">Submit this to DesignFloat</a>
		</li>
		<li class="shr-designbump">
			<a href="http://designbump.com/submit?url=http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability&amp;title=In-Depth+Review+of+Tumblr%E2%80%99s+Custom+Theming+Ability&amp;body=Tumblr.%20If%20you%E2%80%99re%20a%20savvy%20tech%20maven%2C%20you%20may%20have%20heard%20of%2C%20or%20had%20%20the%20chance%20to%20use%2C%20this%20powerful%20microblogging%20platform.%0D%0A%0D%0ANo%20wonder%3B%20%20millions%20of%20people%20have%20chosen%20Tumblr%20as%20their%20blogging%20service%2C%20and%20the%20%20average%20Tumblr%20user%20creates%2014%20original%20posts%20every%20month.%20Half%20of%20%20those%20posts%20are" rel="nofollow" class="external" title="Bump this on DesignBump">Bump this on DesignBump</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<script type="text/javascript">var wordpress_toolbar_urls = ["http:\/\/netdna.webdesignerdepot.com\/uploads\/2010\/08\/thumb2.gif","http:\/\/www.tumblr.com","http:\/\/www.tumblr.com\/","http:\/\/www.tumblr.com\/","http:\/\/www.tumblr.com\/docs\/en\/custom_themes","http:\/\/www.tumblr.com\/themes\/recent","http:\/\/en.wikipedia.org\/wiki\/A_record","http:\/\/www.tumblr.com\/check_domain","http:\/\/twitter.com\/home?status=In-Depth+Review+of+Tumblr%E2%80%99s+Custom+Theming+Ability+-+http:\/\/bit.ly\/9Ys4vZ&amp;source=shareaholic"];var wordpress_toolbar_url = "http://www.afiffattouh.com/wp-content/plugins/wordpress-toolbar/toolbar.php";var wordpress_toolbar_oinw = "n";var wordpress_toolbar_hash = "aHR0cDovL3d3dy5hZmlmZmF0dG91aC5jb20vd2ViLWRlc2lnbi9pbi1kZXB0aC1yZXZpZXctb2YtdHVtYmxyJWUyJTgwJTk5cy1jdXN0b20tdGhlbWluZy1hYmlsaXR5PHdwdGI%2BSW4tRGVwdGggUmV2aWV3IG9mIFR1bWJscuKAmXMgQ3VzdG9tIFRoZW1pbmcgQWJpbGl0eTx3cHRiPmh0dHA6Ly93d3cuYWZpZmZhdHRvdWguY29tPHdwdGI%2BQWZpZiBGYXR0b3VoIC0gV2ViIFNwZWNpYWxpc3Q%3D";</script>]]></content:encoded>
			<wfw:commentRss>http://www.afiffattouh.com/web-design/in-depth-review-of-tumblr%e2%80%99s-custom-theming-ability/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
