005 - Installing an S1 Layout
The only reason this tutorial exsists is because I don't want people asking too many questions about a certain layout I made. Hence, this. This is a pretty heavy image tutorial, so be warned beforehand...
Note: Everything has been put in a very simple form, so that hopefully most people will understand it.
First Step:
Sign into your livejournal (duh) and go to Manage >> Info. Here, you're going to change two things.
Second Step:
Add a Webpage URL in the slot. This is VERY VERY important. If you don't do this, the header image will not appear correctly on the layout. It doesn't matter what the website is, you don't even have to own the site-- just list any old website there. If it bothers you that you don't own the website, just list you're own livejournal or something.
Third Step:
This is an optional step for LJ members that had their accounts for a "long" time, meaning, longer than just recently. I'm an idiot, so I don't exactly know when they changed it so you have a Navigational Strip but whatever...
Scroll down the Manage info page until you see the big words: "Navigation Strip Options".
Edit your settings so it looks like the settings below.
The reason that you should do this is because your livejournal layout will look all funky if you have a navigational strip attached to it-- I tried it myself.
Fourth Step:
Copy the code that is given onto Notepad or Wordpad, which should be able to found at Start >> All Programs >> Accessories >> Notepad/Wordpad -- as shown above.
The easiest way to copy the whole code is by using (Ctrl + a) on Windows, then (Ctrl + c) to copy the code that you selected. To paste, just use (Ctrl + v). I don't know "shortcut-keys" for Apple.. sorry about that.
-------------------------------------------------------------------------------
Fifth Step:
Now, you should have Notepad or Wordpad open with the code pasted on it. Now you need to replace all the "yourusername"s with your actual username. In my case, I would replace "yourusername" with "amoonlight". Get it?
Instead of trying to replace everything by going through the whole code yourself, for Windows, click (Ctrl + H) to go to the Replace window. Or you should do something like above, if you don't want to do the whole shorthand keyboard thing~
Sixth Step:
Okay, this really isn't a new step, but just deal with me here.
Now when the "replace" window appears, enter "yourusername" in Find What, and your actual username in "Replace With". In my case, my actual username would be "amoonlight", and so I'd put that in "Replace With"-- as shown below.
After that, you click "Replace All" to have your username replaced throughout the code.
Seventh Step:
This is where things get a bit complicated if you don't know HTML or how the basic coding goes...
Usually in my layouts, I will give you two slots for you to write anything you want. In these two tables, you can put links or text. To make things less complicated, open a new Notepad or Wordpad document and enter/write the things you would want to put in the two different tables. Make sure that they're not too long or... it'll look kind of bad... (that's just my personal opinion though).
BTW, to enter a link, use the code below:
http://url.com" target="_blank">Title of URL
But replace the http://url.com with the actual address of the site/page. And replace "Title of URL" with what you want people to see as the link title. I won't get into this though-- so, now to the actual point.
At this point, you should have two nippits that you want to put in your premade layout.
First, find "FRIENDS_WEBSITE<=" on the layout. Scroll down until you see something like "TITLE #01". Replace "TITLE #01" with an actual title for the content of one of your snippits. And then replace all the text you see there with your snippit. Do the same thing for the second snippit.
Now, find "LASTN_WEBSITE<=" somewhere on the layout. Again, scroll down until you see "TITLE #01". For replacing the text, I would suggest putting the same snippit you put for the pervious "TITLE #01".. but, you can put something new here too. Do the same thing for "TITLE #02".
**EDIT: Be sure to change "Your Title" in the "GLOBAL_HEAD<=" into your actual title.
-------------------------------------------------------------------------------
Eighth Step:
Now, do you understand everything so far? If you do, great, if you don't ask after you read the whole tutorial.
Let's go back to your livejournal. Go to Manage >> Customize. Set your style system to "Old System (S1)" and then click "Change". After that, click the link there that says "Modify Journal".
Ninth Step:
"Scroll down" until you see "Page Layout Style" and set all the styles into the style that's given to you in the layout post. Usually, it will be "Generator"-- so, set all of them to "Generator".
Tenth Step:
Go down to "Color Theme" and select the option to "Custom Colors". Most of the time, my layouts will just require you to leave all of them BLANK. But, that's just for now.
Eleventh Step:
Go down to "Style Overrides". This is where you will paste your "edited code".
Go to your Notepad/Wordpad document and select the code (Ctrl + a), copy it (Ctrl + c), then paste it (Ctrl + v) in the space that is there. The space will look something like the image below:
Final Step:
Final, scroll to the bottom of the page and press "Save Changes". There you have it, you have installed your overrides.
Note: Everything has been put in a very simple form, so that hopefully most people will understand it.
First Step:
Sign into your livejournal (duh) and go to Manage >> Info. Here, you're going to change two things.
Second Step:
Add a Webpage URL in the slot. This is VERY VERY important. If you don't do this, the header image will not appear correctly on the layout. It doesn't matter what the website is, you don't even have to own the site-- just list any old website there. If it bothers you that you don't own the website, just list you're own livejournal or something.
Third Step:
This is an optional step for LJ members that had their accounts for a "long" time, meaning, longer than just recently. I'm an idiot, so I don't exactly know when they changed it so you have a Navigational Strip but whatever...
Scroll down the Manage info page until you see the big words: "Navigation Strip Options".
Edit your settings so it looks like the settings below.
The reason that you should do this is because your livejournal layout will look all funky if you have a navigational strip attached to it-- I tried it myself.
Fourth Step:
Copy the code that is given onto Notepad or Wordpad, which should be able to found at Start >> All Programs >> Accessories >> Notepad/Wordpad -- as shown above.
The easiest way to copy the whole code is by using (Ctrl + a) on Windows, then (Ctrl + c) to copy the code that you selected. To paste, just use (Ctrl + v). I don't know "shortcut-keys" for Apple.. sorry about that.
-------------------------------------------------------------------------------
Fifth Step:
Now, you should have Notepad or Wordpad open with the code pasted on it. Now you need to replace all the "yourusername"s with your actual username. In my case, I would replace "yourusername" with "amoonlight". Get it?
Instead of trying to replace everything by going through the whole code yourself, for Windows, click (Ctrl + H) to go to the Replace window. Or you should do something like above, if you don't want to do the whole shorthand keyboard thing~
Sixth Step:
Okay, this really isn't a new step, but just deal with me here.
Now when the "replace" window appears, enter "yourusername" in Find What, and your actual username in "Replace With". In my case, my actual username would be "amoonlight", and so I'd put that in "Replace With"-- as shown below.
After that, you click "Replace All" to have your username replaced throughout the code.
Seventh Step:
This is where things get a bit complicated if you don't know HTML or how the basic coding goes...
Usually in my layouts, I will give you two slots for you to write anything you want. In these two tables, you can put links or text. To make things less complicated, open a new Notepad or Wordpad document and enter/write the things you would want to put in the two different tables. Make sure that they're not too long or... it'll look kind of bad... (that's just my personal opinion though).
BTW, to enter a link, use the code below:
http://url.com" target="_blank">Title of URL
But replace the http://url.com with the actual address of the site/page. And replace "Title of URL" with what you want people to see as the link title. I won't get into this though-- so, now to the actual point.
At this point, you should have two nippits that you want to put in your premade layout.
First, find "FRIENDS_WEBSITE<=" on the layout. Scroll down until you see something like "TITLE #01". Replace "TITLE #01" with an actual title for the content of one of your snippits. And then replace all the text you see there with your snippit. Do the same thing for the second snippit.
Now, find "LASTN_WEBSITE<=" somewhere on the layout. Again, scroll down until you see "TITLE #01". For replacing the text, I would suggest putting the same snippit you put for the pervious "TITLE #01".. but, you can put something new here too. Do the same thing for "TITLE #02".
**EDIT: Be sure to change "Your Title" in the "GLOBAL_HEAD<=" into your actual title.
-------------------------------------------------------------------------------
Eighth Step:
Now, do you understand everything so far? If you do, great, if you don't ask after you read the whole tutorial.
Let's go back to your livejournal. Go to Manage >> Customize. Set your style system to "Old System (S1)" and then click "Change". After that, click the link there that says "Modify Journal".
Ninth Step:
"Scroll down" until you see "Page Layout Style" and set all the styles into the style that's given to you in the layout post. Usually, it will be "Generator"-- so, set all of them to "Generator".
Tenth Step:
Go down to "Color Theme" and select the option to "Custom Colors". Most of the time, my layouts will just require you to leave all of them BLANK. But, that's just for now.
Eleventh Step:
Go down to "Style Overrides". This is where you will paste your "edited code".
Go to your Notepad/Wordpad document and select the code (Ctrl + a), copy it (Ctrl + c), then paste it (Ctrl + v) in the space that is there. The space will look something like the image below:
Final Step:
Final, scroll to the bottom of the page and press "Save Changes". There you have it, you have installed your overrides.