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.
6 comments
OMG! That was so easy & worked perfectly!
Thanks!
Turns out you can even do the same thing with an image map.
Thanks again. :)
Glad that my tutorials helped you.
Thanks for the instructions!
Is there a way of doing this with Artisteer 2.3x?
cant find "Expand Widget Templates" where should it be? theres no such file :(((((
Is your blog hosted on Blogger (blogspot.com)?
Click to Add a New Comment
Leave your comment
- If you're asking a question click the Subscribe By Email link, below the comment form, to be notified of replies.
- Do NOT add links to the body of your comment as they will not be published.
- Only the comments posted in ENGLISH will be approved.
- If you have a problem check first the comments , maybe you will find the solution there.