Newer things are being created daily and the list just keeps growing!
Things still to come in the next few weeks
Tuttorials will be offered for Yahoo Geocities/ Editme/ Google Page Creator.
If you are looking to create a more advanced website then all the tutorials listed below are definitely for you! Click the links listed below to learn how to make your website look more professional and even a bit advanced.
Adding a favicon to your website
Adding PHP Scripting to your website
Adding a Calendar to your website NEW!!
Creating your own Search Engine for your website (Coming Soon)
Adding background music to a website (Coming Soon)
Adding a favicon to your website
This tutorial will teach you how to create a Favicon.
What is a Favicon: A Favicon is a little small image next to the URL.
Example: http://gtechnical360.co.nr and http://gtechnical360.googlepages.com
Example: The green monitor next to the URL is the Favicon.
To add a Favicon to your website
1.You will first need to convert the image to a .ico file to do so use this service http://www.coolutils.com/Online-Image-Converter.php.
2. If you host your Favicons on Google Page Creator you will have to build a manually uploaded homepage. If you do not want to go through manually uploading your page to Google Page Creator then host the .iso image somewhere else and use the code below!
<link rel="icon" href="http://gtechnical360.googlepages.com/Gtech.ico"
type="image/x-icon"/>
<link rel="shortcut icon"
href="http://gtechnical360.googlepages.com/Gtech.ico"
type="image/x-icon"/>
If you are either not using Google Page Creator or planning to upload do the following
1. Convert the image to .ico if you have not already done so
2. Upload the file to your web host
3. Use the code below!
<link rel="icon" href="http://gtechnical360.googlepages.com/Gtech.ico"
type="image/x-icon"/>
<link rel="shortcut icon"
href="http://gtechnical360.googlepages.com/Gtech.ico"
type="image/x-icon"/>
Have a question?
Return to topAdding PHP Scripting to your website
PHP is one of many server side languages that is used to send email and do other things.
If you want a easy mail form for your website that does not require much your time at all we recommend.
If you are Interested and want to learn the scripting you may be interested in the following. I will discuss what you need to have to run email scripts on a server not through a service.
To run email scripts on a server you will need the following
- A web-host that allows PHP to be run on servers most do not allow this because of spammers.
- The PHP code itself.
- Your web-mail form that correlates the fields with the Php script.
A web-host that allows PHP is http://siteburg.com
A PHP form can be acquired at http://www.tele-pro.co.uk/scripts/contact_form/
They also provide you with the mail form for your site.
Now follow the steps below
1.Go to telepro.co.uk and make your form
2.Save the PHP code as a .txt file
3.Copy and paste the form code from telepro.co.uk into your Html editor.
4.Save the file as a website. You will also need to create a error.htm page and a ok.htm page in your Html editor.
5.Create an account at Siteburg
6.login
7.Enable PHP/CGI Scripts
8.Upload the PHP Script that your got from telepro.co.uk
9.Upload all of the web pages you created
Note: To upload things you will need a software called Smart Ftp
That's it your done!
Have a question?
Return to top
Adding buttons to a website
For all of the other web hosts simply do as directed in the open me file provided in the Zipped folder and if you have any questions to contact us!
Editme
To add buttons to your Editme website do the following
1.Go to buttongenerator.com and select the set of buttons you desire
2.Download the file to your PC and unzip the folder
3.Create a webpage named menupage
4.Make it a text page (You should see only HTML)
5.Modify the HTML code by removing the following in red
<a href="http://gtechnical360.googlepages.com/home" onmouseover="setOverImg('1','');overSub=true;show SubMenu('submenu1','button1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hide SubMenu(\'submenu1\')',delay);" target=""><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1">
Make sure you do this for every entry in the HTML code
6.Remove what is in red below and replace it with menupage
*** SET BUTTON'S FOLDER HERE ***/
var button Folder = "Buttons";
7.Upload all images in the buttons folder to menupage by clicking attachments
8.Upload menustyle.css
9. Upload menuscript.js
You're done
Have a question?
Google Page Creator
To add buttons to your Google Page Creator website do the following.
1. Go to buttongenerator.com and select the buttons you want
2. Download the file to your PC and unzip the folder
3.Unzip the file
4.Open the Javascript file
5. Remove what is in red
/*** SET BUTTON'S FOLDER HERE ***/
var button Folder = "Buttons";
<a href="http://gtechnical360.googlepages.com/home" onmouseover="setOverImg('1','');overSub=true;show SubMenu('submenu1','button1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hide SubMenu(\'submenu1\')',delay);" target=""><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1">
6. Save
7. Upload all images in the buttons folder to GPC then upload the Javascript file you modified.
You're done
Have a question?
Yahoo Geocities
To add buttons to your Yahoo Geocities website do the following
1. Go to buttongenerator.com and select the buttons you want
2. Download the file to your PC and unzip the folder
3. Open Yahoo Page Builder
4. File>File Manager
5. Images
6.Select new folder
7.Name it buttons
8.Move the buttons into the folder named buttons
9.Upload the Java Script in the top level directory of your site
Ex: gtechnical360.googlepages.com/menuscript.js
10. Upload the menustyle.css file to the top level directory of your site
11. Paste in HTML code
You're done
Have a question?
Return to topAdding video to your website
To add video to your website do the following
1.)Add personal video using Windows Media Player
Adding video using Windows Media Player
1.)Upload your video to your website then paste the following code into your HTML editor.
2.)Replace the text in red with the location of the video file
<OBJECT id='mediaPlayer' width="320" height="240"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/ mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value=http://mydomain.com/video.wmv>
<param name='animationatStart' value='1'>
<param name='transparentatStart' value='1'>
<param name='autoStart' value='1'>
<param name='ShowControls' value='0'>
<param name='ShowDisplay' value='0'>
<param name='ShowStatusBar' value='0'>
<param name='loop' value='0'>
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/ en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='0'
bgcolor='darkblue' showcontrols='0' showtracker='1'
showdisplay='0' showstatusbar='0' videoborder3d='0' width="320" height="240"
src=http://mydomain.com/video.wmv autostart='1' designtimesp='5311' loop='0'>
</EMBED>
</OBJECT>
Adding video using You Tube
1.) To add video by using You Tube select your favorite video and while it is playing of to the left side copy the code provided then go to your website editor and paste it in the HTML editor.
2.) Enjoy your video
It should appear like this when complete
Have a question?
Return to topGetting a Domain Name
A domain name can make your website more appealing and accessible to your visitors. If you do not want to pay a cent for a domain you can use .co.nr domains which are free but you have your site approved by their organization before you can use it.
If you are looking for a paid domain name where you have more control of things like DNS servers then you may want to use
Have a question?
Return to topAdding a Calendar to a website
To add a Calendar to your website do the following
After logging in or creating a account
1. Select add it is located down by my calendars
2. Fill out information and select "share this calendar"
3. Now select HTML
4. Use the configuration tool
5.Paste code into site
Exception for Editme users: You will create a plain text page (You should see HTML) Then paste the code in and use a include tag on the desired page help.editme.com can help you with that!
When done your calendar should appear like this
Have a question?
Adding search to your site
(Coming Soon)
Adding background music to a website
(Coming Soon)
Putting polls on your website
(Coming Soon)