Bundled Color Styles

Earthblog ships with 4 bundled color styles. We've also included the layered graphic source files (Adobe Fireworks PNG) for you to customize or create your own.

Read more...

Earthblog

A Real-World Joomla! Template

 

1 2 345

Slide 1 Title

Slide 1 Title

With only 12 lines of code, this super lightweight mootools slider module is included with the Earthblog template. This module allows you to define up to 10 images with custom titles, text, and links. The slider module supports custom navigation, autoplay, multiple transitions, auto image size detection for 32 bit PNG transparency and more!

Slide 2 Title

Slide 2 Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.

Slide 3 Title

Slide 3 Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.

Slide 4 Title

Slide 4 Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.

Slide 5 Title

Slide 5 Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.

<< >> Play > Stop

Included Styles

The "Earthblog" Template includes 4 preset primary color styles as well as the graphic source files and commented CSS to make changes to fit your needs.

Preview Style1
Preview Style2
Preview Style3
Preview Style4

Page Layouts

Portal Layout
Blog Layout
News Layout
header

Changing a Joomla template's header is probably the first thing you'll want to do when you get started fitting this template into your site...

To change the header preferences of the Joomla Earthblog template, login to your Joomla Joomla! Joomla administration and click on Extensions > Joomla Template Manager. Next, click on the js_earthblog link to enter the Joomla template parameters area.

The first parameter allows you to specify the Header Style -
The Header Style setting allows you to choose between a "text" or "graphic" based header.

Text Header

Selecting "text" is particularly useful if you don't have much experience using proprietary image editors such as Adobe Photoshop or Fireworks. The "text" based header will render a simple pre-styled header text over the header_blank.png background image.

Graphic Header

Selecting "graphic" will render the style{x}/header.png image which can be edited in two ways:

  1. Adobe Fireworks: Using the provided Joomla graphic source files in Adobe Fireworks allow you to make more extensive modifications to the entire template graphics.
  2. Adobe Photoshop (or other): If you don't have access to Adobe Fireworks, you can simply open style{x}/header_blank.png, add your logo or graphic, save as header.png and overwrite.

*style{x} refers to the Joomla theme style you have chosen as default (e.g. style4)

Search Engine Optimization Extras

The next parameter allows you to specify your Site Headline and Slogan -
You should enter something relevant to your site here, regardless of your header style you've chosen.
When graphic mode is chosen, the text entered is placed beneath the graphic image code but still remains in tact for search engine optimization.
When text is chosen for your header style settings, Your site name and slogan will be rendered visible on the frontend.