Change header image on JunPress

Notice: Do not copy and past the code below into your .php files.  This code has been formatted through html.  Please type in the actual code into your .php file.  This also helps you learn how to code html and you’ll be a CSS master in no time  :)

1. Open up the header.php for JunPress

2. The image size is currently set to 625px by 225px.  If you would like to add an image without resizing the header, just add an image that is 625px by 225px.  If you would like to change the size of the image and the size of the header, go to this tutorial.

3. On lines 64-66, locate the following code:

<div id=”header-left”>
<img src=”http://junloayza.wordpress.com/files/2009/05/junpress-header.jpg” alt=”JunPress Header Image”>
</div>

4. Add the url for the image you want to the <img src=”">.  For example:

<img src=”http://domainforthesite.com/images/filenamefortheimage.jpg”>

5. Add the short description for the image in the alt=”".  For example:

alt=”Short description of image”

6. Put it all together and the new code looks like this:

<div id=”header-left”>
<img src=”http://domainforthesite.com/images/filenamefortheimage.jpg” alt=”Short description of image”>
</div>

7. Save the file

If you have any questions about this, feel free to ask me in the comment section.  Thanks!

RSS feed | Trackback URI

Comments »

No comments yet.

Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Trackback responses to this post