Sunday, December 17, 2006

Custom Link Graphics!

If you have more than one site with us or you'd like to link to any other site from your Baby's First Site web page, you can create custom link graphics with just a few simple lines of code.



You choose the text and place it right in the code for a completely custom button that links to anywhere you choose.

The following code was used to create the button in the example above:

<div id="sitelink_bigboy"><br /><div class="sitelink"><a href="http://www.babysfirstsite.com/Brandon">Click here to visit Brandon's web site!</a></div></div>


1. This is where you'll place the ID of the button style you'd like to use:

<div id="sitelink_bigboy">

There are 6 button styles currently available:

ID = sitelink_whitediaper


ID = sitelink_pinkdiaper


ID = sitelink_bigboy


ID = sitelink_biggirl


ID = sitelink_blueplain


ID = sitelink_pinkplain


2. Change this address to the address of the site you'd like to link:

<a href="http://www.babysfirstsite.com/Brandon">


3. Change this text block to the text you'd like on your button:

Click here to visit Brandon's web site!</a>

For a 3 line button, remove the <br /> in the example code. If you use too much text, your text will run off the button and you will need to trim it to fit in the space. More button styles will be available soon!

No comments: