TOP JOOMLA

All JoomlaXTC extensions through Feb 2011

All JoomlaXTC extensions through Feb 2011

All JoomlaXTC extensions through Feb 2011 retail all components, modules, plugins from joomlaxtc through Feb 2011. Includes J1.5 and j1.6...

Baca selengkapnya »

Tutorial for Joomla 1.7

<h1>

</h1>
Joomla is an award-winning Content Management System (CMS). Joomla, empowers non technical people to build Web sites and powerful online applications. 
Our Joomla 1.7 tutorials help you begin using Joomla 1.7 quickly. The tutorials are created using a simple logical order that most developers use when they want to learn how to use Joomla effectively. 
Joomla´s simple learning curve, ease-of-use and extensibility, have 
made it the most popular CMS software in use today. Best of all, Joomla
 is from the open source stables. It´s free to everyone. 
Joomla 1.7 CMS, keeps track of every piece of content on your Web 
site, much like a public library stores and tracks the books it has. 
Content can be simple text, photos, music, video, documents, or just 
about anything you can think of. 
A major advantage of <a class="kLink" href="http://www.opensourcevarsity.com/#" id="KonaLink0" style="font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; position: static; text-decoration: underline !important;">using Joomla</a>
 1.7 as a CMS is that it requires almost no technical skill or 
knowledge to manage. Since the CMS manages all your content, you don't 
have to. 
Here are some real world examples of what Joomla 1.7 can do: 
<ol>
<li>Corporate Web sites or portals</li>
<li>Corporate intranets and extranets</li>
<li>Online magazines, newspapers, and publications</li>
<li>E-commerce web sites and portals</li>
<li>Government web sites and applications</li>
<li>Small <a class="kLink" href="http://www.opensourcevarsity.com/#" id="KonaLink1" style="font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; position: static; text-decoration: underline !important;">business Web sites</a></li>
</ol>
Our Joomla 1.7 tutorials have the kind of details that application developers are seeking. The tutorials have been written by people who have been using Joomla for years. 
Our Joomla 1.7 training is logically structured. It starts from finding, downloading, installing, configuring and using Joomla 1.7 CMS and then extending its functionality using third party plugins. 
Do leave your comments or feedback on any of the Joomla 1.7 tutorials. Your comments help us deliver the best possible Joomla 1.7 training modules. 
Do hop onto our <a href="http://www.opensourcevarsity.com/forum" target="_blank">Open source tutorial forum</a>
 for a quick look while you are here. There are a lot of people who use
 it regularly, it’s lively and almost all of your Joomla queries get 
answered quickly. 
Also, remember that Mondays to Fridays, between 10:00am and 12:00am 
Indian Standard Time (i.e. GMT + 5.30) you can enter into live chat 
with Mr. Ivan Bayross a technical author who has written and published 
more than sixty seven books on commercial application development, and 
is still writing. 
 
DAPATKAN KUMPULAN DVD TEMPLATE JOOMLA! 1.7 PREMIUM 
INFO PRODUK SMS KE : 08122612635  atau <a href="http://templatejoomla17.blogspot.com/2011/12/jual-kumpulan-template-joomla-17-full.html" target="_blank">Klik Disini</a>

Tutorial for Joomla 1.7

Joomla is an award-winning C ontent M anagement S ystem (CMS). Joomla, empowers non technical people to build Web sites and powerful on...

Baca selengkapnya »

Downloading Joomla 1.7 To Your Local Computer

<h1>
</h1>
Open a Browser window and enter http://www.google.com in the address bar and hit GO.

In the Google search windows that opens search for download joomla as shown in diagram 1.

<img alt="diagram1.png" border="1" height="182" src="http://www.opensourcevarsity.com/images/joomla17/basics/descndownload/diagram1.png" width="400" /> 
Diagram 1

In the Search results window Click on the joomla.org link <a href="http://www.joomla.org/download.html">http://www.joomla.org/download.html</a> as shown in Diagram 2.

<img alt="diagram2.png" border="1" height="140" src="http://www.opensourcevarsity.com/images/joomla17/basics/descndownload/diagram2.png" width="500" /> 
Diagram 2

When joomla.org opens in the Browser window locate the Download 
section of Joomla 1.7.X and click the ZIP of the stable full package of 
as shown in Diagram 3.

<img alt="diagram3.png" border="1" height="342" src="http://www.opensourcevarsity.com/images/joomla17/basics/descndownload/diagram3.png" width="500" /> 
 Diagram 3 
 
Select the Save File radio button, and save the <a class="kLink" href="http://www.opensourcevarsity.com/#" id="KonaLink0" style="font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; position: static; text-decoration: underline !important;">zip file</a> to your hard disk. Click OK, as shown in Diagram 4.

<img alt="diagram4.png" border="1" height="252" src="http://www.opensourcevarsity.com/images/joomla17/basics/descndownload/diagram4.png" width="350" /> 
Diagram 4

On click of OK, a <a class="kLink" href="http://www.opensourcevarsity.com/#" id="KonaLink1" style="font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; position: static; text-decoration: underline !important;">file browser</a>
 will open up. Navigate to an appropriate folder on your hard disk and 
save the Joomla_1.7.0-Stable-Full_Package.zip to your local computer, 
eg: “X:\ public_html\” Here X:\ represents an appropriate drive letter
 on your computer, as shown in Diagram 5. The zip file would be 
successfully downloaded and saved in this folder.

<img alt="diagram5.png" border="1" height="278" src="http://www.opensourcevarsity.com/images/joomla17/basics/descndownload/diagram5.png" width="400" /> 
Diagram 5

Downloading Joomla 1.7 To Your Local Computer

Open a Browser window and enter http://www.google.com in the address bar and hit GO. In the Google search windows that opens search for...

Baca selengkapnya »

Joomla 1.7 Flexi Contact Component Configuration

<h1>

</h1>
For the configuration of Flexi Contact component in Joomla 1.7, you 
have to first login through the administrative panel of Joomla by 
simply entering the url_of_your_website/administrator in your browser. 
Enter the username, password and leave the Language to Default, click on Login as shown in Diagram 1. 
<img alt="diagram1.png" border="1" height="217" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram1.png" width="425" /> 
Diagram 1 
After logging in to the backend, a control panel page opens as shown in Diagram 2. 
The Control Panel provides access to many default Joomla! functions 
and features. From the Control Panel, you can create and manage 
articles and categories. Other features available in the Control Panel 
are the media, menu, language, and user managers. 
<img alt="diagram2.png" border="1" height="194" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram2.png" width="500" /> 
Diagram 2 
In the top menu, locate Components. Click Components.;From the drop down menu that appears click on FlexiContact and then click on Configuration as shown in Diagram 3. 
<img alt="diagram3.png" border="1" height="271" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram3.png" width="284" /> 
Diagram 3 
The FlexiContact Configuration page opens as shown in the Diagram 4.Here you can configure FlexiContact.Click each link displayed to access its configuration page. 
<img alt="diagram4.png" border="1" height="334" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram4.png" width="500" /> 
Diagram 4 
 
1. General Configuration
Enter the following details for the General Configuration as shown in Diagram 5. The following is a list of options provided: 
Logging 
Logging is off by default. If you click on Yes, all contacts are logged to the database. 
Send HTML 
If you click Yes, emails are sent in HTML format to users. If you click No, emails are sent in plain text format to users. 
Autofill 
This controls the automatic filling of the Name and Email Address for those users who are logged on to the front end of the website. 
Agreement Required 
This option allows you to require that users click a checkbox to 
enable the Send button in the front end. This can be done by entering 
some text (a text that appears after the checkbox) in the Prompt field. 
The Name and Link fields are optional. If they are both non-blank, the 
link is added after the prompt text, and when clicked, the link opens 
in a popup window 
Click Save and Close after filling all the details as shown in Diagram 5, in order to save the General Configuration and close the edit screen. 
You can also click on Save, in order to save the General Configuration data updated and stay on the editable screen. 
<img alt="diagram5.png" border="1" height="171" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram5.png" width="500" /> 
Diagram 5 
2. Email To Admin:
With reference from the Diagram 4, this option allows you to specify
 the exact content of the email sent to administrators email address. 
3. Email To User:
With reference from the Diagram 4, this option allows you to specify
 the exact content of the email sent to a user.If the checkbox "Email a
 copy of this message to your own address" is checked a copy of the 
Email is sent to the user’s Email ID. 
4. Confirmation Page:
Here you can create the page that is displayed to a user after they 
dispatch any message via the FlexiContact form. The confirmation message
 can be delivered either by a link to a confirmation page on the 
website, OR by specifying confirmation content here as shown in the Diagram 6. 
NOTE: If a link is being specified its path must be
 relative to website root or a full URL. If you specify a link and some 
text, the link is used and not the text. 
<img alt="diagram6.png" border="1" height="315" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram6.png" width="413" /> 
Diagram 6 
5. Form Fields:
This section allows you to configure the fields that appear on the 
FlexiContact form. Enter the following details for the Form Fields as 
shown in Diagram 7. 
The following are the list of options provided: 
Show subject 
This option controls the display of the subject field or not. 
Default subject 
Will hold the text that will be set as the default subject text 
Show copy checkbox 
This option controls whether the "Email a copy of this message to your own address" checkbox is included on the form or not. 
Message 
This is the message box where the site visitor types in a message to 
you. You can specify the size of the message box in width and height. 
List 
By enabling this option you can show a dropdown list in the FlexiContact form. This is disabled by default. To use it, specify a prompt, and a list of words or phrases separated by commas. 
Eg. Prompt: "How did you find us?" 
List: “Newspaper, Pamphlet, Magazine, Google, Other" 
Fields 1 to 5 
These are all disabled by default, but you can activate them and use them to collect any specific information you want from a site visitor. 
Click Save and Close after filling all the details as shown in Diagram 7, in order to save the Form Fields and close the edit screen. 
You can also click Save, in order to save the Form Fields updated data and stay on the editable screen. 
<img alt="diagram7.png" border="1" height="293" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram7.png" width="500" /> 
Diagram 7 
 
6. Top Text
The Top Text configuration can be access via the FlexiContact configuration panel as shown in the Diagram 8 
<img alt="diagram8.png" border="1" height="250" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram8.png" width="427" /> 
Diagram 8 
On click of Top Text link the page is displayed in the browser as shown in the Diagram 9. 
<img alt="diagram9.png" border="1" height="355" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram9.png" width="455" /> 
Diagram 9 
The text entered here using the wysiwyg editor will appear above the
 FlexiContact form. You can easily include formatting, images, and 
links. 
 
7. Bottom Text 
The Bottom Text configuration can be access via the FlexiContact configuration panel as shown in the Diagram 10 
<img alt="diagram10.png" border="1" height="301" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram10.png" width="500" /> 
Diagram 10 
On click of Bottom Text link the page is displayed in the browser as shown in the Diagram 11. 
<img alt="diagram11.png" border="1" height="315" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram11.png" width="405" /> 
Diagram 11 
The page text entered here using the wysiwyg editor will appear below the form. It can be overridden by the menu item. You can easily include formatting, images, and links. 
 
8. Front end Styles
The Front end Styles configuration can be access via the FlexiContact configuration panel as shown in the Diagram 12 
<img alt="diagram12.png" border="1" height="293" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram12.png" width="500" /> 
Diagram 12 
On click of Front end Styles link the page is displayed in the browser as shown in the Diagram 13. 
<img alt="diagram13.png" border="1" height="304" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram13.png" width="398" /> 
Diagram 13 
This option allows you to edit the CSS stylesheet that FlexiContact uses for the contact form. 
The contact form uses a number of css classes, and loads its own 
style sheet.The style sheet used with FlexiContact is available at: 
<yourjoomlasite>/components/com_flexicontact/assets/com_flexicontact.css 
com_flexicontact.css defines styling rules for the following elements: 
.flexicontact :- The entire FlexiContact page 
.fc_form :- The form containing the fields 
.fc_table :- The table within the contact form 
.fc_table tr :- The rows of the table 
.fc_table td :- All the cells of the table 
.fc_table td.fc_:- Prompt cells of the table 
.fc_table td.fc_ :-Field cells of the table 
.fc_error :-Error messages 
.fc_table td.fc_ :-cell that contains the captcha images 
.fc_table td.fc_ :-cell that contains the Send button 
.fc_inactive :-The styling for un-highlighted captcha images 
.fc_active :-The styling for the highlighted captcha image 
9. Captcha Images
The Captcha Images configuration can be access via the FlexiContact configuration panel as shown in the Diagram 14 
<img alt="diagram14.png" border="1" height="289" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram14.png" width="494" /> 
Diagram 14 
On click of Captcha Images link the page is displayed in the browser as shown in the Diagram 15. 
<img alt="diagram15.png" border="1" height="239" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram15.png" width="500" /> 
Diagram 15 
Here you can view and delete captcha images. To delete images, 
select the images using the checkbox, and click the Delete toolbar 
button. 
Now click on View Site at the top-right hand corner to view the homepage of your website as shown in Diagram 16. 
<img alt="diagram16.png" border="1" height="262" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram16.png" width="500" /> 
Diagram 16 
The homepage of the website opens. In the top menu click on Contact Us as shown in the Diagram 17 
<img alt="diagram17.png" border="1" height="362" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram17.png" width="500" /> 
Diagram 17 
Contact Form would now appear as shown in Diagram 18. 
<img alt="diagram18.png" border="1" height="337" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/config/diagram18.png" width="500" /> 
Diagram 18

Joomla 1.7 Flexi Contact Component Configuration

For the configuration of Flexi Contact component in Joomla 1.7, you have to first login through the administrative panel of Joomla by ...

Baca selengkapnya »

Joomla 1.7 Flexi Contact Component Installation

<h1>

</h1>
For installing the Flexi Contact component in Joomla 1.7, you have 
to first login through the administrative panel of joomla by simply 
entering the url_of_your_website/administrator in your browser. 
Enter the username, password and leave the Language to Default, click on Login as shown in <a class="kLink" href="http://www.opensourcevarsity.com/#" id="KonaLink0" style="font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; position: static; text-decoration: underline !important;">Diagram</a> 1. 
<img alt="diagram1.png" border="1" height="225" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram1.png" width="434" /> 
Diagram 1 
After logging in to the backend, a control panel page opens as shown in Diagram 2. 
The Control Panel provides access to many default Joomla! functions 
and features. From the Control Panel, you can create and manage 
articles and categories. Other features available in the Control Panel 
are the media, menu, language, and user managers. 
<img alt="diagram2.png" border="1" height="141" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram2.png" width="500" /> 
Diagram 2 
In the top menu, locate Extensions. Click Extensions.From the drop down menu that appears click on Extension Manager as shown in Diagram 3. 
<img alt="diagram3.png" border="1" height="159" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram3.png" width="156" /> 
Diagram 3 
An Extension Manager page opens. In the Upload Package File section, click the Browse button as shown in Diagram 4. 
<img alt="diagram4.png" border="1" height="164" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram4.png" width="425" /> 
Diagram 4 
After clicking on the Browse Button a file navigator window opens. 
Navigate to the appropriate folder where the Flexi contact component zip
 file is located, select and open the file as shown in Diagram 5. 
 
<img alt="diagram5.png" border="1" height="269" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram5.png" width="361" /> 
Diagram 5 
The zip file name appears in the Package File text box. Click Upload & Install in order to upload the Flexi contact component zip file and install it into the Joomla framework as shown in Diagram 6. 
<img alt="diagram6.png" border="1" height="190" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram6.png" width="500" /> 
Diagram 6 
Once the Flexi contact component zip file has been uploaded you will
 see the successful installation message with description as shown in 
Diagram 7. 
<img alt="diagram7.png" border="1" height="264" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram7.png" width="396" /> 
Diagram 7 
Now to display the FlexiContact Form on a website page we need to create a menu and assign Flexicontact to this menu item. 
In the top menu, locate Menu. Click Menu.From the drop down menu that appears click Top and thenclick Add New Item as shown in Diagram 8. 
<img alt="diagram8.png" border="1" height="238" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram8.png" width="372" /> 
Diagram 8 
The Menu Manager: Edit Menu Item page opens.To select the FlexiContact Form click on Select as shown in the Diagram 9 
<img alt="diagram9.png" border="1" height="304" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram9.png" width="500" /> 
Diagram 9 
A Lightbox appears. Select Contact Page which is under FlexiContact as shown in the Diagram 10 
<img alt="diagram10.png" border="1" height="356" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram10.png" width="459" /> 
Diagram 10 
Enter all the details required and click Save and Close as shown in Diagram 11. This will save the Menu Item and close the edit screen. 
You can also click Save, in order to save the Menu Item and stay on the editing screen. 
<img alt="diagram11.png" border="1" height="293" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram11.png" width="500" /> 
Diagram 11 
Now click on View Site at the top-right hand corner as shown in the Diagram 12 
<img alt="diagram12.png" border="1" height="256" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram12.png" width="500" /> 
Diagram 12 
The homepage of the website opens. In the top menu click on Contact Us as shown in the Diagram 13 
<img alt="diagram13.png" border="1" height="362" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram13.png" width="500" /> 
Diagram 13 
The Contact Form page will appear as shown in Diagram 14. 
<img alt="diagram14.png" border="1" height="433" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/install/diagram14.png" width="500" /> 
Diagram 14

Joomla 1.7 Flexi Contact Component Installation

For installing the Flexi Contact component in Joomla 1.7, you have to first login through the administrative panel of joomla by simply ...

Baca selengkapnya »

Joomla 1.7 Flexi Contact Component

<h1>
</h1>
<h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAiNFDSt7D5I-8hiU6hAXt6hITWq5pAmAiEFokV_0RXV4SiQnqvbgkl7dIgJfTOybMnma7ykHldlC1EMZ5tv_8_B1uTGpQ974QSSKf95sf-5fPRcnbrk_tIGSGbMDNX6aPb9h8ecIpEDus/s1600/presentasi+menggunakan+ipad.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAiNFDSt7D5I-8hiU6hAXt6hITWq5pAmAiEFokV_0RXV4SiQnqvbgkl7dIgJfTOybMnma7ykHldlC1EMZ5tv_8_B1uTGpQ974QSSKf95sf-5fPRcnbrk_tIGSGbMDNX6aPb9h8ecIpEDus/s200/presentasi+menggunakan+ipad.jpg" width="200" /></a></div>
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj91rNm50-ryty1ktoV8-Vnw0HZdfNapzWdF_-tDdO2qLvkrQxxyjSpUOAbwG9_9ChvZ7UBUm9FUpF6XpnwN9srD_VKoDuWSH2bQLW2Ya9t_SCzYb_O0tW2dPop0rGm7gmZuMDj3GSokHsu/s1600/tipspresentasi.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"> </a></div>
Description:</h2>
Some of the main features are as follows: 
<ol>
<li>Customizable page heading, image, and text.</li>
<li>Customizable destination email address, cc and bcc.</li>
<li>"Subject" field is optional and can have default text.</li>
<li>All other fields can be optional, mandatory, or hidden.</li>
<li>Optional list-box field with customizable prompt and options. Just specify a comma delimited list of entries.</li>
<li>Five single line fields with customizable prompts.</li>
<li>Message field has customizable prompt, width, and height.</li>
<li>Optional simple captcha image system eg. Click on the bike/world etc from number of different images. </li>
<li>Optional "magic word" system. The user must locate and enter a 
pre-defined word or phrase to send the message. (We use this to make 
you read our Help and Support page before you contact us!).</li>
<li>Log file viewable in back end, includes sender's IP address.</li>
<li>Optional auto-fill of username and email address for logged in users.</li>
<li>Configurable email templates giving complete control over email content and format.</li>
<li>Built-in editor to easily edit the FlexiContact <a class="kLink" href="http://www.opensourcevarsity.com/#" id="KonaLink0" style="font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; position: static; text-decoration: underline !important;"><span class="kLink" style="background-color: transparent; border-bottom: 1px solid green; color: green ! important; font-family: inherit ! important; font-size: inherit ! important; font-weight: inherit ! important; position: static;">CSS <span class="kLink" style="background-color: transparent; border-bottom: 1px solid green; color: green ! important; font-family: inherit ! important; font-size: inherit ! important; font-weight: inherit ! important; position: static;">styles</a>.</li>
<li>Option to not show "Email a copy of this message to your own address"</li>
<li>Option to require agreement of a statement and/or linked article before the send button is enabled.</li>
<li>Option to send emails as HTML or plain text.</li>
<li>Option to redirect to a link after sending a message. 
</li>
</ol>
<h2>
Download:</h2>
Open a Browser window and enter <a href="http://extensions.joomla.org/" target="_blank">http://extensions.joomla.org/</a> in the address bar and hit GO. 
Enter the flexi contact in the search <a class="kLink" href="http://www.opensourcevarsity.com/#" id="KonaLink1" style="font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; position: static; text-decoration: underline !important;">textbox</a> and click the search as shown in Diagram 1. 
<h2>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj91rNm50-ryty1ktoV8-Vnw0HZdfNapzWdF_-tDdO2qLvkrQxxyjSpUOAbwG9_9ChvZ7UBUm9FUpF6XpnwN9srD_VKoDuWSH2bQLW2Ya9t_SCzYb_O0tW2dPop0rGm7gmZuMDj3GSokHsu/s1600/tipspresentasi.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj91rNm50-ryty1ktoV8-Vnw0HZdfNapzWdF_-tDdO2qLvkrQxxyjSpUOAbwG9_9ChvZ7UBUm9FUpF6XpnwN9srD_VKoDuWSH2bQLW2Ya9t_SCzYb_O0tW2dPop0rGm7gmZuMDj3GSokHsu/s200/tipspresentasi.jpg" width="200" /></a></h2>
 
Diagram 1 
On the search results page there will be a list of Joomla Contact component and plugins displayed. Locate the link Flexi Contact in the search results page and click on it as shown in Diagram 2. 
<img alt="diargam2.png" border="1" height="344" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/descndownload/diagram2.png" width="469" /> 
Diagram 2 
This will navigate to a new page from where the Flexi Contact component can be downloaded as shown in Diagram 3. 
Click on the DOWNLOAD to download the Flexi Contact component as shown in Diagram 3. 
<img alt="diargam3.png" border="1" height="262" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/descndownload/diagram3.png" width="407" /> 
Diagram 3 
When you click on the DOWNLOAD button, a new tab will open which will display the Download Page <a href="http://extensions.lesarbresdesign.info/extensions/flexicontact" target="_blank">http://extensions.lesarbresdesign.info/extensions/flexicontact</a>as shown in Diagram 4. 
Click on Free Download for Joomla 1.5/1.6/1.7 Flexi Contact at the bottom of the page as shown in Diagram 4. 
<img alt="diargam4.png" border="1" height="319" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/descndownload/diagram4.png" width="408" /> 
Diagram 4 
Select the Save File, and save the zip file to your hard disk. Click OK to save the zip file, as shown in Diagram 5. 
<img alt="diargam5.png" border="1" height="223" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/descndownload/diagram5.png" width="306" /> 
Diagram 5 
On click of OK, a file browser will open up. Navigate to an 
appropriate folder on your hard disk and save the 
com_flexicontact_5.07.zip file on your local computer, - eg.: 
“X:\flexiContact_Plugin”. Here X:\ represents an appropriate drive letter on your computer as shown in Diagram 6. 
<img alt="diargam6.png" border="1" height="310" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/descndownload/diagram6.png" width="386" /> 
Diagram 6 
The zip file would be successfully downloaded and saved in the folder chosen as shown in Diagram 7. 
<img alt="diargam7.png" border="1" height="220" src="http://www.opensourcevarsity.com/images/joomla17/3rdpartymodule/flexicontact/descndownload/diagram7.png" width="419" /> 
Diagram 7 
Now, the Flexi Contact component is ready to be installed in your Joomla CMS. 
For that, Please refer to tutorial Flexi Contact component for Joomla 1.7 Installation on this website.

Joomla 1.7 Flexi Contact Component

Description: Some of the main features are as follows: Customizable page heading, image, and text. Customizable destination emai...

Baca selengkapnya »