Theme Development

Consider of other designs

White Themes: If I ever consider to use a white blog theme I should consider Garland-Revisited. Theme used by rtur is also a good one. For historical reference it is acquired and stored in: F:\Sourcecodes\Web\ASP .Net\Blog Site\Themes\rtur-standard-2014-03-16

Implementing a dark theme

Our primary references here which we use to compare and analyze while we implement the theme are:

• sa-os.blogspot.com: my previous blog in blogger. Its post background and body background are almost same color.
• saos-testbed.blogspot.com: latest blogger template test for dark theme.

To enable our new theme SAOSLabDark we have to change css file path in site.master, lines that require changes to apply new theme,

<link href="<%# Page.ResolveUrl("~/themes/Standard/include/core.css") %>" rel="stylesheet"/>
<link href="<%# Page.ResolveUrl("~/themes/Standard/include/styles.min.css") %>" rel="stylesheet"/>

Modifications on main css of the theme

Files removed from original theme source

• Body.jpg
• Headerbar.png
• Footer.png

Post View Change

File modified: themes/Standard/PostView.ascx Following is the summary of changes

• Date and time separated and author name has been put in the middle followed by string “by”. Ref for date and time standard formats: http://msdn.microsoft.com/en-us/library/zdtaw1bw(v=vs.110).aspx
• Category removed, I never use it
• Comments has been removed and placed at the bottom right position of the post
• From tags extra space removed before : and ,

Theme Footer Text Change

File modified: site.master Copy Right Text Changed:

  <p class="ltr">
    Copyright SAOSLab &copy; <%=DateTime.Now.Year %> - Dark Blog Theme (r10) Beta by SAOS
  </p>

And style for syntax highlighter selected as dark:

<link href='<%# Page.ResolveUrl("~/editors/tiny_mce_3_5_8/plugins/syntaxhighlighter/styles/shThemeRDark.css") %>' rel="stylesheet" />

Theme info Changed

File modified: theme.xml Update revision info