Writer: Welcome back to my another content. Hope you all are well by the blessings of Allah... Well, today I am talking about XtGem basic tutorials. Someones are new in XtGem. So, they have to be knowledge on this basic content.. Hope you all are enjoy this post. Keep reading...
Today we will discuss about on these topics:
•Main account page
•Code editor
•File options
•Create files and folders
•Footer auto content
•Header auto content
•Head tags auto content
•Page Options
•Panel
•Domain parking
•Settings
•Site Options
•Image tools
•Stylesheets
•Uploading files
•Downloading files
•Custom 404 page
So, let's get started......
•Main account page:
This is where you control your xtgem account
This is the page you see when you login to your account there are many different sections to control all aspects of your account
Quick Post
Quick post is used to easily add content to the blogs in any of sites in your account
you can select from: text , image , link or video
Inbox
This is a link to your accounts global message inbox
The pms from ALL the forums you are a member of appear here
Content Feeds
This page shows the latest blog posts from the sites you have subscribed to
Your Sites
The list of your sites this is the default page.
log in to or view any of your sites from here
Subscriptions
A list of the sites you are subscribed to with options to control those subscriptions
Profile Settings
Set your community profile here and upload your avatar
If you have not uploaded a image and you have a Gravatar Linked to your email address that will be used instead
Change Account Email
Until your email has been confirmed you can just enter a new email address and a fresh confirmation email will be sent to the new address
Once a address has been confirmed for security reasons you can only change it by sending a permission request to the current email address.
So please choose your email provider wisely
Change Account Password
This option is for changing your accounts password when the old one is known
For lost passwords use the password reset link on the login page
Create New Site
Once your email address has been confirmed you can create as many sites as you wish
Import Existing Site
Here owners of older sites using the original site name / password log in system can import those sites to the account
This is now required for all active sites as the old login system is being phased out
Manage Sites
This page allows you to exclude sites from the main list and is also where transfer of sites from one account to another is initiated
transfer requires the cooperation of both parties and has email and password checks before the transfer can be completed.
Code Editor
Mobiles will see a simple text area code editing window
Web users have the choice of either the simple text area code editor
or a highlighted and indented custom code editor with line numbers and syntax error checking
word wrap and a "clean up html button
the default can be set in settings/look and feel
CAUTION:
careless use of the code editor can damage your pages html code.
Or prevent the page opening correctly in the building tool
Mobiles will see a simple text area code editing window
Web users have the choice of either the simple text area code editor
or a highlighted and indented custom code editor with line numbers and syntax error checking
word wrap and a "clean up html button
the default can be set in settings/look and feel
CAUTION:
careless use of the code editor can damage your pages html code.
Or prevent the page opening correctly in the building tool
Web users have the choice of either the simple text area code editor
or a highlighted and indented custom code editor with line numbers and syntax error checking
word wrap and a "clean up html button
the default can be set in settings/look and feel
CAUTION:
careless use of the code editor can damage your pages html code.
Or prevent the page opening correctly in the building tool
•File Options:
Click on the + after the file name
( Right click on file name or click the cog icon in the web template)
To open the options for the file or folder
Open
Opens the file for editing
Or
Opens a folder in the file browser
Open With ...
Open the file with selected editor
Properties
Information about the file
The URL of the file
the files Type:
Size of the file:
The date and time the file was last changed:
View: opens plays runs or downloads the file
Rename
Rename the file
Delete
delete the file
Copy
Copy the file to this or another folder
You will be prompted if the file requires renaming
Move
Move the file to another folder
Password
Set a personal password on private files
•Create files and folders:
Just below the file browser/editor you will find the links to create new files and folderswithin the current folder
You can create
html pages (use this for most cases)
wml pages (usually AVOID this option)
plain text files (for css , script and text files
Custom Page Templates
If you create a folder in the root (main) folder called
file_presets
you can add or create custom page templates in this folder
Those template pages will then be in the list of file types you can create
and a copy of that template with your chosen name will be created when selected
•Footer auto content:
_Footer
Xtgem custom pages _footer
Page Bottom Auto-Content:
This page holds the blocks that are added automatically to the bottom of each page in your site.
Only the of the page is used any content in the tags is ignored this includes any css set with the internal css editor meta tags titles or scripts
You can also create a "navigation" container where you can add navigation items for the bottom of the page
For the details of navigation item see the header page
The "about us" and "contact" links at the bottom of this page are blocks in the _footer page.
You can disable the footer for the current page from the options
•Header auto content:
_Header
Xtgem custom pages _header
Page Top Auto-Content
This page holds the blocks that are added automatically to the top of each page in your site
Only the of the page is used any content in the tags is ignored this includes any css set with the internal css editor meta tags titles or scripts
There is a "navigation" container where you can change add to or delete the navigation blocks
( You can create a navigation container just by creating a container named "navigation")
There are 3 types of navigation item
New page (default)
Creates a new page and link with the title of the navigation item set to the supplied text
existing page
set a existing page as the link with the title of the navigation item set to the supplied text
link
Set a external link as the navigation item with the title of the navigation item set to the supplied text
The navigation links and XtGem logo at the top of this page are in the _header page
You can disable the header for the current page from the options menu.
•Head tags auto content:
_Headtags
Xtgem custom pages _headtagsPage Auto-Content
This file is used to hold any extra metatags , link rel statements , javascript etc that you wish to be included between the ... tags of ALL html pages on your siteThe
The string should be htmlspecialchars encoded.
The "decode" parameter instructs the parser to decode the contents of "smart" so for 99.9% of uses it should be 1
Keyword and description metatags can be set for EACH page from the options
Skip Headtags Script
If you have pages that you do not wish _headtags to be loaded on you will need to use some xtscript.the list of pages and paths is entered in the$no_headtags_pages variable
each path requires a leading / (forward slash)
no spacing is required but you can add it for clarity if you wish
Now we will discuss about XtGem another basics info
Page Options
The page options are ONLY available from the building tool
Page Title
Set the title for the current page
This may be used by search engines so make it relevant and accurate
Avoid simple titles like "home" or "profile"
This may be used by search engines so make it relevant and accurate
Avoid simple titles like "home" or "profile"
Page Description
Also may be used by search engines So again keep it relevant there is a lot of information that can be passed to the search engine by proper use of the page title and description
More information from google
More information from google
Page Keywords
The major search engines DONOT use the keywords meta tag for search or ranking so you can ignore this tag if you wish
There is some evidence that a "stuffed" keywords meta tag can have a NEGATIVE result
if you are going to use it
It should be a comma separated list of the "key" search terms
For the global title keywords and description
(for pages where you have not set your own )
See Site options
There is some evidence that a "stuffed" keywords meta tag can have a NEGATIVE result
if you are going to use it
It should be a comma separated list of the "key" search terms
For the global title keywords and description
(for pages where you have not set your own )
See Site options
Background color text color and page class can cause conflicts with Your other css and their use should be avoided
Background Color
a background color set here will overrule colors set in your other css files
Color
As above for text color
Page Class
Select a class for the body tag from those in global_stylesheet.css or the pages internal stylesheet
Include Header And Footer
Xtgem Stylesheets
Check boxes to include the xtgem_template and global_stylesheet css files
Panel Menu
Create (mobile templates only)
Open the main index file in the building tool
File browser (mobile templates only)
Open the filebrowser at the root (main) directory
Plan
Open the upgrades page
Comments
Open the comments control page
Site templates
Open the site css template selection and adjustment page
Market
Open the market page
Install widgets from here
Settings
Open the settings page
Contact / support
Open the xtgem contact support page
Automatic login (mobile templates only)
Bookmark the autologin page for quick access
Domain Parking
free Domain parking is disabled for sites created after 12th October 2012
Buying any upgrade for just one month will enable domain parking for that month.
All domains parked during the upgrade period will remain parked unless deleted by you.
New domains cannot be parked unless you buy another upgrade period.
Buying any upgrade for just one month will enable domain parking for that month.
All domains parked during the upgrade period will remain parked unless deleted by you.
New domains cannot be parked unless you buy another upgrade period.
Domain Parking
Get your own domain name and "park" it to your XtGem siteOn the domain issuing site
Ensure you have set the name servers :
ns1.xtgem.com
ns2.xtgem.com
In the domain parking settings of Xtgem.
Set the domain to be parked as
sitename.domain
(NO http:// or www.)
IT MAY TAKE UP TO 72 HOURS FOR THE NAME SERVERS TO REFRESH AND ALLOW YOU TO PARK YOUR DOMAIN.
Setting Menu
All templatesSort files in file browser
select how to sort your files and the direction
Open HTML files with code editor
select if HTML pages open with the building tool or the code editor
Auto create index in new folders
Automatically create a index page in new folders.
The addition of a index file to folders prevents the contents from being listed directly by entering the address of the folder into the browser address bar
Web template onlyPrefer simple code editor
select to open files with "simple" or "highlighted" code editor
Do NOT automatically refresh the preview frame
select update method for the preview
NOTE: php users should set this to "yes" or php scripts will be executed in the preview frame possibly with damaging results especially if a script creates or deletes files
Disable WYSIWYG when adding a text block:
This does not actually disable the WYSIWYG editor.
It just switches the default preference from the visual editor to the standard tool
select to open files with "simple" or "highlighted" code editor
Do NOT automatically refresh the preview frame
select update method for the preview
NOTE: php users should set this to "yes" or php scripts will be executed in the preview frame possibly with damaging results especially if a script creates or deletes files
Disable WYSIWYG when adding a text block:
This does not actually disable the WYSIWYG editor.
It just switches the default preference from the visual editor to the standard tool
Mobile template onlyFiles listed per page in File Browser:
Css blocks listed per page in Stylesheet editor:
Blocks list per page in Building Tool:
Default files count in File Browser:
Default dirs count in File Browser
Settings for how many files/folders/blocks to display in the file browser/building tool/css editor
Default container folding
select whether to collapse the content of containers in the building tool
Css blocks listed per page in Stylesheet editor:
Blocks list per page in Building Tool:
Default files count in File Browser:
Default dirs count in File Browser
Settings for how many files/folders/blocks to display in the file browser/building tool/css editor
Default container folding
select whether to collapse the content of containers in the building tool
Profile Settings
Enter your profile details hereSite Options
Settings > site options
Page title for new pages
This sets the title for new pages created from this point onwards.
It does not change any existing pages title.
Site description for SEO
This sets the default page description for your site
Global keywords for SEO
This sets the default search keywords for your site
Any title description and keywords set in the page options will over-ride the defaults for that page
auto-Include XtGems JavaScript wrapper
This switches the javascript wrapper code that gets added to the end of each page to a simpler version
The wrapper fixes the width of the web xtgem_templates to 400px and makes a mobile built site look reasonable on larger screens
Most users should set this to on unless you want your site to go "wide screen"
This is the javascript for the wrapper
http://xtgem.com/js/page_templates.js
you may wish to modify this javascript and add a customised copy to the _footer instead
The simple version is used when the option is set to NO
http://xtgem.com/js/page_templates_simple.js
Blog commenting restrictions
Default is none (anyone can comment)
Require input of email address
(The actions for require email are under development)
Only logged in users can comment
Site animations
ONLY WEB OR HIGH END MOBILE DEVICES
Note: this may clash with your own custom javascripts
Various fancy screen loading animations
Try them and pick the one you like
This sets the title for new pages created from this point onwards.
It does not change any existing pages title.
Site description for SEO
This sets the default page description for your site
Global keywords for SEO
This sets the default search keywords for your site
Any title description and keywords set in the page options will over-ride the defaults for that page
auto-Include XtGems JavaScript wrapper
This switches the javascript wrapper code that gets added to the end of each page to a simpler version
The wrapper fixes the width of the web xtgem_templates to 400px and makes a mobile built site look reasonable on larger screens
Most users should set this to on unless you want your site to go "wide screen"
This is the javascript for the wrapper
http://xtgem.com/js/page_templates.js
you may wish to modify this javascript and add a customised copy to the _footer instead
The simple version is used when the option is set to NO
http://xtgem.com/js/page_templates_simple.js
Blog commenting restrictions
Default is none (anyone can comment)
Require input of email address
(The actions for require email are under development)
Only logged in users can comment
Site animations
ONLY WEB OR HIGH END MOBILE DEVICES
Note: this may clash with your own custom javascripts
Various fancy screen loading animations
Try them and pick the one you like
Image Tools
Mobile Templates
If you click on a image in a folder the image will be displayedalong with information on the size and type of the image
There are also options to :
Convert the type of the image or Change the size of the image
Crop a portion of the image
pass the image through various effect filters
Sketch , Grayscale , Blur , Emboss
Invert , Contrast , Rotate , Smooth
Pixelate , Brightness
Most are automatic but some will ask for a value
If you click The + after the image icon the file properties page will open
Web Template
On the web template Your image opens for editing in the Pixlr™ online image editing suiteAll the instructions are in the editor
Stylesheets And Css
Css classes and styles can be a very complex subject as it is a programming language in it's own right .
Before you go any further
you should have at least a basic knowledge of css
so here is a tutorial site
HTML dog css beginners
Before you go any further
you should have at least a basic knowledge of css
so here is a tutorial site
HTML dog css beginners
There are several ways to add your own custom css styles to your pages.
The xtgem_template.css file is covered in theTemplates section
Go to
settings ("panel" on web template) > site options > Auto-Include XtGem's JavaScript wrapper: > set to no
Then delete the file : xtgem_template.css
once you delete that file the original xtgem css file named
creator_template.css can be used
or
global_stylesheet.css
(only classes in global_stylesheet.css will appear in the class selector of the various building tool blocks)
or
you can create a .css file of any name and link it to your page with
In either the area of the page for individual pages
or the _headtags file for all pages.
(web users can use the stylesheet editor to edit this file you can select it from the "open with.." option in the file properties)
You can create classes for the current page with the stylesheet editor
which is entered from the Stylesheet link in the building tool
(you can not style html tags directly with this tool only create classes which you can assign to html and text)
You can add css styles directly in your html tags by using style="..." or you can assign a class usingclass="..."
The xtgem_template.css file is covered in theTemplates section
Removing Xtgems Css Template
To remove the xtgem javascript css wrapper that restricts page width to 400pxGo to
settings ("panel" on web template) > site options > Auto-Include XtGem's JavaScript wrapper: > set to no
Then delete the file : xtgem_template.css
once you delete that file the original xtgem css file named
creator_template.css can be used
or
global_stylesheet.css
(only classes in global_stylesheet.css will appear in the class selector of the various building tool blocks)
or
you can create a .css file of any name and link it to your page with
In either the area of the page for individual pages
or the _headtags file for all pages.
Add Your Own Extra Css Styles
You can add your own global (applies to all html pages) css to the global_stylesheet.css file(web users can use the stylesheet editor to edit this file you can select it from the "open with.." option in the file properties)
You can create classes for the current page with the stylesheet editor
which is entered from the Stylesheet link in the building tool
(you can not style html tags directly with this tool only create classes which you can assign to html and text)
You can add css styles directly in your html tags by using style="..." or you can assign a class usingclass="..."
Stylesheet Editor
Start by clicking on + Add Classand give your class a name ie: my_class
Unless you understand about pseudo classes and elements from the tutorial site and really need to set one ignore the pseudo class/element selections
click E to edit the class name + to add another class- to delete a class
Click on the class name to add styles to the class
Also you will see links to copy/merge the styles from another html page
preview the page
return to the building tool
Uploading
File browser
The standard maximum size of file
that can be uploaded is 2mb
The total amount of space is not limitedThere is a option in
settings -> additional features
That allows you to upload files of up to 5 mb
if this option is set ALL download files will show an intermediate xtgem download page with advertising
if the option is reset all files over 2mb will become unavailableXtgem has NO restrictions on the types of files that can be uploadedAny device or network restrictions on uploaded files or types of file are beyond our control
that can be uploaded is 2mb
The total amount of space is not limitedThere is a option in
settings -> additional features
That allows you to upload files of up to 5 mb
if this option is set ALL download files will show an intermediate xtgem download page with advertising
if the option is reset all files over 2mb will become unavailableXtgem has NO restrictions on the types of files that can be uploadedAny device or network restrictions on uploaded files or types of file are beyond our control
All folders have upload links at the bottom of the page.
You can either upload from your devices files or
enter the address of a file on another site (remote server upload)
Note : Spaces in remote server upload urls MUST be encoded as %20 or the upload will fail
for example
http://wapbook24.xtgem.com/images/a%20test%20file.png
Will work
http://wapboo24.xtgem.com/images/a test file.png
Will NOT work
Files will be uploaded into the CURRENT FOLDER
You can either upload from your devices files or
enter the address of a file on another site (remote server upload)
Note : Spaces in remote server upload urls MUST be encoded as %20 or the upload will fail
for example
http://wapbook24.xtgem.com/images/a%20test%20file.png
Will work
http://wapboo24.xtgem.com/images/a test file.png
Will NOT work
Files will be uploaded into the CURRENT FOLDER
Downloading Files
Force Download "Get" Variable
You can force almost any file such as images and videos mp3's etc stored on your xtgem site to download instead of opening in the browsers default application by using a special 'get' variable added to the address of the file ?__xt_download=1Note: This will have NO effect on links to files stored anywhere else except in your own xtgem sites folders
Normal Links
Download Links
Custom 404 Page
Xtgem custom pages
You can create a custom 404 (file not found) page for your XtGem site.
All you need to do is to create a file or page named "404" in your root (main filebrowser) directory
all requests that lead to non-existing files or pages will re-direct to this page.
All you need to do is to create a file or page named "404" in your root (main filebrowser) directory
all requests that lead to non-existing files or pages will re-direct to this page.
OK guys, that's all. Hope this tutorial will be very helpful for you. If you have face any problems just comment. I will try to help you. Today I can't but say goodbye. See you letter on some another post.
Thanks. ...
![আপনার ওয়েব সাইটের জন্য নিয়ে নিন ২০০ টিরও বেশি JavaScripts কোড [Important Code]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiSoiQcVcnwQDDoYsHXXx4KXaGJDR1Lw8HKGtg7WoOhiIh9x0yJFQTCS-otZVjxJL09r8Xoc8gpmKvArtlu8xPBI3BpIxB7hfdl6cqTkhVcCk2zqxTvJ0trFvzxvnSy8I4x5UoMsyISBE/w72-h72-p-k-no-nu/get+200_+JavaScripts+codes+for+your+website.png)
