Storm Blog Twilight 1 (dark)

Designer's Comments

Look carefully for specific instructions

MADE BY Coverday

- IMPORTANT!!! -

If the layout preview does NOT look the same as on the photo, try uploading it to YOUR blog to check how it really would appear, or see live preview HERE

- USAGE NOTES -

Changing links in menu bar:

1. Upload/Paste the template to your blog.

2. Find this code in the layout using Firefox search (without spaces between ">")

< li >< a href='http://YOUR_URL.blogspot.com/' > Home < /a >< /li >
< li >< a href='http://' > Link 1 < /a > < /li >
< li > < a href='http://' > Link 2 < /a > < /li >
< li > < a href='http://' > Link 3 < /a > < /li >
< li > < a href='http://' > Link 4 < /a > < /li >

3. Edit the links or add more of your own by changing the text in the code.

E.G.

"http://YOUR_URL.blogspot.com/" TO "http://coverday.blogspot.com/"

"http://" TO "http://yourpage.com"

"Link 1" TO "My Page"

4. Save the changes.

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Layout
3. Click on Edit HTML
4. Copy (ctrl c) and paste (ctrl v) code to Template

Layout Code

Copy and paste to Template

Help

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

Name: Storm Blog Twilight 1
Blogger Template by Coverday
URL: http://www.coverday.net/

Template released under the Creative Commons Attribution License,

DO NOT REMOVE THE FOOTER CREDITS, THAT'S MEAN

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

/*-- (Hiding the navbar) --*/
#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

body {
	margin:0;
	padding-top:0px;
	background:#333 url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Backgrounds/cloudyblack_white_DARK.jpg) fixed;
	font-family:"arial",Tahoma, Verdana, sans-serif;
	color:#e7e7e7;
	font-size:14px;
	}
img {
	border:0;
	}
a {
	color:#b9b9b9;
	text-decoration:none
	}
a:hover {
	color:#fff;
	text-decoration:none
		}
h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	padding-left:10px;
	color:#400040;
	font-style: normal;
	
	}
.clear {
	clear:both;
	}
.alignleft {
	float:left;

}
.alignright {
	float:right;
	}

/* The Wrapper */

.wrapper {
	width:917px;
	margin:0 auto;
	background:#FCFAFA;
		}
.content {
	width:917px;
	margin:0 auto;
	background:#111 url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Backgrounds/cloudyblack_white_DARK3.jpg) fixed;;
	
		}
/* The Top */

.top {
	height:188px;
	margin-top:0px;
	background:url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Headers/StormBlog_twilight18.jpg);
	
	}
.blogname {
	float:left;
	width:700px;
	font-family: "book antiqua",Georgia,Tahoma, sans-serif;

}
.blogname h1  {
	font-size:36px;
	font-weight:normal;
	margin:75px 0 0 30px;
	color:#787878;
	text-decoration: none;
	}

.blogname h1  a:link, .blogname h1  a:visited{ 
	
	color: #AEB7BD; 
	text-decoration: none; 
	background-color:transparent;
	}

.blogname h1  a:hover { 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}

.blogname h2 {
	margin:0px 0 0 50px;
	font-size:16px;
	font-weight:normal;
	color:#C2C2C2;
	}

/* Menu */
#mainmenu{
	height:18px;
	background:#070707;
	display:block;
	padding:9px 0 0px 14px;
	}
#mainmenu ul {
	margin:0px;
	padding:0px;
}

#mainmenu ul li {
	margin:0px;
	list-style:none;
	float:left;
	margin-left:0px;
	font: 13px "arial"
}

#mainmenu ul li a {
	text-decoration:none;	
	color:#BFC6C9;
	padding:3px;
	padding-left:7px;
	padding-right:18px;
	position:relative;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active {
	color:#eee;
	background-color:#111;
	text-decoration:none;	
	
}

#mainmenu ul li a span {
	display:none;
}

#mainmenu ul li a:hover span, #mainmenu ul li a.active  span{
	display:inline;
	position:absolute;
	right:-1px;
	top:0px;

}

/* The Content */
#content {
	float: left;
	width: 727px;
	margin: 0 0 3px 0;
	padding: 0 0;
	
	}

.post {
	margin: 10px 10px 0 5px;
	padding:0px 0px 0px 0px;
	height: 100%;
	text-align:left-align;
	color:#343434;
	font: 13px "verdana", verdana, sans-serif;

}

.post h2 {
	margin: 0 0;
	padding: 0px 0px 0px 15px;
	height:28px;
	background: url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Blogs/Playstation%20-%20supernaturals/clairvoyance-title.png);
	background-repeat:repeat-y;
	text-align: left;
	font: normal bold  18px "Georgia", times new roman, sans-serif;
	
	}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color: #606773;
	background-color: transparent;
	}

.post .date {
	margin: 0 0;
	padding: 13px 0 0 15px;
	height: 21px;
	background: url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Blogs/Playstation%20-%20supernaturals/clairvoyance-date.png) no-repeat left top;
	font: normal bold 1.0em "tahoma", tahoma, sans-serif;
	color: #c9c9c9;
	background-color: transparent;
	}

.post .postmetadata {
	padding: 2px 15px 5px 15px;
	background:url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Blogs/Playstation%20-%20supernaturals/clairvoyance-meta_short6.png) no-repeat left top;
	font: normal 12px Verdana, Arial, sans-serif;
	text-align: right;
	height:34px;
	
	}
.p_comments {
height:25px;
width:100px;
line-height:26px;
text-align:center;
float:right;
padding:0 5px 0 27px;

}

.p_comments a:link,
.p_comments a:visited {
	color: #111;
	background-color: transparent;
}

.post a:link,
.post a:visited {
	color: #555;
	background-color: transparent;
}

.post a:hover {
	color: #555;
	background-color: transparent;
	text-decoration: none;
}

.entry {
	display:block;
	margin: 0 0;
	padding: 5px 25px;
	}
.cover{
	margin: 0 0;
	background: url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Blogs/Playstation%20-%20supernaturals/connexion-content.png);
	background-repeat:repeat-y;
	}
/* The sidebar */

#sidebar {
width:190px;
float:right;
font-size:13px;
color:#B1C0C9;
margin: 5px 0px 0px 0px;
font-family: arial,Arial,Arial;

}

#sidebar ul {
margin:0;
padding:0;
list-style-type:none;
}

#sidebar  h2 {
font-size:15px;
height:23px;
line-height:22px;
font-weight:normal bold;
padding:3px 0px 10px 5px;
background:#333;
margin:0;
color:#eee;

background: #111 url(http://i450.photobucket.com/albums/qq229/LyssaAlex/Backgrounds/SB_cloudyblack_white_DARK2.jpg);
	background-repeat:no-repeat;
	padding:0px 0 0 5px;
font-variant:small-caps;
}

#sidebar li a {
list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	line-height:23px;
	border-bottom:1px solid #;
}

#sidebar li a:hover {
text-decoration:none;
background-color:#190F19;
color:#D1CDD4;

}

#sidebar ul li a {
background:#;javascript:void(0)
padding-left:10px;
}
#sidebar table {
	width:100%;
	text-align:center;
	background-color:#1B1B1B;
	}

#sidebar .widget-content {
			padding: 5px 20px 10px 10px;
		}
/* --- FOOTER --- */

#footer {
	height:20px;
	padding:10px 0 0 0px;
	margin:2px 0 0 0;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	letter-spacing:1px;
	background:#111;
	text-align:center;
	}

#footer a {
	color:#999;
	text-decoration:none;
	}

#footer a:hover {
	color:#E5E5E5;
	
	}

/* The Navigation */

.navigation {
	height:10px;
	padding:0 20px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	}
.navigation a:hover {
	color:#fff;

}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	}

/* The Comments */

.comments {
	padding: 22px 32px 23px 32px;
	line-height:16px;
	}
	
.comments ol {
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #444;
	
}

div.comments ol li {
	padding-bottom: 9px;
	
}

.comments form {
	}
.comments textarea {
	width:96%;
	height:156px;
	background:#ccc;
	border:2px solid #777;
	color:#000;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#dcdcdc;
	border:1px solid #ababab;
	color:#484849;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 0px;
	padding:0;
	font-weight:normal;
	
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	}
.comments ol li {
	padding-bottom: 9px;

}

]]></b:skin>
</head>

</div>	
	</div>

<div id='mainmenu'>
			<ul>
<li><a href='http://YOUR_URL.blogspot.com/'>Home</a></li>
<li><a href='http://'>Link 1</a></li>
<li><a href='http://'>Link 2</a></li>
<li><a href='http://'>Link 3</a></li>
<li><a href='http://'>Link 4</a></li>
<li><a href='http://www.coverday.net/'>www.Coverday.net</a></li>

</ul>
	</div>

<b:section class='content' id='content' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
  </p>
</b:includable>
<b:includable id='post' var='post'>
	
  <div class='post uncustomized-post-template'>	
  
  <div class='title'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
<div class='date'><span> <b:if cond='data:post.dateHeader'>
        <data:post.dateHeader/>
      </b:if> </span></div>
      <h2 class='title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>
	 </div>

<b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
          </b:if>
        </b:if>
      </span>

<span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

</span>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h3><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'>&#160;</span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'>&#160;</span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

<data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
					
					
		
		<div class='navigation'>
			<div class='alignleft'/>
			<div class='alignright'/>
		</div>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
<b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'>&#9660; </span>
    </a>
  <b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              &#9668;
            <b:else/>
              &#9658;
            </b:if>
          </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
<b:widget id='Text1' locked='false' title='Your Text' type='Text'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

<b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>

</div>
<div class='clear'/>
		</div>
		<div id='footer'>
		
&#169;<a href='http://www.coverday.net/' target='_blank'>Layout by Coverday </a>

</div>	
</div>
<script type='text/javascript'>
var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);
document.write(unescape(&quot;%3Cscript src=&#39;&quot; + gaJsHost + &quot;google-analytics.com/ga.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E&quot;));
</script>
<script type='text/javascript'>
var pageTracker = _gat._getTracker(&quot;UA-5455345-1&quot;);
pageTracker._trackPageview();
</script>
</body>
</html>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	LyssaAlex
Submitted on	Dec 11, 2008
Page views	8,513
Favorites	9
Comments	0
Reviewer	manny-the-dino
Approved on	Dec 11, 2008

Layout Colors

Layout Tags

celebrities, emotions, fantasy, love, movies, nature, storm, clouds, dark, twilight, edward cullen, bella swan, bluish

Layout Tools

Layout Affiliates

Here I Stand Layouts