How to make clickable logo in templates made with Artisteer

1. .Log in to your dashboard--> layout- -> Edit HTML

2. .Click on "Expand Widget Templates"

3. Click "Ctrl+F" and find the following cod:

<div class='art-Header-png'/> you may only see <div class='art-Header-jpg'/>

4. After upper code insert:

<div class='art-Header-Logo'>
<a href='http://www.weblodesign.co.cc' title=''><img src='http://img840.imageshack.us/img840/5787/logoae.gif'/></a></div>

Change the red lines with your own site link and source link of your logo

5. Find: /* end Header */. Directly above it, add the following and adjust it according to where you want your form or box located on the page. Note, that if there are text elements involved, you can add more code to this as well with instructions on the font, size, color, etc.

div.art-Header-Logo              {
                      position:absolute;
                      z-index:0;
                      top: 100px;
                      left: 540px;
              }

Change the  red values with your own to align the logo.

6. Save the template .

IMPORTANT
THIS TRICK WORK ONLY WITH TEMPLATES MADE BY ARTISTEER 2.4 - 2.5 - 3.0 VERSIONS.