1. Start
  2. Quickstart Installation
  3. Template Installation
  4. Layouts and Module Positions
  5. CSS Files and structure
  6. Modules
  7. Config Template
  8. Plugins
  9. Typography & Short code
  10. Com TZ Portfolio
  11. Source and Credits

BlogPlaza version1.0 Template

Documentation 1.0

Thank you for use my theme. If you have any questions that are beyond the scope of this help file, please feel free to post it on out forum here. Thanks so much! This documentation was made only with the Documenter (except the images)

Quickstart Installation

Quickstart = Joomla + BlogPlaza Template + Demo Content. After installation you'll see complete site like a Demo Site. So, if you're running for new website, I do urge to install using the quickstart file. But, If you've already had a joomla website with your own content, you could install only the Template to keep your own data

Installing Quickstart package is quite easy as you install normal joomla!. Please follow these steps:

  1. You will have 2 options:
    • Upload the quickstart.zip file to your host and extract it using cPanel or other File Manager Tools if possible.
    • If the option above unavailable, you can extract the quickstart.zip file on your computer, and upload all files to your host using FTP client program such as filezilla.
  2. Start installation by typing your URL to the directory you have placed quickstart files. The installation page should be appeared as normal Joomla! installation.

  3. Complete Install

    Complete Install

    Complete Install

    Complete Install

    You're now in the end of installation process, and then you must now directly remove the installation folder.
    But, Sometimes this process could not write to the configuration.php file. So you should have this below image, and follow the instruction to copy the content of the box to your configuration.php file

  4. Login into your administrator panel using "admin" as username and using a your password.

Please make sure your server suppoorts MySQLi Database. And if you're unsuccessful following the steps above, you could please PM me, I will send you the website files and SQL separatedly

Template Installation

Installation BlogPlaza Template is easy and quick. Before installation you need extract zip file and install plugin Plazart

Install this like a standard Joomla extensions (Extensions - Install/Unistall). Afterwards you can install BlogPlaza Template. Please go to: Extensions Manager Find template.zip file on your computer browser and click "Upload and Install". Next go to: Extensions Manager - Template Manager choose tz_blog - Default and click "Make Default". Refresh your site.

make default theme

make default theme

Layouts and Module Positions


BlogPlaza has layouts

Modules Position

Please follow these below steps to know all module positions are used in this templates :

  1. Login to the administration area
  2. Please go to template manager and click option
  3. You would have pop up box with two tabs, 1st one is template and 2nd one is permission, You should choose templates tab
  4. then click enabled Preview Module Positions, and then click save and close
  5. Please make sure, you have enabled "Enable Template Information" in global tab of template parameter

    module positions

    module positions

  6. afterwards, you go to your site and call your site like this http://yourlivesite.com/?tp=1 then you’ll have all information about module position that is used in this template. Then will see your website like this image below:

CSS Files and structure

We separated css file to make this template user friendly. We have several main css file :


Modules in Home page

Home page

  1. Logo Website

    You can change logo in config of template

  2. Module Advertise Top

    You can create your module adv and choose position "top2"

    • Module Type : Custom HTML
    • Module Position : top2
  3. Module Social

    • Module Type : Module social network
    • Module Position : menu-right

    You can change image social or add other social.

  4. Module Slide

    Module get feature articles from one or more category

    • Module Type : TZ News Pro
    • Module Position : content-top


    • Install module mod_tz_new_pro and set up as:
    • Module
  5. Module Search

    • Module Type : Search
    • Module Position : search


    Go to module manage and create new module and choose menu type is "search" and choose position is "search"

  6. Module Popular Articles, Latest Articles and Featured Article

    • Module Type : TZ News Pro
    • Module Position : right1 or right

    You can config module

  7. Module Newsletter

    • Module Type : Custom HTML
    • Module Position : right


  8. Module Latest Tweets

    • Module Type : TZ Twitter Widget
    • Module Position : bottom


  9. Module Facebook

    • Module Type : Custom HTML
    • Module Position : right
    • Content:
  10. Module Right Inner Adv

    • Module Type : Custom HTML
    • Module Position : right1
    • Content:
  11. Module Framework

    • Module Type : Custom HTML
    • Module Position : right1
    • Content:
  12. Change Copyright in Footer

    You can change copyright in config of template

  13. Module Menu Footer

    • Module Type : menu
    • Module Position : footernav

  14. Contact page

    Contact page

  15. Module Google Map
    • Module Type : Custom HTML
    • Module Position : contact
    • Create:
    • 1. You go to system/global configuration and find "Default Editor *" choose value is "None"

      2. You go to module manager and create new module with type "Custom html" in position "contact" and paste your google code

Config Template

Go to template manage choose template default

Config Theme

You can change logo and change copyright

Config Layout

You can choose layout, set width for page with (% or Pixel)

and you can set width for sidebar of template

Config Menu

You can choose megamenu

You can create class, submenu, width, insert module in menu...

Config Font

You can change and add your font, please view video
Video add font

Config Advanced Setting

You can compression css and js for load web is quickly

and you can add custom css for edit style of template.


On this section, I wouldn't explain all used plugin on this template. I would only remind about the plugins listed below should be enabled

Or you might be interested in more functionality of Editor - TinyMCE plugin, you could set its functionality into extended

Typography & Short code

Or you might be interested in more functionality of Editor - TinyMCE plugin, you could set its functionality into extended

Com TZ Portfolio

Creating Portfolio

  1. Document Com TZ Portfolio: Portfolio document
  2. Set up component TZ Portfolio: Extract component.zip and install 20121229_com_tz_portfolio_joomla3.0_v3.0.3.zip
  3. Setting Component TZ Portfolio:
    • Step 1:
    • Step 2: General
    • Step 3: TZ Portfolio - Time Line
    • Step 4: TZ Gallery
    • Step 5: TZ Tag - User
    • Step 6: Image
    • Step 7: Artile
    • Step 8: Blog / Featured Layouts

Source and Credits


  1. Plazart Framework 1.2
  2. TZ Portfolio Component
  3. Module Twitter
  4. Module TZ News Pro
  5. Module TZ Social
  6. Module TZ Tags

Icon & Image

  1. http://twitter.github.com/bootstrap/
  1. http://www.flickr.com/groups/ilovetypography/pool/


  1. Open Sans
  2. League Gothic
  3. Arial