I’ve had a lot of discussions with other authors on how to do various technogeek things. So, in order to avoid repeating myself, I’m going to share some of the tips here. Comments are always welcome.

Graphic Signature in Yahoo email

My yahoo email has one of my banners as a signature and I’ve had several people ask how to do it. It shows up like this:

dinerbanner02.jpg
Erotic Fantasies by Anthony Stevens
http://lyricalpress.com/anthony_stevens.html
Step One: You need to have a graphic stored on your blog or webpage. This banner is named ‘dinerbanner02.jpg and is stored on this blog under the ‘Banners’ tab.
Step Two: Login to your Yahoo email and click on ‘Options/Signature’. This will give you a small box where you can enter what you wish.
Step Three: Check the two boxes labeled ‘Add signature to all outgoing messages’ and ‘View HTML source’.
Step Four: The code I’m using is shown here.

<div align=”center”><a href=”http://lyricalpress.com/anthony_stevens.html&#8221; target=”_blank” title=”Anthony Stevens”><img src=”https://anthonystevens.files.wordpress.com/2007/08/dinerbanner02.jpg&#8221; alt=”dinerbanner02.jpg”></a></div><div align=”center”><em><strong><font color=”#0000ff”><a href=”http://lyricalpress.com/anthony_stevens.html”>Erotic Fantasies by Anthony Stevens<br>http://lyricalpress.com/anthony_stevens.html</a><br></font></strong></em></div&gt;

Feel free to cut and paste this to your text editor and replace my stuff with yours. Before you wince too bad, let’s step through it item, by item. Everyplace you see this part:

<a href=”http://lyricalpress.com/anthony_stevens.html&#8221; target=”_blank” title=”Anthony Stevens”>

Step Five: You need to replace with your info. The URL points to the page where I want you to go if you click on the graphic.

This points to the graphic itself:

<img src=”https://anthonystevens.files.wordpress.com/2007/08/dinerbanner02.jpg&#8221; alt=”dinerbanner02.jpg”>

If you want to know where your graphic is located, then go to the page where it shows in your blog, right-click on it and select ‘Copy link…” or “Copy Location…” depending on your browser. Then paste it over my info.

Step Six: EXPERIMENT! Don’t be afraid to play with it a bit and try different images, colors, fonts, etc.

How to make a simple banner

So, you want to make your own banner for your webpage and to attach to your email signature. It isn’t as difficult as you might think. Let’s go through the steps.

Setup

Let’s do a little preliminary housekeeping before we actually start making our banner.

  1. Make a new folder on your hard drive and call it ‘Banner’.
  2. I’m sure you have some graphics in mind that you want to use on your banner. These might be your cover art, scenery pictures that you have taken, images you have licensed or even some of the many public-domain images that are available. Copy the ones you might like to use to your new Banner folder.

Software Requirements

You are going to need a good graphic editor. Forget about the ‘Paint’ program that comes with Windows. It is almost useless for what we want to do.

If you can afford it, there are two commercial programs that are industry standards. They are Adobe Photoshop and Paint Shop Pro.

Personally, I try to use Open Source (FREE) software whenever possible. One of the best graphic editors out there is called GIMP and you can download it for free here: http://gimp.org/

More info on this will be provided in an article on Open Source software that will show up later on.

Choosing a size

There are a series of standard banner sizes that are generally accepted for web usage. Here’s a page that shows them: http://www.simplygraphix.com/banners_sizes.html

Select one of the banners on that page then right-click and ‘Save image as…’ to put a copy of the sample banner in your new Banner folder.

Creating the Banner

Open the banner you just downloaded with your graphic editor and before you do any work on it, do a ‘Save As…’ under another, working name. I would suggest something like this:

  • MyBanner01.jpg
  • AuthorName01.jpg

Note how those filenames do not have spaces and they each end in 01. There are occasionally problems with leaving spaces in filenames. It will make your life easier if you don’t put spaces or punctuation of any kind in a filename.

Open one of your other graphics and copy/paste pieces of it into your banner. If the sizes don’t match, you can shrink your original art to fit the parts you want into the banner.

CAVEAT: If you are going to make any changes to the original image, do a ‘Save As…’ to another name. You NEVER want to work on your original image. Keep in mind that sooner or later you are really going to screw it up. If so, no problem, since you can go back and reload the original.

As you work on your banner, you will be trying various ideas and each time you make a major change to it, do another ‘Save As…’ and change the 01 to 02, etc. Then, you can go back and review your projects and eventually one or more of them will jump out at you. You may also want different banners for different sites.

Don’t be afraid to play with the various features in your graphic editor. GIMP for example, has tons of free tutorials and if you spend a little time with one of them, you can become much more productive.

Congratulations!

You now have a banner that you can post to your website, trade with other authors and attach to your email signature file.

Free Web Site Counter

Free Counter

7 Responses to “Tech Support”

  1. Stephanie said

    You are awesome! Thank you, Steph

  2. Great info! Thanks!!

  3. Dee said

    What a great resource Anthony, thanks a bunch:)

    Dee:)

  4. thanx for posting this, you are the bomb

  5. Karen said

    Thanks so much. I’m going to check this out.

    Karen

  6. Thank you Anthony for the work you put in and for posting this. It is very helpful.

    Yours,
    Randall Lang

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: