"Do your banners look like you've just PLONKED them on your page?

You don't have to be a programmer or a geek to get the result you want!"

This tutorial, is designed to help 'non-programmers' improve the placement of your Wealthy Affiliate Banners, (or any banner generated by html code for that matter) with some simple HTML code added in the HTML widget.


The Problem

I developed this tutorial after I put a Wealthy Affiliate Banner on my website (using the HTML widget) and I was unhappy about its' placement within the sidebar, and in relation to the widget above.

We spend a lot of time writing content for our websites, so it's important that the overall look and feel of our site is professional. Banner placement is a critical part of this. The more professional and 'polished' your website it, the more credibility you will achieve in the eyes of your readers.

As you can see from the screen shot below, the banner was:

  • Too close to the widget content above it
  • By default, left aligned. I would prefer my banner to be centered


The solution

This tutorial will show you how to use simple html code to improve the placement of your banners, as shown below:


I'm sure you will agree, this is much better placement and positioning of the Wealthy Affiliate Banner! Read on for step-by-step instructions.


Extra bonus: At the end of this tutorial, I'll also show you a trick, that you can use, to create your own html code for customized banners or widget area images/text.



Join the Discussion
Write something…
Recent messages
bobrseno Premium
Thank you, Karen! Very helpful for those of us (me) who are not programmers. Bookmarked!

~Bob
Reply
kdforsman Premium
Thanks so much! If there’s anything I can do to improve the tutorial please let me know, Cheers Kaz
Reply
bobrseno Premium
Success, Karen! I applied both aspects of your tutorial this Friday evening. Went off without a hitch. I am so happy to be able to align my WA Banner and to create a custom widget. Very cool!

For some reason I never created a post draft in Word Press edit mode. I've only created posts in Site Content and then published them. It took me a minute to get what you were doing. Something so simple can be easily missed or cause confusion, at least for someone simple like me. :-)

Thanks again for the work you put into this tutorial.
~Bob
Reply
kdforsman Premium
Thanks very much for the feedback Bob, I'll go in and update this training to make it clearer what I'm on about! Glad you found the tutorial useful. Cheers, Karen
Reply
Debs66 Premium
Thank you for sharing and it does look so much better Like that too. :))
Regards Deborah :)
Reply
kdforsman Premium
Thanks Deborah, glad it helped
Reply
rileyroman Premium
Thanks for this, great to have an understanding of how to do this, it's still " greek" to me :))
Reply
kdforsman Premium
Feel free to ask for clarification if any of it is unclear, Cheers Kaz
Reply
rileyroman Premium
I meant it "was" greek" til I read your training..lol
Reply
kdforsman Premium
Hi Riley - I know what you mean!! Thankfully when I get myself too tied up in knots, I can get in touch with my son whose a full time software developer. But it's also good to experiment and not be afraid to try and solve problems ourselves, that's all part of the learning process. I learn better by doing. All the best with your affiliate journey. Cheers, Karen
Reply
HennieSteyl Premium
Great piece of training Karen. Bookmarked it for use very shortly. Thanks a stack.
Hennie
Reply
kdforsman Premium
Thanks Hennie!
Reply
KayWinkler Premium
Hey KD Forsman, good training. I just overflew it as I already knew something about it. But still, very helpful for many people I believe.

Cheers,
Kay
Reply
kdforsman Premium
Thanks Kay, appreciate your feedback - hope it will be useful for others on here. Cheers, Kaz
Reply
Top