DreamMint Logo
Home | My IMVU Homepage | **Tutorials** | My Products



Banner Codes Tutorial
(or how to display a banner on your page or signature)
by DreamMint  Sept. 12, 2007

A few people have asked me how to put a banner on their IMVU homepage, how to put a banner in their signature in the IMVU forums...and also how to put the html code on thier homepage so that visitors can copy the code and put the banner on their own homepages.  So this tutorial attempts to cover those three things.

This tutorial assumes that you've already designed a banner.

Step 1 - Upload Your Banner to an Image Host

The first thing you're going to need is an image host.  There are many places out there to host your images.  One of the most well known is www.photobucket.com.  But you can also search the internet for others if you like.  

Choose your image host and follow the instructions there for uploading it and finding out what the url address for your image is.

Step 2 - Linking your banner to your products page

To post your banner on your homepage or other webpage you'll need to use a bit of html code.  Down below I've provided an example of what your html code should look like.

Replace the parts in red with your information.  Where it says "http://yourwebsitehere.com" put in the website address you want people to go to when they click on the banner.  Where it says "http://yourimagehost.com/youralbum/yourbanner.jpg" replace it with the url address of where your image is at.  And where it says "Click to View My Products" you can either leave that as is or change it to whatever else you want it to say.

<a href="http://yourwebsitehere.com" target="_blank"><img src="http://yourimagehost.com/youralbum/yourbanner.jpg" border="0" alt="Click to View My Products"></a>

Step 3 - Posting your banner on your HomePage (html code)
To put the html code shown above on your homepage simply choose where you want to put it such as your "About Me" area and click on "Edit" and then on "Edit Custom HTML/CSS" then enter the html code there.

(Optional) Making a Textbox for Copy and Paste
You may have seen on some developers/content creators pages where they have a little box with code to their banner that people can copy and paste in order to put the banner on their homepage too.

There are a few ways of doing this.  (Note: the method I used to have posted here for doing this  apparently was likely to break IMVU homepsages so that way is no longer shown here.)

The real easy way to do this is to use a banner code generator to do it for you such as this one found here http://www.myetag.com.  Below is an example of one I made with it.



Here's a simplified version of the code used on http://www.myetag.com if you'd rather use it.

<a href="http://yourwebsitehere.com" TARGET="_blank"><img src="http://yourimagehost.com/yourbanner.jpg" BORDER="0"></a><INPUT TYPE="text" VALUE='<a href="http://yourwebsitehere.com" TARGET="_blank"><img src="http://yourimagehost.com/yourbanner.jpg" BORDER="0"></a>' READONLY STYLE="width:500px; "
onClick="javascript:this.focus();this.select();">


Step 4 - Posting your banner as a signature (aka sig or siggy) on the forum using bb code
If you want to put your banner in your signature when you post on the forums you'll need to use what is known as bbcode.
Scroll down to the bottom of the forums and find where it says "Profile" and click on that (do not try to edit your signature in the "Account" area at the top of the screen or it won't work).  Enter in the BBcode below into the Signature area.

[url=
http://yourwebsitehere.com][img]http://yourimagehost.com/youralbum/yourbanner.jpg[/img][/url]

This bbcode can also be used to post your banner in IMVU group discussion forums.

All right, that's it.  Hope that has helped some of you.  :)