InMotion Hosting Support Center
This is archived and longer maintained. Any information contained in this article may be out of date.

In a previous tutorial, we showed you how to create a Joomla 3.0 banner using an image. Not all banners are images however, some banners may be flash banners (.swf files) for example. To show a flash banner, you will need to enter HTML code when creating the banner (instead of defining an image as the banner).

Steps for using HTML as a banner in Joomla 3.0:

In the following steps we'll show you how to create a banner using HTML instead of an image. If your banner is not an image, most likely it will be a flash banner, but it could be any HTML that you'd like. These steps assume that you already have the HTML ready that you want to use.

  1. Log into your Joomla 3.0 admin dashboard
  2. In the top menu, click Components and then click Banners
  3. Click New in the top left of the page
  4. Enter the details of your new banner and then click Save in the top left of the page. These are the details we entered:
    Name Enter a name for your banner. This name will not appear on your website, but will instead show in your joomla dashboard, and help you manage this particular banner.

    We entered My Flash Banner
    Category Select a category for the banner. If you plan to use many banners on your site, you may find it to be a good idea to create categories to help organize your banners.

    We haven't created an categories yet, so we left this option as Uncategorised
    Type Select Custom as the banner type.
    Custom Code After setting Custom as the banner Type, you will see a Custom Code textbox appear. This is where you will need to enter the HTML that is required for your banner. We entered the following code:
    <div style="width:150px;height:100px;">
    <object type="application/x-shockwave-flash" data="" width="150" height="100">
    <param name="movie" value="">
    <param name="wmode" value="opaque"> <param name="flashvars" value="direct_link=true">
    <embed src="" width="150" height="100" wmode="opaque" flashvars="direct_link=true" />

    That's all there is to it! After you've created a banner module to show this banner, you're flash / HTML banner will now show on your Joomla 3.0 website.

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Support Center Login

Our Login page has moved, Click the button below to be taken to the login page.

n/a Points
2014-08-04 1:42 am


I found a solution for Joomla 1.5 posted at Joomla Forum that can be adapted to Joomla 3:

n/a Points
2014-08-03 7:00 pm
The code posted above doesn't alow banner component to count clicks of the flash banner, only banner impressions.
2014-01-20 11:22 am
Thanks for your help, this can be achieved using flex banner component, just would have preferred it to be handled by Joomla Banner Component
11,186 Points
2014-01-20 11:18 am
A change like this would be something that needs to be made to the code within the flash object itself. Unfortunately, this is not something that would be done within Joomla or within any code for the site itself. I was, however, able to locate a 3rd party article on how you can modify the flash object to link to a remote location within Adobe Flash:

URL Buttons in AS3
2014-01-20 11:13 am
The correct banner is displaying, and yes it is supposed to link to the location you specify in the banner component so you can view your tracking stats for click throughs, as it functions with a jpeg image
11,186 Points
2014-01-20 11:10 am
To clarify, are you stating that the correct banner is not displaying, or is this supposed to be a link to another location when clicked?
2014-01-20 11:05 am
Yah I am aware of that, if you have a look at this site at the flashbanner next to the logo, you will see that I cant get the Joomla banner component to link to the website this banner is intended to go
11,186 Points
2014-01-20 11:02 am
Hello estar69,
Could you clarify what you are referring to? Any links within the flash object will be something defined within the flash itself and would not be modified within your website code.
2014-01-20 10:49 am
This works perfectly, however, the hyperlink does not want to work, so I cant track the links sent from a flash file??

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

9 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!