This is for (A Dear Diary Layout) codes
Layouts: [Baroque - Pink and Grey - Green and White]



Create Theme Layer
Tutorial by carriep63:
Creating a theme layer (using Livejournal new customize journal area)
Tutorials by scotchosur:
Creating a Theme Layer (for InsaneJournal users)

Note:
You will have also created a user layer automatically because of the css. In editing theme and user layer place on top instead:

Under Theme
Replace
layerinfo "type" = "theme";
layerinfo "name" = "";

With This
layerinfo "type" = "theme";
layerinfo "name" = "Baroque";

Under User
Replace
layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";

With This
layerinfo "type" = "user";
layerinfo "name" = "Baroque";

Believe me, this is a simple way if you redesign your journal a lot with custom layers.

Add these into theme layer

Taken from: Original Source
Mood Icon to Left of Metadata

function Entry::lay_print_metadata() { var string tags_header = "Tags"; # text for tags header, "Current Tags" var string tags_joiner = ""; # text for tags joiner, ":" var string tags_sep = ", "; # text for tags separator, ", " var bool show_edit_tags_link = false; # set to true if you want edit tags link as tags header var string currents_open = """<div class="metadata">"""; # html for opening of currents container var string currents_close = """</div>"""; # html for closing of currents container var bool loc_after_mood = false; # set to true to print location after mood var bool vanilla_loc = false; # set to true to delinkify location # if you need data specific to the meta to be in these strings you'll have to set those individually down further # one example is provided with meta_label_open var string meta_label_open = """<strong>"""; # html for opening of metadata label var string meta_label_close = """</strong>: """; # html for closing of metadata label var string meta_val_open = ""; # html for opening of metadata value var string meta_val_close = """<br />"""; # html for closing of metadata value var Link edit_tags = $this->get_link("edit_tags"); # helper var to see if remote user can edit tags if ((size $.metadata > 0) or ((size $.tags > 0) and ($*tags_aware))){ if($.metadata{"mood"} == "" and $loc_after_mood) { # if we're printing loc after mood but we have no mood, set loc_after_mood to false $loc_after_mood = false; } var string currents = ""; # make var for printing $currents = $currents_open; # add opening of currents container if(defined $.mood_icon) { var Image i = $.mood_icon; $currents = $currents + """<table border="0"><tr><td><img src="$i.url" _fcksavedurl="$i.url" width="$i.width" height="$i.height" alt="$.metadata{"mood"}" title="$.metadata{"mood"}" /></td><td>"""; } foreach var string k ($.metadata){ # step thru metadata var string text = $k; # set text to key var string val = $.metadata{$k}; # get val if ($k == "mood"){ # if mood, set text to mood property $text = $*text_meta_mood; } elseif ($k == "music") { # if music, set text to music property $text = $*text_meta_music; } elseif ($k == "location") { # if location, set text to loc variable $text = $*text_meta_location; if($vanilla_loc) { # if vanilla loc, striphtml() it $val = striphtml($val); } } if(not ($k == "location" and $loc_after_mood)) { # if we're doing loc right now and printing loc after mood, skip it # if we're doing loc right now and we're not printing loc after mood, print it now # if we're not doing loc right now, print this piece of meta # add the meta $currents = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close"""; } if($k == "mood" and $loc_after_mood) { # if we just now did the mood and we're printing loc after mood, print the loc $k = "location"; # set meta key to "location" $text = $*text_meta_location; # set text to loc variable $val = $.metadata{$k}; # get val # if we have a loc, do stuff if($val != "") { # if vanilla loc, striphtml() it if($vanilla_loc) { $val = striphtml($val); } # add the meta $currents = $currents + """$meta_label_open$text$meta_label_close$meta_val_open$val$meta_val_close"""; } } } if ((size $.tags > 0) and $*tags_aware) { var string k = "tags"; # set key to "tags" var int tcount = 0; # set counter for tags if($edit_tags.url != "" and $show_edit_tags_link) { # if remote user can edit tags, let's give them a link $tags_header = """<a href="$edit_tags.url" _fcksavedurl="$edit_tags.url">$tags_header</a>"""; } # add text, open val container $currents = $currents + """$meta_label_open$tags_header$tags_joiner$meta_label_close$meta_val_open"""; # build tag list foreach var Tag t ($.tags) { $currents = $currents + """<a rel="tag" href="$t.url" _fcksavedurl="$t.url">$t.name</a>"""; $tcount++; # if we haven't hit the last tag, add a separator if ($tcount != size $.tags) { $currents = $currents + $tags_sep; } } # close val container $currents = $currents + $meta_val_close; } if(defined $.mood_icon) { $currents = $currents + """</td></tr></table>"""; } # close currents container $currents = $currents + $currents_close; # print currents println "$currents"; } }

Taken from: Original Source
Multi-Layer Tags

function Page::lay_print_custom_paraphernalia() { var string id = ""; var string header = ""; var string content = ""; # tagslist ##### Config ##### # Specify your delimiter! One char only -- extra chars get truncated. # Making the delimiter an empty string will result in an un-tiered list, # which may be what you prefer, but this code is serious overkill for # that purpose. var string delimiter = ":"; # Specify the title of your tag box! var string tag_title = "Tags"; ##### End Config ##### var Page p = get_page(); var string list = ""; # mt:20050627 # Replaced erroneous return code with if statement (otherwise # entire sidebar not printed at all if no visible tags!). if (size $this->visible_tag_list() > 0) { # mt:20050624 # Can't use delimiter longer than one char, so truncate if necessary. if ($delimiter->length() > 1) { $delimiter = $delimiter->substr(0, 1); } var bool list_started = false; var string list_item = ""; var string[] prev_tags = ["", ""]; # mt:20050624: Start the list. $list = """<ul class="tagList">"""; foreach var TagDetail t ($this->visible_tag_list()) { var string[] tags; if ($t.name) { # mt:20050624 # Split tags into a 1- or 2-element array on delimiter. Oh god, my # kingdom for a function. Adapted from lj-user rane500's explode # function to only care about first instance of the delimiter. var int array_counter = 0; var string buffer = ""; var bool found_delimiter = false; foreach var string char ($t.name) { if (($found_delimiter == false) and ($char == $delimiter)) { $found_delimiter = true; $tags[$array_counter] = $buffer; $array_counter = $array_counter + 1; $buffer = ""; } else { $buffer = $buffer + $char; } } $tags[$array_counter] = $buffer; # mt:20050624: Now examine the tags array to determine how to display the tag. if (size $tags == 1) { # mt:20050624: This tag has no subtag. if ($list_started) { # mt:20050624: Previous tag had a subtag, so must close its outstanding list. $list = $list + """</ul>"""; $list_started = false; } if ($prev_tags[0] != "") { # mt:20050624: This is not the very first tag in the list, so close off previous tag. $list = $list + """</li>"""; } # mt:20050624: Now add the new tag. $list = $list + """<li class="tagItem"><a href="$t.url">$tags[0]</a>"""; } else { # mt:20050624: This tag has a subtag. $list_item = """<li class="tagItem"><a href="$t.url">$tags[1]</a></li>"""; if (($tags[0] == $prev_tags[0]) and ($list_started)) { # mt:20050624 # This tag fits under the previous tag's tier, and it is not the first item in that tier. $list = $list + $list_item; } elseif (($tags[0] == $prev_tags[0]) and ($list_started == false)) { # mt:20050624 # This tag fits under the previous tag's tier, and it is the very first item in that tier. $list = $list + """<ul class="tagList">""" + $list_item; $list_started = true; } elseif (($tags[0] != $prev_tags[0]) and ($list_started)) { # mt:20050624: This tag initializes a new tier and must also close off the previous tag's list. # $list_started retains its true state. $list = $list + """</ul></li><li class="tagItem">$tags[0]<ul class="tagList">""" + $list_item; } elseif (($tags[0] != $prev_tags[0]) and ($list_started == false)) { # mt:20050624: This tag initializes a new tier but does not have to close off a list. if ($prev_tags[0] != "") { # mt:20050624: This is not the very first tag in the list, so close off previous tag. $list = $list + """</li>"""; } # mt:20050624: Now add the new tag. $list = $list + """<li class="tagItem">$tags[0]<ul class="tagList">""" + $list_item; $list_started = true; } } $prev_tags = $tags; } # mt:20050623: Next tag in the list! } # mt:20050624: Close any outstanding lists. if ($list_started) { $list = $list + """</ul>"""; } $list = $list + """</li></ul>"""; $list = """<div class="tagBox">""" + $list + """</div>"""; } $header = $tag_title; $id = "tagslist"; $content = $list; paraphernalia_box_open ($id, $header); print $content; paraphernalia_box_close($id, $header); } function Page::print_custom_head() { """ <style type="text/css"> /* List Alignment */ /* Styles to ensure that the tag list is correctly aligned beneath the sidebox title */ li.tagBox { padding-left: 0; margin-left: 0; list-style: none; } ul.tagList { padding-left: 0; margin-left: 0; list-style: none; } li.tagItem { padding-left: 15px; list-style: none; } /* Vertical Scroll */ /* Need to shrink the list width to prevent horizontal scrollbar in Firefox. */ /* Note this won't prevent it if your tags are super long, it will only */ /* prevent it from displaying unnecessarily. For the pleasure of IE users */ /* you can also colour any resulting scrollbars as you desire. */ ul.tagList { width: 70%; } .tagBox { height: 200px; overflow: auto; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #930000; scrollbar-face-color: #930000; scrollbar-highlight-color: #cb7575; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #930000; } </style> """; }

Note: See all Tags on Sidebar:

The tags verical scroll, just remove this out of Multi-Layer Tags code:

/* Vertical Scroll */
/* Need to shrink the list width to prevent horizontal scrollbar in Firefox. */
/* Note this won't prevent it if your tags are super long, it will only */
/* prevent it from displaying unnecessarily. For the pleasure of IE users */
/* you can also colour any resulting scrollbars as you desire. */
ul.tagList {
width: 70%;
}
.tagBox {
height: 200px;
overflow: auto;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #930000;
scrollbar-face-color: #930000;
scrollbar-highlight-color: #cb7575;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #930000;
}

Extracted from babyelefant
To add a custom textbox, just add this into the Multi-Layer Tags code:

paraphernalia_box_open("CustomText", "CustomText"); println "<div id=custom>Text in Baroque</div><br />"; paraphernalia_box_close("CustomText", "CustomText");

After this:

Page::lay_print_custom_paraphernalia() {

Before this:

    var string id      = "";
    var string header  = "";
    var string content = "";

Want to change the title of the textbox, simply replace CustomText with the name you've chosen.

Extracted from babyelefant
To change the position on the sidebar such as tags below the links, just add this into the Theme code:

function Page::lay_print_paraphernalia() "User layers can override this to change what appears in the paraphernalia section" { $this->lay_print_journalinfo(); $this->lay_print_viewsel(); $this->lay_print_viewspec(); $this->lay_print_custom_paraphernalia(); $this->lay_print_userlinks(); if (viewer_sees_vbox()) { paraphernalia_box_open("", ""); """<div style="margin-top: 8px;">"""; $this->print_vbox(); "</div>"; paraphernalia_box_close("", ""); } }

This is the natural order for this Dear Diary sidebar but to rearrange, simply changing the paraphernalias in the position where you want it. And Save.