Jane Blogs » theme editing http://janeblogs.net crafty artist mum Thu, 17 May 2012 12:38:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 How to add a signature to your blog posts http://janeblogs.net/blogging/how-to-add-a-signature-to-your-blog-posts/ http://janeblogs.net/blogging/how-to-add-a-signature-to-your-blog-posts/#comments Sun, 01 Mar 2009 11:00:21 +0000 Jane Blogs http://heart-this.com/?p=216 One of my own sig filesSome of the most attractive blogs around have a signature image at the bottom of every post.

Post signatures range from the plainer style, with text only, to more complex image files.

Stephani's sig file ~ Mommy in Search of BalanceThese are a few of the nicer sig files I’ve seen used on people’s blogs, to give you some ideas if you decide to use an image signature.

Whichever you would like to place on your blog, it’s relatively simple.

1. Backup index.phpKathy's sig file ~ Ready, Set, Scrap

Download a copy of index.php and save it on your hard drive. This is just in case you make a mistake while editing your theme.

2. Edit index.php

Open index.php in your theme editor. Now look for these lines of code:

<?php the_content(); ?>Andrea's sig file ~ Delight in the Little Things

You will need to insert your signature text or image file here, in between these two lines

<p class=”postmetadata”>

3. For text, insert this code

<p>your text</p>

4. For an image, insert this code

<p><img src=”your image location” border=”0″></p>

The border attribute will override any image border settings in your blog theme, and ensure that your image doesn’t end up with an outline that you didn’t want.

5. Repeat for single.php

This will ensure that the signature appears when posts are viewed on their own page.

6. Repeat for archive.php

Likewise, for when posts are listed in archive form

7. Repeat for page.php

Do so only if you wish your blog signature to appear at the bottom of pages you have created.

And don’t forget to save each file after adding your code.

Have fun!

]]> http://janeblogs.net/blogging/how-to-add-a-signature-to-your-blog-posts/feed/ 1 How to turn your wordpress header-image into a link http://janeblogs.net/blogging/how-to-turn-your-wordpress-header-image-into-a-link/ http://janeblogs.net/blogging/how-to-turn-your-wordpress-header-image-into-a-link/#comments Mon, 16 Feb 2009 11:00:03 +0000 Jane Blogs http://heart-this.com/?p=89 Confessions from the Rubber RoomToo often, the choice of basic fonts available can limit the look of your blog.

And by using an image for your header, you can create some wonderful effects.

The most frustrating part with WordPress blogs is how to do that and still have your header as a ‘clickable’ link to the home page of your blog.

Well, here we go.

1. Open your header.php file

Whether you do this in wordpress through your theme editor, or make changes and upload the altered copy is up to you.

Here’s a how-to in case you’re not sure where to find the information.

2. Find the right part of the code

Scroll down through the file until you find the <body> tag and it will be just under there.

It should look something like this:

php code in header.php

3. Replace the old code with the new & save

Replace everything from <div id=”header”> to </div> with the following:

<div id="header">
    <a href="<?php bloginfo('url'); ?>">
  <img src="header image url" alt="<?php bloginfo('name'); ?>" />
    </a>
</div>

4. Edit your stylesheet too

Open style.css and find the section that refers to the header:

#header {

Underneath, there is a line describing the colour of the header background:

background: #hexcode
or
background: colourname

Replace that line with this:

background: url(your header image url) no-repeat;

Save style.css.

And now you should have a clickable header image on your blog.  Tada!

Problems still? If you’re having any trouble doing this, you can always email me or check out this page on the wordpress site.

]]> http://janeblogs.net/blogging/how-to-turn-your-wordpress-header-image-into-a-link/feed/ 0