WP Tip Of The Month: How To Add 468×60 Banner Ad To Genesis Theme Without Plugin

Each month I’ll be sharing with you a top tip for using WordPress and Genesis.  This month I want to share with you a quick trick for adding a 468×60 banner ad to your Genesis theme header, without using unnecessary plugins, (like the BlueHost ad banner shown in the header of this theme).

Not all Genesis or StudioPress themes come with the option of adding a 468×60 banner, so this little tutorial will come as useful for those using practically any StudioPress theme and want to add a 468×60 banner ad to their blog headers.

468x60 banner ad

The first thing you need to make sure is that you have the Genesis Simple Hooks plugin installed and activated.  If you don’t have this plugin enabled, you can get it from here.

http://wordpress.org/extend/plugins/genesis-simple-hooks/

Once you have this plugin enabled, you need to upload your 468×60 banner of your choice, make sure it’s 468px by 60px for this to work.  Once you’ve uploaded it, find it under Media, then hit the ‘edit’ link.

Now copy the ‘file URL’, and paste it into a blank note pad document in Windows.

Now open a brand new note pad doc and paste the following code below into it. (Make sure that the code appears on on a single line when you’ve pasted it in note pad.  To do this simply hit backspace at the start of the second line, and backspace again at the start of the third line)

<a href="http://www.youraffiliatelink.example">
<img src="http://www.yourblog.example/image.png" style="float:right;" 
hspace="10" vspace="10" alt="header banner description"/>

Now replace the red part that says ‘http://www.enteryouraffiliate…’ with your own affiliate link URL.

Then replace the second red part that says ‘http://www.yourblog…’ with the image ‘file url’ you copied and pasted in the first note pad.

Then add your own description into the ‘header banner desc…’ part.

Now copy the entire code and go to your WordPress dashboard.  Go to Genesis > Simple Hooks > Header Hooks.  Then locate:

 Genesis_Header Hook

…and paste the code here.

Don’t forget to check the ‘execute shortcode’ and ‘execute php’ boxes.  Hit save and clear cache, then check your site to ensure your new 468×60 banner is working correctly.

If your banner is too high/low or too far left/right, simply adjust the hspace and vspace values which is set at ’10′.

Note: if you’ve used the Genesis Simple Hooks to place your logo into your site, ensure that your logo doesn’t exceed 460px in width; however this can vary from theme to theme.

Once you’ve made final adjustments, you’re all done and ready to roll.  Enjoy.

If you have any questions please leave me a comment below.  I’m not a ‘code geek’ by any means, but I will try and help you best I can if you have a technical question.

Watch out for next months WP tip of the month.  If you want to know how to add 125×125 ads to your WordPress sidebar using simple HTML code, check out my other tutorial here.

About Fabrizio Van Marciano

Fabrizio Van Marciano is the founder and editor of Magnet4Marketing Blogging and Online Business Tips. You can learn more about him here and follow him on -
Google+ | Twitter | Facebook | LinkedIn |

Comments

  1. So from now you are gonna concentrate more on tutorials? Especially genesis?

Speak Your Mind

*