How to Design a LiveJournal Layout With HTML

Even if you have no idea what HTML is or how to write it, you can still create a layout for your LiveJournal. Using the HTML code that is already set up for your journal you can change the background, text boxes, text and more in your layout. Once you know how to recognize the parts that make up the details of your layout you can easily change the look of your journal.

Difficulty: Moderate

Instructions

Things You'll Need:

• LiveJournal Account
• Photobucket Account

1. Login to your account and go to "Journal Display." This page can be reached by going to "Customize" under "Your Settings."

2. Set your Journal to "S1 System Style." This is found on the first page of the "Journal Settings" page at the bottom of the text box. This allows you to change the HTML of your journal.

3. Click on the "Custom Options" tab. This will take you to the area for the HTML code for your journal. The HTML Code is in the "Overrides" box.

4. Carefully read through the HTML Code. Most of the Code is self explanatory. Text-family deals with the text style you want to use. Background-color or background-image deals with how the background behind the text is going to look.

5. Take the picture that you want to use for the Journal. With a website like Photobucket, create your own http:// link to the picture. Don't link to pictures on other people's web pages.

6. Create a theme around the picture that you've chosen. The comment links on each Journal entry can be changed to fit this theme. For example if your using the picture of a star you can make the background color around the picture black, use a star color for the text, like white or gold, and have your "Friends Comment Link" say "Catch a Shooting Star" and the Link to comments be "# Star Caught."

7. Change your Journal HTML bit by bit. Change something and then view your Journal to see how that change affected the Journal and the theme.