Global “Auto Contents” Variable on Xtgem

Are you just starting your journey as a wapmaster/blogger on xtgem? Then you might want to know all features xtgem has, one of them is the auto content or global include files.

xtgem guides and tutorials

What is auto contents on xtgem? Auto contents is the files (or pages) that will be automatically included in every pages on your xtgem site. There are four auto contents in xtgem, it is header (_header), footer (_footer), head tags (_headtags), and global css (global_stylesheet.css). All the auto content files must be placed in your root directory of your site.

We can also make individual per page setting to NOT include auto content files on our xtgem site. To do this, open/edit the page on building tools mode and choose “Options”. Un-check the auto contents you don’t want to include in the preferred page.

xtgem auto contents options

Auto Contents on Your Xtgem site

1. Header: “_header”

The first auto content on xtgem is header. By default, xtgem will read a file named _header in your site root directory. This _header content will be visible in every pages of our xtgem site BEFORE the main content of the page.

Header auto content is a good place to put your site logo, navigation, advertisement, etc.

2. Footer: “_footer”

Next is footer auto content. Xtgem will read a file named _footer in your site root directory. footer auto content will be automatically inserted in every pages after the main content of the page.

Footer auto content is usually a good place to put your site attribution, “jump top” link, etc.

If you format the codes correctly, footer auto content is also a possible place to put a sidebar in your xtgem site. Well, this will need some “imagination” because we will need to place the opening tag of the html main wrapper code in the header auto content, but the closing tag is here on footer auto content.

3. Head tags: “_headtags”

Head tags is a special auto content to put all codes that should be included in your <head> section like Verification code, Javascript source code, CSS source code, etc.

Create a plaintext file named _headtags on your xtgem site root directory. Place all codes that you want it to be appear in <head> section on every pages of your xtgem site.

4. Global CSS: “global_stylesheet.css”

Now the last one is the global css file. Put all your CSS codes into a plaintext file named global_stylesheet.css and put it in your xtgem site root directory.

By default xtgem will read a file named global_stylesheet.css in your xtgem site root directory and automatically include it as your site CSS every time you create a new page.

Xtgem template CSS

Well, this one is not a necessarily an auto content because our only option just to include it or not include it in our site pages.

If your are building an xtgem site from the predefined template xtgem has provided, xtgem will add the template css file in your site root directory. The CSS file will be named xtgem_template.css.

You should not modify the xtgem_template.css file to ensure the compatibility of the template with xtgem features. If you just want to change some of the CSS elements like font size or color, maybe it’s better for you to just override the styles by writing it your global_stylesheet.css.

By SiDar

Webmaster Assistant and Editor at

SiDar enjoying himself listening J-pop genre music and playing games, especially old school games. Sometimes he also found watching anime and reading manga are interesting when his fellow author recommend him some good titles.

Leave a Reply

Your email address will not be published. Required fields are marked *