Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Add clickable ad to header? (http://forum.bytesforall.com/showthread.php?t=9852)

cwikdahl Sep 24, 2010 02:58 AM

Add clickable ad to header?
 
I would like to have an ad for a special offer displayed in the header area, where the red square is in this image:

http://enharligsalong.se/images/ehs2.jpg

This should be linked to a page. Is it possible?

I'm still on wp pre 3, and atahualpa 3.4.9. http://enharligsalong.se

Thanks,
Claes

juggledad Sep 24, 2010 04:44 AM

Sure, all you need to do is add a widget area to the header and then put a text widget in with your image and a link.

There is even a sample set of settings that was setup with an AD in the header on the left side, but you could use it an a sample to make your setup.

If you want to see it, you will need to import it somewhere BUT BACKUP YOUR SETTINGS FIRST by exporting them (ato->export/import settings->export). You won't be able to merge your settings and the new settings, when you import the new settings, they will wipe out the existing ones.

The best way is to have a test WP install where you could import the AD settings, then you could have two browsers open and copy and paste the settings you need from one site to the other.

One other thing, to import a setting (they are in the 'styles' folder) the folder must be on your local computer, so you will need a copy of the theme locally

cwikdahl Sep 24, 2010 09:26 AM

Thanks! Found the adsense style and just copied the needed rows from the text file. Ended up with this:

http://enharligsalong.se/images/ehs3.jpg

I will work on making it pretty ;)

This is what the code looks like:

Code:

%logo %bar1 %image %bar1 %pages
<div style="position:absolute;top:78px;right:100px;width:300px;height:100px;background:#fff;border:solid;border:1px;border:#ff9933;">
<!-- Put the ad code BELOW this (and remove the sample text if there is any) -->
<a href="/erbjudanden"><img src="http://enharligsalong.se/images/erbjudanden/headerAd001.jpg" border=0></a>
<!-- Put the ad code ABOVE this -->
</div>

Also added position: relative; to Layout Container Style. Just to make it stick.

Cheers!


All times are GMT -6. The time now is 02:39 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.