Introduction: Make a 100% Free Website! No Ads or Viruses!

Picture of Make a 100% Free Website! No Ads or Viruses!

The website "yola" is a great website for making totally free websites. Either a personal website or company website, even a password protected site, and you can create it all by yourself and no code knowledge is required but it would help you create a nicer site.

Step 1: Sign Up

Picture of Sign Up
The very first thing you have to do is sign up for a free account. They will ask you:

  • Your Full name
  • Your Email
  • Confirm Email
  • Password
And then Click Get Started!

Step 2: Choose Your Theme and Color

Picture of Choose Your Theme and Color

Now that you have signed up it should automatically take to create a new site (yes you can have multiple sites!) Unfortunately you are limited to only 76 pre-designed templates, some you can change the banner and some you can't, their also maybe additional colors for that theme, some you can not. Once you have chosen your theme and possibly the color then click next.

Step 3: Name Your Site and Choose a URL

Picture of Name Your Site and Choose a URL

Now that you know what you want it to look like you want to name it. Enter the name of your site (this is not the URL, its the name of your site for the list of sites on your account so you can identify the website your editing.) This instructable is going to show you how to make a website, I'm going to make the blog for another instructable, so please select website for the type of your site. Next click Choose a Web address. Now it should load the yola site editor with a dialog box, as I said this can be 100% free if you click choose standard (example.yolasite.com), or if you would like to have your very own domain (www.example.com) you can pay $19.95 per year and it would project a more professional image, improve your chances of being found on Google, and it comes with a E-mail address of you@yoursite.com, if you already have a domain (with any service) then click use my domain and click how do I do this then it would give you an IP address for your domain to point to and then click I have done this then test your setup. I'm just going to click the standard for my site to be 100% free, next you want to enter what you want your domain name (web address) to be and check for availability, if your domain is available then click use this address to continue. After you do all that then it should look like the fifth (5th) picture (publishing your site!) after its done publishing your site then you can click return to editing to start editing your site!

Step 4: Editing Your Website

Picture of Editing Your Website

Congratulations you've created a website! Now you want to edit the website! So lets first explain what the layout looks like... You will see a sidebar that has content to drag onto your page. And the sidebar has folders of other stuff you can drag to your site like putting a youtube video, photo gallery, widgets, and even forms. Click on the properties tab on the sidebar and you can see options for your website like: Window Title, heading, keywords, description, favicon, and sometimes you can change the banner image if your template has one. lets start off by dragging some text to your site, click to edit your text and type whatever you want to be on your site. Now lets put some HTML on your website, get code from other websites to embed something and then drag the HTML widget onto your page, it should automatically load the HTML editor, then you can paste your code there or edit the code of you know HTML, and then click OK, and whatever you embedded should load. Now we are going to put a youtube video onto your website! Click on the "video" folder on the sidebar and drag youtube video onto your website, now it automatically puts a default video onto your website so to change that select the widget on your website and then click the properties tab on the sidebar and change the URL with the video you want, you can also edit alignment, and margins. after you edited the web page to your likes click save on the top bar, then you can click the yellow "update my website" button near the save button to update your website so your changes would become live.

Step 5: Creating New Pages

Picture of Creating New Pages

Now lets make new pages! Up at the top toolbar their should be a button that says "New Page" click that to make a new page, then a dialog box should come up showing options for the new page your creating, set the type as web page, then put the file name, the heading is the big text on your page, I like to leave mine all the same. check the "Show in navigation" if you want the page to show in the navigation bar at the top of your page, you can also password protect it but I'll show you that later, after you set everything then click OK. in the third picture you can see the page I just created is showing in my navigation bar since I checked that option for the page. To change that click "edit Menu" on the top toolbar, you can drag and drop menu items to reorder them, or drag them to the right to take them out if the menu, this won't delete your pages, just doesn't show them in the navigation bar. Beck to the newly created page: you can now edit the page you just created! To go back to different pages then you'll see and drop down menu that has all of your pages you have, click the drop down menu then click the page you want to go to then the page you selected should load.

Step 6: Linking Pages

Picture of Linking Pages

OK you've done great at making your website, but how do you link to a page that you didn't want on your navigation bar? You can use Text, or HTML, lets start with HTML. Drag the HTML widget onto your page, and let the HTML editor load. now you have to know the code in order to use this correctly unless if your just copy and pasting :) The code is below, Replace the bold text with your URL and text well you know what I mean.... Note: Leave the quotes!!

  • <a href="the url here">Text that you want to show here</a>

Using Text:
Drag the text widget onto your page, Type the text you want... now up at the top toolbar there should be a button that has a chain link on it.. click that and a dialog box will come up looking like picture 2. Now the first option you have is to link to a page that is part of your site, you can click browse to select the page you want to link to from a list of all the pages you created (example in picture 3). the second option is to link to a external URL (other website or page). The third option is if you are making a email link so that when someone clicks it then it opens up the default email client and they can start typing a new message. I do not suggest this if you are expecting a lot of people to email you because a lot of people you web mail and not a email client, therefore they can not get your email address. Your fourth option is to link to a file, (usually a download link) click the browse button and you will be asked to upload a file you want to use.

Step 7: Keep It Up to Date!

Picture of Keep It Up to Date!

Now that's it for this instructable, I showed you the basics of creating a website with yola You can do so much more with this and make your site killer! so keep learning and make sure to keep your site up to date and fresh with new stuff! Hope you had fun making your site! If you would like to see a example then please visit my yola website! http://availguy.yolasite.com If you have any questions just comment!

Your Digitally,
Amakerguy

Comments

itsruthanitha (author)2016-02-29

I found this Free Webpage Builder. Easy to create a Webpage to write a review post about the product or service. It helps to optimize the post with Google Adsense, Amazon Promotion, Generate Leads. http://www.earnmoneyonlinehelp.com

dennis makoa (author)2012-03-18

why create links that don't work

hedzup456 (author)2010-08-02

you link doesnt work

james.mcglashan (author)2010-06-15

I'm working on my own product that i hope to be lots better than the old web-1 site generators. (NO-EVIL-FLASH).. SiteGen will include different versions for the different needs. My-SQL, PHP Files, PHP PHP HTML But for now it is just PHP + My-SQL.. The pruduct is living at http://sitegen.com.au/

badad (author)2010-01-15

Can we earn money through google adsense? or not

I_am_jesuspeanut (author)2010-01-02

How do you put games on a website

 yeah, you have to have the embed code for the game, and if you use yola then you have to put the embed code into a HTML widget.. you can find code for games, if you search google for embeddable flash games. Lots of results come up.. you can also try http://www.freeworldgroup.com they have some if you look for games for webmasters or something like that ;)

shoyru_master_11 (author)2009-10-25

Instead try ueuo.com or webs.com

weasel999 (author)2009-10-14

 dude i hacked into the stop motion pictures website

username   webmaster

password   aaronvail1995

amakerguy (author)weasel9992009-10-14

You Did NOT HACK the website!! Its in the source code... I just put that there so thatpeople wouldn't get into it as easy because I'm working on redesigningit and changing the Domain name... thanks for sharing the Pass andUser.. :P but you are free to check out the stuff... before I reallyprotect it

austinburke. (author)2009-07-22

awesome (:

=SMART= (author)2009-07-17

Very interesting, i was thinking about creating my own website. If i do i would pay the money to have the yola bit removed, thing is i dont really want to use a template, i want to design it in photoshop and do it that way. Do you know how i could do that ?

lemonie (author)=SMART=2009-07-18

Webhosting can be fairly cheap (inclusive of a domain name) - if you can scrape a few bucks together, pay for a package that'll let you upload your own content. I should think that ftp connections aren't allowed by yola (no they're not)

L

=SMART= (author)lemonie2009-07-19

do you know of any good places i can buy a domain name ?

amakerguy (author)=SMART=2009-07-19

I think the best place is Godaddy... you could get a domain name there and web hosting for very cheap. In fact I'm going to buy another one soon, and there only about $10 per year (for the domain)

lemonie (author)amakerguy2009-07-19

Have you got the name pointing to your yola site, or do you have another site somewhere? (generally interested) L

lemonie (author)=SMART=2009-07-19

If you just want to register a domain name, this place is probably as good as any other:
http://www.123-reg.co.uk/

L

lemonie (author)=SMART=2009-07-19

Sorry I forgot you were in the same country as myself.
I've been on the 29.35 a year package for years, it's not the cheapest but it don't give me any trouble: stable professional service-
http://www.uk.clara.net/hosting/shared-web-hosting

L

amakerguy (author)=SMART=2009-07-17

well you could pick a template that has a banner image like in my example and then it would give you the size and you can make your own. Go here and look at my brothers, I changed the banner to one I made in photoshop.

lemonie (author)2009-07-18

The finished example is the one you made for your brother, or do you have one too? L

amakerguy (author)lemonie2009-07-18

I have a yola website.... http://availguy.yolasite.com

lemonie (author)amakerguy2009-07-18

That's tidy and easy on the eyes (I see a lot worse, and often). I should take a screen shot and use it as image number one at the top, and drop it in as a link to show the finished result of the instructable. ? L

About This Instructable

26,623views

19favorites

License:

Bio: I'm a 9th grader that loves to build and destroy stuff. I love Gadgets and computers. I make websites, and design graphics.. I homeschool ... More »
More by amakerguy:Create a HTML5 Audio PlayerConvert a MP3 to a OGG fileLight Swirl Photoshop effect
Add instructable to: