Free Training For Banners In Website Header And Footer

Loes Knetsch ©

How nice would it be when you can insert your own advertising banner on top of your website and under the footer of your website? This training will take you step-by-step towards displaying a banner on every post and page.

Script icon 50

1. INSTALL A PLUGIN

I will take you through this process with clear steps and screenshots. Before you can insert these banners on top of your website you need to install the free WP plugin “Header and Footer Scripts”.

This is how it looks, click on “Add New”, install and activate.

Insert a banner on top of every post or page

 

Do you have the plugin installed? Then the next thing is, you need a leaderboard banner (728×90).

2. CREATE A BANNER

You can create one for free on DesignWizard or Canva.

I have made this leaderboard banner on DesignWizard.

Leaderboard Wealthy Affiliate education

3. + NEW – OPEN A TEST POST

Open a test post, stay in the visual tab and upload your banner to the WP Media Library, insert your banner. When your banner is added you choose “center” and you can add any link you want to it. Hop over to the text tab and copy the code.

4. GO TO THE HEADER AND FOOTER SCRIPT PLUGIN

You can find the plugin under settings on the left of the dashboard. When you are there you see 2 boxes, one for the header and one for the footer. You can, if you want to, paste the created code into both areas. And click on “Save”.

Your banner will now appear on top of every post and page and in the footer.

But you want different banners on top of every page, go to point 5!

Header and footer script plugin

 

Header and footer script plugin

5. DIFFERENT BANNERS ON TOP OF EVERY POST

Every post has screen options, and you will find the “Header script” up there too. When you check the box, it will appear under your post.

header and footer scripts in screenoptions

And when you add a banner code right beneath your post, the banner will only appear on that specific post.

header and footer scripts under post

So, this is how you can insert a different banner on top of your header, and of course, I have added this banner above my header on this post 🙂

More interesting posts:

(Visited 9 times, 1 visits today)

Hey, nice to meet you. I am Loes and I love to work, create and make money on the internet. My vision for the future is promising because the activities and sales go to triple over the next few years. You can take advantage of it too. Step into the world of affiliate marketing today, and work towards financial freedom for you and for your family. If you would like to learn how to build your own Wordpress website, click here to open your free account today!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>