![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png){kind=small}
sireesanwar.livejournal.com posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
layoutloungeAccount 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.
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....
layout_lounge![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
(no subject)
Date: 2013-06-16 09:17 pm (UTC)(no subject)
Date: 2013-06-16 09:40 pm (UTC)(no subject)
Date: 2013-06-16 10:48 pm (UTC)(no subject)
Date: 2013-06-17 05:48 pm (UTC)(no subject)
Date: 2013-06-17 06:06 pm (UTC)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!
(no subject)
Date: 2013-06-17 09:25 pm (UTC)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.
(no subject)
Date: 2013-09-04 12:08 pm (UTC)Thanks so much. :D
(no subject)
Date: 2013-09-04 07:12 pm (UTC)(no subject)
Date: 2013-09-07 09:00 am (UTC)Sorry for the rant, thank you for the very helpful post and for the whole community!
(no subject)
Date: 2013-09-09 01:42 pm (UTC)(no subject)
Date: 2013-10-30 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!
(no subject)
Date: 2013-10-30 10:56 pm (UTC)(no subject)
Date: 2014-06-26 11:34 pm (UTC)(no subject)
Date: 2014-06-26 11:59 pm (UTC)(no subject)
Date: 2014-09-11 09:50 am (UTC)(no subject)
Date: 2014-09-11 09:14 pm (UTC)(no subject)
Date: 2014-11-15 12:57 am (UTC)(no subject)
Date: 2015-04-18 12:19 pm (UTC)(no subject)
Date: 2015-04-22 09:02 pm (UTC)(no subject)
Date: 2016-08-15 06:16 am (UTC)-josephinestone
(no subject)
Date: 2016-08-15 10:18 pm (UTC)(no subject)
Date: 2017-01-03 03:35 pm (UTC)normally the layout
http://imgur.com/s0svOXy
http://imgur.com/d6wDpsP
but when i try to dw it become like this
http://imgur.com/dlhJnfT
the sidebar, calendar, pages summary sidebar cant be shown on the page. instead there's tag link on header. can you help me? thanks! :)
(no subject)
Date: 2017-01-04 11:04 am (UTC)(no subject)
Date: 2017-01-06 03:29 am (UTC)What should i do? Thanks
http://crystilia-ixora.dreamwidth.org
(no subject)
Date: 2017-01-06 06:34 am (UTC)