[LAYOUT TUTORIAL] - #01 Changing your layout

[euphoric_zone]

Alright, this is a simple tutorial on how to edit your layout.

STEP ONE:

Check what kind of layout it is, be it Flexible Squares or Smooth Sailing etc. Also check which layout system it uses (!important), S1 or S2. S1 is the OLD LJ layout system and S2 is the new one.

If you're using S1, on the "Select Journal Style" page, there should be a link at the bottom of the sidebar (under "Developer's Area") that will lead you to switch to S2. Don't worry, you can switch between S1 and S2 any time.

STEP TWO:

Go to "Select Journal Style" and choose the journal style of what ever your new layout is. Choose ANY of the layouts, it really doesn't matter.

Search for the style in the box at the top right hand corner. Just by typing the first word/letters, the full style should appear.

Eg. type "Smooth" and Smooth Sailing will immediately appear.

And then just take your pick!

STEP THREE:

Go to "Customize Journal Style" and then to "Custom CSS". See the big box there? Insert your coding there.

If the layout looks screwed when you preview it, make sure that "Use layout's spreadsheet(s)" is at "NO", "Use layout's stylesheet(s) when including custom external stylesheet" is "NO" and the last one is "YES".

STEP FOUR:

Done! You may now customize the other features of your skin, for example the sidebar.

On the same "Customize Journal Style" page, there will be a link to "Sidebar". There, you can choose to display tags, page summary etc.

For a more comprehensive tutorial, head to any layout community such as premade_ljsand feel free to ask me!

<3

-Bernie!~

Comments

[theclubkid.livejournal.com]

bernie.

[berniechan.livejournal.com]

FAARAAAAAAH!

[rukia1314.livejournal.com]

hey bernie
im still quite new to all this so its rather confusing
Use layout's "Base Weblog" stylesheet and Custom external stylesheet URL is the only thing there is on the customize journal style page.. everything looks screwed when i preview it after i post the coode in the custom stylesheet box ><

[berniechan.livejournal.com]

Did you make sure you were using S2, and the style Flexible Squares? The Jun skin only works with S2 and Flexible Squares.

[rukia1314.livejournal.com]

where can i change that?

[berniechan.livejournal.com]

The S1/S2 settings is on the "Choose Journal Style" page, sorry.

On the left, the blue bar, right at the bottom.

[rukia1314.livejournal.com]

its S2 right now but i dont know where the flexible squares are >

[berniechan.livejournal.com]

"Select Journal Style", under "Journal" on the home page, there's this search bar on top of the part with all the small screenies of different layouts. Type in "Flexible Squares" and then select any of the listed layouts.

Then its to the "Customize Journal Style" and the "Custom CSS" link in the sidebar. Copy, paste and it should be done.

I guess I should have made a picture tutorial. I'd do one now but I've got something on, so I'll try and get it done after I get back. Won't be for a few hours though. =/

[rukia1314.livejournal.com]

oh thanku so much!!!!

i feel relli stupid lol

thanks again for clarifying!!

[berniechan.livejournal.com]

Ahahaha, there you go! Naw, don't feel stupid. It took me ages to figure out how to apply a skin at first. I had to read three different tutorials. XD

Just a note though, please credit me in the sidebar. You can easily do that under "Sidebar" in "Customize Journal Style", and under the "Text to be added to the sidebar"

Sorry, but I'm just particular about people stealing works and stuff cause its happened before.

[rukia1314.livejournal.com]

haha alright lemme do that now :D

[berniechan.livejournal.com]

*seen* Shall go squeal over more Aiba goodness and try to make nicer layouts! xD

AIBAAAAA!~

[rukia1314.livejournal.com]

haha woooot aibaa!!! XDDDD

[hellsings-home.livejournal.com]

*clicks the <3 button*

[berniechan.livejournal.com]

XD. It's really confusing if no one tells you. And most LJ comms that have tutorials are friends locked. =/