Installing & Editing Layouts

Unfortunately, this tutorial is only good for website owners with an FTP database Website. Sorry for the inconvenience.

In this tutorial... I will teach you how to properly install a layout onto your FTP website!
First, you will want to get your ZIPPED layout file! If you don't have a layout, you can go HERE to get one.

So the first thing you'll want to do is look at your "menu" that you have above all of your files.
In that menu you'll see:
New Dir - New File - Upload - Java Upload - Ect.
You'll want to click Upload

Once you get to the upload section, upload all the files that you have downloaded from the layout.
Yes, even the layout images!
You do this by clicking Browse, then searching for the files from the download on your computer.
Sometimes, people have trouble finding the downloaded files. So something to do is go to Downloads, or go to Recent Files. You should be able to find your files. If not, I suggest you download the layout again, and put the download some wheres where you will know where it's at, like Pictures, or Desktop.

Then just click the Green Check Mark, which is located right by the Blue Arrow to go back.
Then go back.
Now your all set!
You should have the whole layout uploaded to your website!

Editing your Blog

If you don't have a blogging system like Fanupdate, Wordpress, Cutenews, ect. uploaded on your FTP Database, here is how to edit your blog.
You'll want to find the file called Index.php. Once you have found that, click Edit.
That should take you right onto a whole new page, and you will be able to write whatever you like there.
To have a header on your blog, you will want to put one of these (Or as many as you like):
<h1>TEXT HERE</h1>
<h2>TEXT HERE</h2>
<h3>TEXT HERE</h3>
These give you some wheres to put a title, or date.
Then you'll want to add this below your Header:
<h4>TEXT HERE</h4> You can write your blog between the: <h4></h4>
You don't have to have the <h4></h4> to write your blog... you can just write it under the Header if you like. But sometimes with CSS it makes the layout look really bad if you don't use the <h4></h4>, because the coding may not have the right settings.
But try it however you like.

Changing the Size and Position of your blog

You'll want to go back to your main files, and find the file Header.php Once you have found that, click Edit.
That should take you right onto a whole new page.
Then you go to the bottom of the page and look for a code that looks like this:
 <div style="position:absolute; right:275px; top:0px; width:400px; line-height==8px;"> And all you have to do is edit the numbers.
So if you want the blog to be more to the right, you change where it says right:275px;.
If you'd like the blog to be more to the left, you change the word from Right to Left, then Edit the number.
If you'd like the blog to be smaller or bigger, all you do is change where it says width:400px;
If you'd like to make the blog go higher, or lower, all you do is change where it says top:0px;

Editing your Sidebar

Editing your Sidebar is one of the easiest things to do!
First, You'll want to find the file called Header.php. Once you have found that, click Edit.
That should take you right onto a whole new page.
You will see things like:
<h2>Welcome!</h2> <h4>WRITE A WELCOME MESSAGE WRITE A WELCOME MESSAGE</H4> and <h2>Navigation</h2> <h4> <a href="#" class="box">LINK HERE</a> <a href="#" class="box">LINK HERE</a> <a href="#" class="box">LINK HERE</a> </h4>

So really, it's pretty straight forward.
Just write what you want under the Welcomes, Owners, and ect.

Changing the Size and Position of your Sidebar

You stay on Header.php for this.
So first, you'll want to find a code that looks like this:
 <div style="position:absolute; left:500px; top:605px; width:250px; line-height==8px;"> And like editing your blog, all you have to do is edit the numbers.
So if you want the blog to be more to the right, you change where it says right:275px;.
If you'd like the blog to be more to the left, you change the word from Right to Left, then Edit the number.
If you'd like the blog to be smaller or bigger, all you do is change where it says width:400px;
If you'd like to make the blog go higher, or lower, all you do is change where it says top:0px;

If this tutorial did not help you, please ask me any question you'd like to HERE