ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web

|Joomla 1.5 Tutorial to Design Professional Website

Updated on January 8, 2015
joomla tutorial
joomla tutorial

Joomla is undoubtedly one of the finest and easiest CMS for designing a website. Building website with Joomla is so easy that even a layman can create his own Joomla website or blog within an hour of practice. So, if you have no knowledge of programming, do not worrry because this hub you will find show you step-by-step process designing Joomle website. As you already alware of that Joome is an open source CMS, which means you do not have to worry about buying any software. With Joomla you can design almost any type of websites ranging from personal to professional or even e-commerce sites.

Let me explain why joomla is also called CMS. Actually, the full form of CMS is content management system, which is used to maintain blog type websites.Generally, we use a CMS instead of a website whe we need to frequently update or add contents. Joomla is build with PHP, CSS and HTML. You must have heard of CSS-cascading style sheets. In simplest form CSS means separating the content of a website from the layout of the site, which mean unlike normal HTML pages in CSS when you change the layout(background images, colors and other presentations data )of the website the content remains unchanged, because contain does not reside on the webpage. Instead in a Joomla site content stay in a database and the looks of your site is presented by the template. So, easily you can change the looks of your site without affecting the presentation of contents of your site. When you first make you site this will be clear to you.


  • 1. Installing Joomla How to install template
  • 2. How to install Joomla Template
  • 3. How to delete a Joomla template
  • 4. Changing “welcome to Front page” heading
  • 5. Sections and Categories in Joomla
  • 6. Adding contents in Joomla
  • 7. How to add Adsense in Joomla
  • 8. Editing Joomla template
  • 9. Changing the logo of default Joomla template
  • 10. Adding Amazon affiliate id in Joomla
  • 11. Making SEO friendly Joomla URL
  • 12. Adding Google analytics in Joomla

1. Installing Joomla

For beginners installing Joomla can be a daunting task and time consuming in a server. It is better to avoid manual install Joomla in your hosting server. The easiest way to install Joomla is to use hosting providers already have Joomla installed in their servers. Now –a-days almost all the hosting providers have installed Joomla in their servers and you don’t feel go through the hassle of installing Joomla manually in your website. Follow the following instructions to install Joomla in your hosting server.

1- Login to your hosting server

2- Click Joomla in your control panel

3- a new window will open up, click the "new install". Check the three screen shots below to finish the Joomla installation.

joomla installation
joomla installation
Now, your Joomla installation is finished.
Now, your Joomla installation is finished.

2. How to install a Joomla template

After installing Joomla you will have three templates, with rhuk_milkyway set as default. To select the other two you have to go to “Extensions” and then “Template Manager”.Next, select any of the templates and click “default”. Apart from those three templates, if you want to add any other free template, you can Google for it by typing “free Joomla template”. To install the new template for your website, login to your Joomla site and then click “install/uninstall” button, and then browse the new template that you already downloaded in your computer and upload it. If the upload is successful, then you will get a successful uploading message. For the new template to take effect on your site, go to template manage and select the uploaded template and then click default.

You also have to use “install/uninstall” option in “Extension” for adding any module or components to your site.

how to install a Joomla template
how to install a Joomla template

3. How to delete a Joomla template

For deleting any Joomla template go to “Install/Uninstall” from Extensions and then click on  “Templates”, a new window with all the available templates will come, then select the template you want to delete. Now, you just have to click uninstall button to remove it permanently form your hosting server. 

how to delete joomla template
how to delete joomla template

4.Changing “Welcome to Front page” heading

Default Joomla template has a default welcome message. You can change it as you like by opening the “Main Menu” form “Menu” and then click to “Home”. Now on the right side you will find an option “page title” under the “parameters (system)” option. Type anything you like and click “Save”.

Welcome to Front page message changing in joomla
Welcome to Front page message changing in joomla

5. Sections and Categories in Joomla

Sections and categories are the most important part of Joomla CMS. Without sectioning and categorizing your articles it will be difficult to manage a site with hundreds of articles. But you also can choose to add articles in uncategorized fashion. But as your site keeps growing each day, you will need to add more menus to give your each article a link from the front page. On the other hand, if you categories a number of similar type articles under a category name. For example you have 50 articles on digital cameras and accessories. If you make a category called “digital cameras” and under this name link all your articles then it will be much more reader friendly for your visitors, they will simply click a link called “digital cameras” then you can show then all the 50 articles under one page.

When you first install your Joomla site, it comes with a number of default sections and categories with each category having a number of articles. It is better to delete all the default articles, sections and categories so as you can start building your site from scratch. It is not possible to delete any sections without deleting categories and category deletion is not possible without deleting all the articles in that category. So, at first go to “Article Manager” from “Content” and delete all the articles. And then the same way delete all the section.

Now, you create a new section from “Section Manager”by going to “Content”. then click “new” and name the section. And add an alias name to make your section name search engine friendly and then create a few categories (at least two) under that section by going to "Category Manager".  For adding articles to each category, write at least two sample articles.

Section A>category 1> articles

Section A>category 2> articles

sections and categories in Joomla
sections and categories in Joomla

6.Adding Contents in Joomla

For adding the articles you have written, you need to open article manager from content, then click “new” and the fill out the following sections. For example, you choose your articles title as”My favorite Books”.

Title- My favorite Books

Alias:  my-favorite-books

Section-select the section name

Category-select the category of your article

To make your article appear in the fornt page, select “Yes” in “Front Page”

On the right side you will see “Metadata Information” , fill out the “description” and write a t keyword for your article to target the search engine.

adding articles in Joomla
adding articles in Joomla

7. How to add Adsense in Joomla

You can add adsense in Joomla in two ways-by manually code insertion and by adsense module insertion. For adding adsense module in Joomla download a module file “easy Google adsense for Joomla”-you can find it by a Google search or can visit The file name is”mode-easy-adsense-Joomla 1.5x”. Now follow the below instructions.

  1. Open extensions manager and install the new module.
  2. To implement the adsense code in the new module, open then “easy adsense module” by going to Module Manager from “Extensions” and then put your adsense id.

For manually adding adsense code in Joomla, open the “Extensions” and click “New” in Module Manager and open “custom HTML”. Select “show title=no” and choose position to left. In custom output window, put your adsense code-that is all. Remember manually adding of adsense code is the safest option.

8. Editing Joomla Template

 Not recommended for the beginners..

9. Changing Default Joomla Logo

Joomla default template has a logo of “Joomla” in the upper-right corner, if you want to change it then there is a simple way to change it. First of all download a ftp software, normally I use free Filezilla. You can find this free software by a Google search.

After the installing open Filezilla, open it and type in host name, username and password of your hosting server. Now, click on “Quick connect” button to complete the logon process. On the right site of this ftp software you will see “remote site” option and on the left side you will find “local site” option. On remote site click the /public.html, then click your domain name. Under the domain name there is a folder called “templates”, click it and then click on “ rhuk_milkway and images. The complete path of Joomla logo will be in a location like- /public_html/

Below the “remote site” option in Filezilla you will see another option “file name”. Under the “file name” select the image name called “mw_joomla_logo.png”, right click it and download it to your computer.Now in your computer make necessary change on the download Joomla image, you can use either paint or Photoshop. When editing is done rename it as mw_yoursitename_logo.png. Be careful about the .png-it must be in small letter. Now click the new image file in Filezilla and upload it exactly the same location where you downloaded it.

When uploading get finished, open your Joomla site and login in with administrator password. Select “extensions, and then “template manage”. Now select your template name and then click edit. You will see “edit css” option, just open it and select “template.css” and click edit. Now, search for “div#logo” –you can easily find this by pressing ctrl+F and typing div#logo in the search box. When div#logo

appears you will see something like: background: URL (…. mw_joomla.log.png…) just replace the old image file name with the new one-mw_yoursitename_logo.png and then click save button. Now open your website to see the new logo.

Changing Joomla Logo

10. Adding Amazon affiliate id in Joomla

There are many free Joomla extensions for adding Amazon affiliate code in your site. You can try vip amazon associated module from a page of Joomlamind and th file name will be like - 064_mod_vipamazonassociates. install this file in your Joomla site and then add your affiliate id and keywords as you wish. Open you site or refresh it you will find new Amazon Ads relevant to your keywords set up in that module.

amazon affilate id adding in joomla
amazon affilate id adding in joomla

11. Making SEO friendly Joomla URL

Joomla URL are not search engine friendly by default. To make them SEO friendly download a file AceSEF Basic and install it in your Joomla site. After installation go to “Component” and then go to AceSEF and then click on SEF URLs, here you will see how automatically all your article titles has been converted into SEO friendly URL.

After installing AceSEF you need to go to “Global Configuration” mode from site. In the right side “SEO settings” , select the” Search Engine Friendly URLs” and “Use Apache mod_rewrite” ; save it. Additionally, in global configuration mode you can add meta description and meta keywords in “metadata settings” to make you site more visible to search engines.

12. Adding Google Analytics in Joomla

Adding Google analytics code is very simple in Joomla. At first copy your Google analytic code. Log on to your Joomla site. From extensions select “Template Manager” and now select the template which you want to add the code. In that template page click “Edit HTML”. A new window will open with full of HTML code; scroll down to the bottom of the codes. On the second line to bottom you will see a tag called </body>, add your analytic code just before the body tag and save it.

By exactly following the steps mentioned in this hub, I made my first Joomla site. Hope this hub will help all the beginners trying to make their first ever Joomla site. Have fun with Joomla!


    0 of 8192 characters used
    Post Comment

    • profile image

      Lya 3 years ago

      Thanks for the recommendations on cridet repair on this blog. Some tips i would tell people is usually to give up a mentality that they buy right now and pay back later. As a society all of us tend to do that for many things. This includes vacations, furniture, and items we want. However, you need to separate a person's wants out of the needs. While you are working to improve your cridet score you have to make some sacrifices. For example you'll be able to shop online to economize or you can go to second hand stores instead of expensive department stores to get clothing.

    • profile image

      Celina 3 years ago

      What a plerause to meet someone who thinks so clearly

    • profile image

      Website Designing in Indore 6 years ago

      I am very happy to read your articles it’s very useful for me,

      and I am completely satisfied with your website.

      All comments and articles are very useful and very good.

      Your blog is very attention-grabbing. I am loving all of the in

      turn you are sharing with each one!…

      Website Designing in Indore

    • joomladeveloper profile image

      joomladeveloper 7 years ago from Assonet

      Great Hub you have created! I like working on Joomla CMS. Information you have shared is really very useful to me. So I have bookmarked it.

    • profile image

      Jeffrey 7 years ago

      Joomla is a kind of cms which is used world wide. CMS such as joomla is one of the most appropriate way of managing your back end process blog/website. There are plenty of application which helped us to proceed further as there could be the most appropriate way of growing your process of growing your process of marketing your blog a way ahead with a huge process of ongoing way . A great informative hub. Thanks for sharing

    • diyakapoor profile image

      diyakapoor 7 years ago

      Great Hub! It's a knowledgeable Post for new Hubs.

    • profile image

      Joomla Freelance 7 years ago

      Joomla 1.5 is one of the best CMS and is really helpful for a website development. It also help the site in making search engine friendly urls and optimize the site according the SEO work.For the one who is not aware about the joomla the tutorial will help them out in getting what exactly joomla is.

    • profile image

      Raúl Galvan 7 years ago

      Very nice site for we real beginners. You have really helped me a lot. I thought the only way to put ad- sense was installing plug-ins an de like. Thank you very much again.

    • brentwilliams2 profile image

      brentwilliams2 7 years ago

      Great post! I have two sites on Joomla right now and would have a hard time going back to something that wasn't open-source.

    • profile image

      Fleurfavs 7 years ago

      Within 30 minutes? Really? I couldn't believe it but I bet I wanna try this one.Thanks for sharing such good insights and using tutorial would really be a good help however in my 2 years of creating websites using Joomla, i think that I was able to create using Joomla video tutorials. Pretty amazing.

    • andromida profile image

      syras mamun 7 years ago

      @azure-thank you for your comment and sharing the links :)

      @webamag-thanks a lot for the links.Just now I've checked your suggested links-very informative indeed.I found one more useful article in your blog about how to choose domain name-this is a very basic question asked by all the beggiers in web businesss.take care :)

      @billyaustindillon-thanks billy. You are a master of arts and sprots. Great to have you in my little Joomla hub :)

    • billyaustindillon profile image

      billyaustindillon 7 years ago

      I used Joomla a while back - thanks for a great tutorial on it.

    • WebMag profile image

      WebMag 7 years ago

      Nice one! Voted useful. Joomla is very popular CMS. Its popularity is well deserved, great functionality and extensibility while still easy to learn.

      Here are few posts at WebmasterFormat for those who would like to learn more about Joomla:

      - 7 Tricks to Speed Up Your Joomla Website:

      - Joomla and Ecommerce – Quite a Pair:

      - Install Joomla on Your Windows Server in Less Than 5 Minutes!:

    • noorin profile image

      noorin 7 years ago from Canada

      Very true, Joomla is one of the easiest CMSs out there.... I have lead a couple of technical projects and I have to admit that Joomla was by far the smoothest and easiest , at least the programmers I worked with thought so. For once I had extra time in a software project, something that all software companies strive for. great hub =)

    • profile image

      RoyZwam 7 years ago

      Nice article good job!


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: ""

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)