Log in

No account? Create an account
16 June 2013 @ 01:23 pm
Tutorial: Using Flexible Squares at Dreamwidth (Smooth Sailing, Mixit, Nebula)  
Account Status: Free
Actions: Using Flexible Squares at Dreamwidth (Smooth Sailing, Mixit, Nebula)
Theme: Flexible Squares

1. Let's make sure you are signed in at Dreamwidth. Usually the first page you land on after signing up is the Dreamwidth main page which shared DW news with you. Go to the navigation bar at the top and Select Organize then Select Style.

2. You should see the Select Journal Style page. From here choose the Developer Area on the left navigation bar.

3. In Advanced Customization you should go down and click Your Layers. Those of you who've messed with layers at LiveJournal may understand things here but for those of you who have not, I'll walk you through it. Don't worry.

4. In Your Layers you will see something similar to this. As you can see I already have a Flexible Squares Layer but let's ignore that. Go down to Create Layer.

5. Here you are going to want to choose the Type as Layout and the Core Version as 1 (as shown) and click Create.

6. Again ignore my Flexible Squares Layout. You'll see under the LiveJournal S2 Core, v1 a layout (different number) that says none. We are going to edit this layer. Click edit.

7. You'll see a window like this (again different layer number). You can delete the layer info information that is listed here. We'll be adding a completely fresh layer from LiveJournals source code.

8. The source code we want to add is below. You should copy all of this coding and then paste it all into the Layer Editor. Download the source code you wish to use.
9. After pasting, it should look like this. Click the Save & Compile button at the top. At the bottom it should tell you there are no errors. This means you are done with this step. If there are errors try deleting all the code, recopying it and pasting it again.

10. Then you will go to Select a Theme and click on Your Custom Layers:

11. You should see something along these lines. Click the Apply Theme button.

12. It will then say Customize under the "Custom Layer Theme". Click customize.

13. Now it looks much like LiveJournal. You can now go down to Custom CSS.

14. Here you will want to check-mark the Use external stylesheets because of the Flexible Squares Layer. Then below that paste the coding from the Flexible Squares layout you want and click Save.

15. Now go to your journal. You should have a Flexible Squares layout. You can now go into Customize Journal Style and Custom CSS to tweak any Flexible Squares layout you want.

To set up a Flexible Square's layout in a community at Dreamwidth, you'll need to be in account for your community when you are "changing theme" and go through these steps in your community.

Let me know if you have any issues....
Mood: accomplishedaccomplished
Welcome to the Federation Starship SS Buttcrack!moony_blues on June 16th, 2013 09:17 pm (UTC)
You are a god-send. Worked perfectly for me!
Jill aka Josireesanwar on June 16th, 2013 09:40 pm (UTC)
Great! I'm so glad!
Judith Bartholomewjoyfulljunebugg on June 16th, 2013 10:48 pm (UTC)
You have no idea how happy you made me today! THANK YOU!!! (^ ▽ ^ @)
Jill aka Jo: SPN: Cowboy Deansireesanwar on June 17th, 2013 05:48 pm (UTC)
You are very welcome.
semisweetsoulsemisweetsoul on June 17th, 2013 06:06 pm (UTC)
Wow! That's a wonderful post. I'll find great use for it. Adding to mems for a future use. Thank you very much!

PS: My comment won't show, and I've tried many times. With my luck, it's going to appear as spam.

ETA: Yes, it's working!

Edited at 2013-06-17 06:07 pm (UTC)
Jill aka Jo: Hug: Stock drawing on fingerssireesanwar on June 17th, 2013 09:25 pm (UTC)
Thank you. I'm glad it is helpful.

I don't know what the issue is except that non-members have to input captcha. This is just an anti-spam measure that shouldn't hinder posting.
Fickle Whimsficklewhims on September 4th, 2013 12:08 pm (UTC)
Would you know if there's a way we can still make use of Dreamwidth modules/other features even if we use LJ layout codes?

Thanks so much. :D
Jill aka Josireesanwar on September 4th, 2013 07:12 pm (UTC)
I don't spend a lot of time at Dreamwidth so I'm not sure what you are referring too. Can you show me an example and where in Dreamwidth you find these?
(no subject) - ficklewhims on September 9th, 2013 01:42 pm (UTC) (Expand)
Lost In Yaoi Eternity: Gleevessto on September 7th, 2013 09:00 am (UTC)
Why they just don't add a tab for Visual Editor (WYSIWYG or how was its name)! It is hard non experienced with html users like me to deal with all these commands.@_@

Sorry for the rant, thank you for the very helpful post and for the whole community!
星の雫: 嵐♥_♥kirameki_mei on October 30th, 2013 10:41 pm (UTC)
I was trying so hard to figure out how to change my dreamwidth layout *and I failed every time I tried*
Thank you so much for this tutorial!
Jill aka Jo: Misc: Firefly Calvin & Hobbssireesanwar on October 30th, 2013 10:56 pm (UTC)
You are so welcome.
my_cnnr: katemy_cnnr on June 26th, 2014 11:34 pm (UTC)
Worked brilliantly - not a lick of trouble. Thanks so much!
Jill aka Josireesanwar on June 26th, 2014 11:59 pm (UTC)
Great! You're welcome.
Christienbebentoo on September 11th, 2014 09:50 am (UTC)
It always shows be the same error whenever I re-try it.
Jill aka Josireesanwar on September 11th, 2014 09:14 pm (UTC)
What is the error?
(Deleted comment)
Jill aka Josireesanwar on November 15th, 2014 12:57 am (UTC)
Great! Happy to help.
 A lover of truth, a worshipper of freedom: A sleeping fairyhughville on April 18th, 2015 12:19 pm (UTC)
Thank you SO much for this! I'm going to use one of your layouts.
Jill aka Josireesanwar on April 22nd, 2015 09:02 pm (UTC)
Yay! Very cool.
hpttmodshpttmods on August 15th, 2016 06:16 am (UTC)
Thanks so much for this!

Jill aka Josireesanwar on August 15th, 2016 10:18 pm (UTC)
You are welcome.
zero to goalnihonarashi on January 3rd, 2017 03:35 pm (UTC)
hello thank you so much for this. now im using ur layout with some color and fonts modified :D and now i want use this layout too in dw but there are some different even i already use your tutorial^^;
normally the layout
but when i try to dw it become like this

the sidebar, calendar, pages summary sidebar cant be shown on the page. instead there's tag link on header. can you help me? thanks! :)
sacchanxdsacchanxd on January 4th, 2017 11:04 am (UTC)
Just imported nearly everything on to DW and now my journal style as well, thanks to you! Thank you very much <3
Jill aka Josireesanwar on January 6th, 2017 10:12 pm (UTC)
So welcome.
iLLa: DEARcrystilia_ixora on January 6th, 2017 03:29 am (UTC)
When I tried this my entry is unclickable..
What should i do? Thanks

iLLa: DEARcrystilia_ixora on January 6th, 2017 06:34 am (UTC)
I deleted everything and redo it again. Thank you. It works. 。^‿^。
Sassy.sarahmarie on January 14th, 2017 03:33 pm (UTC)
What does this mean?

S2 Compiler Output at Sat Jan 14 15:28:57 2017
Error compiling layer:

Compile error: line 8, column 1: Unknown token encountered while parsing layer: [TokenIdent] = body
S2::Layer, S2/Layer.pm, 68
S2::Compiler, S2/Compiler.pm, 27
Jill aka Jo: TL: New Librarians walkingsireesanwar on February 7th, 2017 08:02 pm (UTC)
Okay so I've been backing up to DW and I got this error but I suggest starting over and trying it again. That worked for me.
(no subject) - sarahmarie on February 8th, 2017 03:53 am (UTC) (Expand)