• Decrease font size
  • Reset font size to default
  • Increase font size

Who's Online

We have 14 guests online

PayPal Donation

Inserting modules into articles

Have you ever wanted to have a Joomla module inserted inside your Joomla article text. The module maybe anything from popular article links to google ads inserted inside your article with the text flowing around the module. You may not have realized this is available right under your nose as a Joomla's native ability. This short tutorial will show you how to insert the module AdSense Module (ClickSafe - Special Edition) by Joomlaspan into an article. You can also apply the same theory around other modules.

 

1) Go to Joomla's Plugin Manger.

2) Make sure the Joomla Plugin Content-Load Module is enabled.

3) Edit the Content-Load Plugin Style for No Wrapping (raw output)

4) Go to Joomla's Module Manger.

5) From the toolbar select New to create a new Module.

6) Select Sponsored Links Note this is a 3rd party module available at extensions.joomla.org.

7) Select Next to configure the new module.

8) Create a descriptive Title = Google Ad 125x125 In Article ad-l-sm. Create a unique Position = ad-l-sm, in this case I'm selecting ad-l-sm which is short for ad-left-small. Show Title = No and Enable = Yes.

9) Make sure You have All Selected for where the module will appear. I you don't select All then loadposisiton plugin will not work.

10) Configure the parameters for the module. Don't forget your Publisher ID and Channel Number!!! The Div CSS Codes is where we can configure where the ad shows up on the article page such as Left, Right, Center, and various padding around the module. In this case I set Div CSS Codes = float:left;padding-right:5px; this will position the module to the left with article text on the right and add 5 pixels of padding on the right side between the module and the article text.

Here are some other handy configurations:

// Module to the left and text to the right 
float:left;padding-right:5px;

// Module to the right and text to the left
float:right;padding-left:5px;

// Module to the left with NO text on the right
text-align:left;

// Module to the right with NO text on the left
text-align:right;

// Module in the middle NO text on left or right
text-align:center;

// some other css codes
padding-bottom:5px;
padding-top:5px;

11) Don't forget to adjust your colors either having it blend with the article or a contrast will look nice.

12) Save your module settings and make sure it is Enabled.

13) Finally edit the article you would like to show a google ad by adding a special tag in the text. The tag must be in the following format {*loadposition* <your module position>} where loadposition (without the *') is the tag type and <your module position> is the position the google adsense module was configured for.

14) The results will look like this below...

 
Copyright © 2000 to 2009 Linkapps.com All rights reserved.