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="http://domain.com/banner.swf" width="150" height="100">
    <param name="movie" value="http://domain.com/banner.swf">
    <param name="wmode" value="opaque"> <param name="flashvars" value="direct_link=true">
    <embed src="http://domain.com/banner.swf" width="150" height="100" wmode="opaque" flashvars="direct_link=true" />
    </object>
    </div>

    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.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

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

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!

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??
Staff
7,372 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 11:05 am
Yah I am aware of that, if you have a look at this site http://eventstuff.co.za/ 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
Staff
7,372 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: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
Staff
7,372 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: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

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

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

7 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

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: support@InMotionHosting.com
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!