Friday, April 27, 2007

Hack: Add a Picture to Your Header

Use your browsers "Find" (ctrl+F) function to search for <div id='header-wrapper'> . Underneath, you will see the following.
<div id='header-wrapper
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='blogtitle (Header)' type='Header'/>
</b:section>
</div>

To enable yourself to add a picture to your header, your going to need to change the maxwidgets number to 5, shadow element to yes, and locked to false. Now you can add your picture, just go to Template, choose Page Elements, and click on the header at the top. You can now upload your picture to the page. while editing your header, you should also make sure to check the placement option so that it says "Instead of title and description", and your all set. You should now be able to drag your header anywhere you like on your page!

No comments: