"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
DebbieRose Premium
Karen,
This was very useful information. It clarified some things for me and presented new information which I'm sure I'll use at some point. I'll be bookmarking this for reference. Thank you.
Debbie
Reply
kdforsman Premium
Thanks Debbie!
Reply
LemL Premium
This is super helpful! I was struggling with html codes & figured some of it out, but this is definitely information I will be applying. Thanks for sharing.
Reply
kdforsman Premium
Hey! Glad it was helpful
Reply
Olina91 Premium
Great, Karen! I was struggling with this! Thanks.
Reply
kdforsman Premium
Thanks for your feedback Olina, I'm glad you found this tutorial useful :) Cheers, Karen
Reply
kiliwia62 Premium
This is wonderful, Karen, now I can center my widgets again. I was disappointed after a WordPress update that the option of centering your sidebar widgets didn't work anymore.

Thanks for sharing :))
Reply
kdforsman Premium
Hiya, glad it was useful! there is nothing more frustrating that putting an affiliate banner on your page and it just looking like it's been amateurishly plonked there. Best wishes, Karen
Reply
TaniaHersel Premium
This is a gem. Your first training is brilliant. Thank you so much. Look forward to using it and learning.
Reply
kdforsman Premium
Thank you Tania!
Reply
Joshua2765 Premium
Thanks for the training, Karen. It is quite thorough and pertinent. I will have to bookmark it for future use.

Regards,

Joshua
Reply
kdforsman Premium
Thanks Joshua, appreciate your feedback, cheers Karen
Reply
sb4269 Premium
Great Pearl of Wisdom Karen. We all thank you.
Bless you,
Sam and Deb
Reply
kdforsman Premium
Hey Sam & Deb, thanks so much for your feedback, I'm glad you found the tutorial useful. all the best, Cheers, Kaz
Reply
ElaineSmith1 Premium
I am going to bookmark this so I can save it for future reference. Great information!!!

Tried and true

Elaine
Reply
kdforsman Premium
Hiya Elaine, thanks so much - I'm glad you have found this useful. Cheers, Karen
Reply
Cynthiah1 Premium
Wonderful training. Thanks so much!
Reply
kdforsman Premium
Thanks Cynthia... Hopefully it will help non-programmers like me along the way :) All the best. Cheers, Karen
Reply
Nick-at-WA Premium
Wow, thanks, Karen I did it and it works just fine! This is great!
Reply
kdforsman Premium
Thanks Nick and I really appreciate you taking the tutorial for a practical test drive :)
Cheers, Karen
Reply
Nick-at-WA Premium
I'm really glad you put it up here, Karen. I just finished another post and now it looks great with the correct placement of the banner.

Thanks again.
Reply
kdforsman Premium
Fantabulous!! Sounds like you're a little OCD like me :)
Reply
drcmaint Premium
Thanks for this.
Reply
kdforsman Premium
Thank you for checking out my training - hope it helped.
Cheers, Karen
Reply
edensbox Premium
Thank you so much with this information. I was able to make my page look better. It was driving me nuts that it was so close and then aligned left.
Reply
kdforsman Premium
Hi there, I'm so pleased this was useful to you... I'm a bit OCD on this type of thing, so I feel your pain! Cheers, Karen
Reply
Fleeky Premium
❤️
Reply
kdforsman Premium
Thanks for dropping by Fleeky. Did you find this tutorial useful?
Reply
DrTad Premium
Thank you Karen for very useful information.
Reply
kdforsman Premium
Thank you DrTad. If there's anything I can do to improve the readability of this tutorial, please let me know. Cheers, Kaz
Reply
GaryJr Premium
What if there is no <img?
Reply
kdforsman Premium
Hi Gary, Are you trying to add a banner into your sidebar, or something else? If in doubt, I use the technique that I shared on the last page of this tutorial. Copy your widget HTML into the text tab of a draft post, then click back on the visual tab to see how it looks. Use the content editing tools to center etc, then once you're happy, click back into the Text tab and copy and paste the entire code back into your widget.

Note: obviously if you're a programmer or can write HTML code, you wouldn't use this technique!

Hope this helps, but please feel free to PM me if you wish.
Cheers, Karen
Reply
kdforsman Premium
Gary and I managed to sort out the issue with his amazon widget... he was using a text widget not the custom HTML widget. Nice to be able to get to the bottom of this one!
Reply
phoeby123 Premium
OK. This was very valuable. I've bookmarked this! Thank you.
Reply
kdforsman Premium
Hey Phoebe, thanks for reading. Cheers kaz
Reply
RandyL1 Premium
Well done.

Randy
Reply
kdforsman Premium
Thanks so much! If there’s anything I can do to improve the tutorial please let me know, Cheers Kaz
Reply
celiacman Premium
This will help everyone placing WA banners on our side blog

Thank You

Jeff
Reply
kdforsman Premium
Thanks Jeff
Reply
jamesellison Premium
THANK you.
Reply
kdforsman Premium
Thanks so much! If there’s anything I can do to improve the tutorial please let me know, Cheers Kaz
Reply
N33 Premium
Wow, this is a great training Karen, thank you very much.
Reply
kdforsman Premium
Thanks so much! If there’s anything I can do to improve the tutorial please let me know, Cheers Kaz
Reply
wendyg53 Premium
Great training! Thank you so much. I don't love the technical end of our business. Your clear explanation makes a daunting task much less scary. :-)
Reply
N33 Premium
You are speaking for me, thank you, Wendy
Reply
kdforsman Premium
Thanks so much! If there’s anything I can do to improve the tutorial please let me know, Cheers Kaz
Reply
kdforsman Premium
Thanks Wendy, I’m glad this helped, Cheers Kaz
Reply
ChrisTowers Premium
Hey Karen .. thanks for this .. I have often wanted to throw my computer through the window because of this issue... lol .. you just saved me a thousand bucks :)

I wanted to ask .. does this also apply to your content area as well? For example if i want to Embed a Google Map using html?

Any ideas!?

Thanks again .. your a star!

Chris
Reply
kdforsman Premium
Yes absolutely. Please get in touch if I can help you at all. Cheers kaz
Reply
kdforsman Premium
Hi Chris, yes you can use the techniques in this tutorial to embed a map into your content. the last page will have the information you are looking for. Please get in touch with me by direct message if you need a hand to get this working. Cheers, Karen
Reply
ChrisTowers Premium
Will do Kaz... thanks :)
Reply
laurenjean Premium
Fab Training Karen. I've been using the "cheat method" you detailed in Lesson 5. Great idea for you to create this tutorial and you did a great job explaining it step-by-step. Your standard of work is always high so I expected nothing less. Great job!
Reply
kdforsman Premium
Thanks so much LaurenJean, I really appreciate your feedback. Cheers kaz
Reply
MichaelGB Premium
Fantastic, thank you.
Reply
kdforsman Premium
Thank you!
Reply
Stella2 Premium
Awesome training, KD!

I've used a small amount of code before, so this is the perfect level for me. I could follow it easily. You explained it very clearly.

Excellent tips that I know I can apply. and so useful!! Have bookmarked, too.

Thanks,
Stella :-)
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
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