<?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>WordPress World &#187; hacks</title>
	<atom:link href="http://www.wordpressworld.net/tag/hacks/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wordpressworld.net</link>
	<description>Useful resources for bloggers</description>
	<lastBuildDate>Thu, 25 Feb 2010 13:53:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Custom image header for Thesis theme in WordPress</title>
		<link>http://www.wordpressworld.net/wordpress-themes/custom-header-thesis-theme/</link>
		<comments>http://www.wordpressworld.net/wordpress-themes/custom-header-thesis-theme/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 13:53:19 +0000</pubDate>
		<dc:creator>Tiziano</dc:creator>
				<category><![CDATA[WordPress Themes]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[hacks]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[Thesis]]></category>

		<guid isPermaLink="false">http://www.wordpressworld.net/?p=25</guid>
		<description><![CDATA[Are a you a Thesis user? Do you wanna put a custom image and a banner in your blog header? Follow this tutorial to learn how to do it. Visit the Thesis Option page of you blog and deselect these checkboxes: Show site name in header and Show site tagline in header. Edit your custom_functions.php [...]<p><a href="http://www.wordpressworld.net/wordpress-themes/custom-header-thesis-theme/">Custom image header for Thesis theme in WordPress</a> is a post from: <a href="http://www.wordpressworld.net">WordPress World</a></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Are a you a <a href="http://diythemes.com/thesis">Thesis</a> user? Do you wanna put a custom image and a banner in your blog header? Follow this tutorial to learn how to do it.</p>
<p>Visit the Thesis Option page of you blog and deselect these checkboxes: <em>Show site name in header</em> and <em>Show site tagline in header</em>.</p>
<p><img class="aligncenter size-full wp-image-22" title="thesis display options" src="http://www.wordpressworld.net/wp-content/uploads/2010/01/thesis-display-options.png" alt="" width="314" height="299" /><span id="more-25"></span></p>
<p>Edit your <em>custom_functions.php</em> file ed insert the following code:</p>
<pre class="brush: php;">
function my_header() { ?&gt;
&lt;div id=&quot;sitelogo&quot;&gt;
	&lt;a href=&quot;&lt;?php bloginfo('url') ?&gt;&quot;&gt;&lt;img src=&quot;&lt;?php bloginfo('template_directory') ?&gt;/custom/images/Sitelogo.png&quot; width=&quot;610&quot; height=&quot;100&quot; alt=&quot;Whatever you want&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div id=&quot;leaderboard_ad&quot;&gt;
	&lt;!-- Insert your banner code here (234x60) --&gt;
&lt;/div&gt;
&lt;?php }
add_action('thesis_hook_header', 'my_header');
</pre>
<p>You must have <em>Sitelogo.png</em> image in the /custom/images/ folder of your Thesis theme. In this case the image size is 610&#215;100 pixel. Obviously you can choose any other size but don&#8217;t forget to change the code in <em>custom_functions.php</em>.</p>
<p>You have to edit also your <em>custom.css</em> file (you can find it in custom folder of Thesis theme) and insert these lines:</p>
<pre class="brush: css;">
.custom #my_header {
width: 100%;
float: left;
}

.custom #sitelogo {
float: left; height: 100px; width: 610px; padding: 0px;
}

.custom #leaderboard_ad {
float: left;
width: 234px;
height: 60px;
margin-top: 26px;
margin-left: 116px;}
</pre>
<p>That&#8217;s all, now you have a custom header with your logo on the left and a banner on the right.</p>
<p>Of course, you must adapt image and banner size according to your needs.</p>
<p><a href="http://www.wordpressworld.net/wordpress-themes/custom-header-thesis-theme/">Custom image header for Thesis theme in WordPress</a> is a post from: <a href="http://www.wordpressworld.net">WordPress World</a></p>
<div class="shr-publisher-25"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.wordpressworld.net%2Fwordpress-themes%2Fcustom-header-thesis-theme%2F' data-shr_title='Custom+image+header+for+Thesis+theme+in+WordPress'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.wordpressworld.net/wordpress-themes/custom-header-thesis-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

