blogger layouts
SHINEE lucifer layout 
click here to preview the layout
copy the html code below and paste it into the html section of your blogger. make sure look through the html to insert the "about me" info,"tagboard" section and all the other blanks you will need to fill. If you want to add more onto the side bar, copy and paste the html for the existing headers to add the the sidebar. thanks.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<title>SHINEE LUCIFER</title>
<meta name="keywords" content="vivian">
<style type="text/css">
body {
font-family: trebuchet ms;
font-weight: normal;
color: #fffff;
font-size: 10px;
margin: 0;
top: 789px;
padding: 0;
background: #FFFFFF
url(http://i20.photobucket.com/albums/b210/vivian-origamigirl/Untitled-2-2.jpg);repeat
}
#main {
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
height: 789px;
width: 1014px;
background: url(http://i20.photobucket.com/albums/b210/vivian-origamigirl/Untitled-21.jpg)
no-repeat;
}
#blog {
z-index: 1;
position: absolute;
}
#content {
position: absolute;
margin: 0;
padding: 0;
top: 350px;
left: 150px;
width: 500px;
z-index: 1;
padding: 5px;
}
#side {
position: absolute;
text-align: left;
top: 369px;
left: 700px;
width: 226px;
margin: 0px;
padding-bottom: 0px;
z-index: 0;
}
.written {
font-family: trebuchet ms;
font-size: 14px;
font-weight:bold;
letter-spacing:-1px;
color: #ffffff;
text-align: justify;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin-right: 15px;
margin-top: -1px;
border: 0px dotted #000000;
}
.written a:link, a:active, a:visited {
color: #0000FF;
text-decoration:none;
}
.written a:hover {
color: #800080;
letter-spacing: 2px;
cursor: crosshair
text-decoration: underline overline blink;
}
#postscript {
font-family: trebuchet ms;
letter-spacing:-1px;
color: #ffffff;
text-align: center;
font-size: 17px;
font-weight:bold;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px;
}
#postscript span a:link, a:active, a:visited {
color: #0000FF;
text-decoration: none;
}
#postscript span a:hover{
color: #800080;
text-decoration: underline overline blink;
cursor: crosshair;
}
h1 {
font-family: trebuchet ms;
font-weight: normal;
font-size: 13pt;
text-transform: none;
color: #ffffff;
letter-spacing: -1px;
text-align:center;
margin-bottom: 7px;
padding-top: 30px;
padding-left: 20px;
padding-right: 0px;
}
h2 {font-family:times new roman;
font-weight: bold;
font-size: 19px;
letter-spacing: -2px;
color: purple;
text-align: center;
text-transform:none;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 35px;
padding-bottom: 0px;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
color: #ffffff;
text-decoration: none;cursor: crosshair;
}
h3 {
font-family: trebuchet ms;
font-weight: normal;
font-size: 20px;
text-transform:lowercase;
letter-spacing: -1px;
color: #ffffff;
text-align:right;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 35px;
padding-bottom: 0px;
line-height: 150%;
}
ul {
font-family: trebuchet ms;
font-weight: bold;
color: #ffffff;
font-size: 14px;
letter-spacing:-2px;
list-style-type: none;
text-transform: uppercase;
margin-top: -10px;
margin-left: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 15px;
text-align: left;
line-height: 130%;
}
ul a:link {
color: #0000FF;
text-decoration: none;
}
ul a:active {
color:#0000FF;
text-decoration: none;
}
ul a:visited {
color:#0000FF;
text-decoration: none;
}
ul a:hover {
color: #800080;
letter-spacing: 2px;
cursor: crosshair;
font-family:century gothic;
font-size:15px;
text-decoration: underline overline blink;
}
</style>
</head>
<noembed><body></noembed>
<div id="main"><span></span></div>
<div id="blog">
<div id="content">
<blogger>
<h1><span><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h1>
<BlogItemTitle><h2><span><a href="<$BlogItemPermalinkURL$>"
title="Permanent Link"><$BlogItemTitle$></a></span></h2></BlogItemTitle>
<p><div class="written"><span><$BlogItemBody$></span></div></p><p></p>
<div id="postscript">
<span style="font-family: trebuchet ms;
color: #000000;
font-size: 10pt; text-transform: uppercase; font-weight: bold;"></span> </span>
<span
class="comments"><BlogItemCommentsEnabled>
<span style="font-family: trebuchet ms;
color: #fffff;
font-size: 10pt; text-transform: uppercase; font-weight: bold;">click below to leave a comment</span></font><br><br />
<span style="font-family: trebuchet ms;
color: #fffff;
font-size: 10pt; text-transform: uppercase; font-weight: bold;"></span> <a
href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$></a>
comments
</BlogItemCommentsEnabled></span>
</div>
<p>
</blogger>
</div>
<div id="side">
<div id="me">
<h1 class="info">
<ul>
<center><img
src="http://i20.photobucket.com/albums/b210/vivian-origamigirl/Animation1-1.gif"><a href="http://s20.photobucket.com/albums/b210/vivian-origamigirl/?action=view¤t=ilus.gif" target="_blank"></a></center>
<h1 class="info"><span>About Me</span></h1>
<ul><div style="text-align: right;"> </div><br/><ul><center>
<--insert info about you here--> <br/><br>
<h1 class="link"><span><u>Credits</u></span></h1><center>
copyright 2010 © vivian wong. <br>This layout is made by Vivley's Wallpaper & Graphic Designs<a href="http://vivian-wongg.blogspot.com/"><img src="http://i20.photobucket.com/albums/b210/vivian-origamigirl/Image2-2.gif"BORDER=0 HEIGHT=31 WIDTH=88 ALT="link :)">
</a>
<h1 class="info"><span>History </span></h1>
<select name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"
style="background-color:#ffffff; color:#000000; font-weight:bold;font-family: trebuchet ms;font-size:11px; width: 190px;">
<option value="/">click here to find older posts</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
<option value="/">Current Posts</option></select>
<h1 class="link"><span>Tagboard/chatbox</span></h1>
<---insert html code here--->
</ul>
</ul>
</div>
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<title>SHINEE LUCIFER</title>
<meta name="keywords" content="vivian">
<style type="text/css">
body {
font-family: trebuchet ms;
font-weight: normal;
color: #fffff;
font-size: 10px;
margin: 0;
top: 789px;
padding: 0;
background: #FFFFFF
url(http://i20.photobucket.com/albums/b210/vivian-origamigirl/Untitled-2-2.jpg);repeat
}
#main {
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
height: 789px;
width: 1014px;
background: url(http://i20.photobucket.com/albums/b210/vivian-origamigirl/Untitled-21.jpg)
no-repeat;
}
#blog {
z-index: 1;
position: absolute;
}
#content {
position: absolute;
margin: 0;
padding: 0;
top: 350px;
left: 150px;
width: 500px;
z-index: 1;
padding: 5px;
}
#side {
position: absolute;
text-align: left;
top: 369px;
left: 700px;
width: 226px;
margin: 0px;
padding-bottom: 0px;
z-index: 0;
}
.written {
font-family: trebuchet ms;
font-size: 14px;
font-weight:bold;
letter-spacing:-1px;
color: #ffffff;
text-align: justify;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin-right: 15px;
margin-top: -1px;
border: 0px dotted #000000;
}
.written a:link, a:active, a:visited {
color: #0000FF;
text-decoration:none;
}
.written a:hover {
color: #800080;
letter-spacing: 2px;
cursor: crosshair
text-decoration: underline overline blink;
}
#postscript {
font-family: trebuchet ms;
letter-spacing:-1px;
color: #ffffff;
text-align: center;
font-size: 17px;
font-weight:bold;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px;
}
#postscript span a:link, a:active, a:visited {
color: #0000FF;
text-decoration: none;
}
#postscript span a:hover{
color: #800080;
text-decoration: underline overline blink;
cursor: crosshair;
}
h1 {
font-family: trebuchet ms;
font-weight: normal;
font-size: 13pt;
text-transform: none;
color: #ffffff;
letter-spacing: -1px;
text-align:center;
margin-bottom: 7px;
padding-top: 30px;
padding-left: 20px;
padding-right: 0px;
}
h2 {font-family:times new roman;
font-weight: bold;
font-size: 19px;
letter-spacing: -2px;
color: purple;
text-align: center;
text-transform:none;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 35px;
padding-bottom: 0px;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
color: #ffffff;
text-decoration: none;cursor: crosshair;
}
h3 {
font-family: trebuchet ms;
font-weight: normal;
font-size: 20px;
text-transform:lowercase;
letter-spacing: -1px;
color: #ffffff;
text-align:right;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 35px;
padding-bottom: 0px;
line-height: 150%;
}
ul {
font-family: trebuchet ms;
font-weight: bold;
color: #ffffff;
font-size: 14px;
letter-spacing:-2px;
list-style-type: none;
text-transform: uppercase;
margin-top: -10px;
margin-left: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 15px;
text-align: left;
line-height: 130%;
}
ul a:link {
color: #0000FF;
text-decoration: none;
}
ul a:active {
color:#0000FF;
text-decoration: none;
}
ul a:visited {
color:#0000FF;
text-decoration: none;
}
ul a:hover {
color: #800080;
letter-spacing: 2px;
cursor: crosshair;
font-family:century gothic;
font-size:15px;
text-decoration: underline overline blink;
}
</style>
</head>
<noembed><body></noembed>
<div id="main"><span></span></div>
<div id="blog">
<div id="content">
<blogger>
<h1><span><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h1>
<BlogItemTitle><h2><span><a href="<$BlogItemPermalinkURL$>"
title="Permanent Link"><$BlogItemTitle$></a></span></h2></BlogItemTitle>
<p><div class="written"><span><$BlogItemBody$></span></div></p><p></p>
<div id="postscript">
<span style="font-family: trebuchet ms;
color: #000000;
font-size: 10pt; text-transform: uppercase; font-weight: bold;"></span> </span>
<span
class="comments"><BlogItemCommentsEnabled>
<span style="font-family: trebuchet ms;
color: #fffff;
font-size: 10pt; text-transform: uppercase; font-weight: bold;">click below to leave a comment</span></font><br><br />
<span style="font-family: trebuchet ms;
color: #fffff;
font-size: 10pt; text-transform: uppercase; font-weight: bold;"></span> <a
href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$></a>
comments
</BlogItemCommentsEnabled></span>
</div>
<p>
</blogger>
</div>
<div id="side">
<div id="me">
<h1 class="info">
<ul>
<center><img
src="http://i20.photobucket.com/albums/b210/vivian-origamigirl/Animation1-1.gif"><a href="http://s20.photobucket.com/albums/b210/vivian-origamigirl/?action=view¤t=ilus.gif" target="_blank"></a></center>
<h1 class="info"><span>About Me</span></h1>
<ul><div style="text-align: right;"> </div><br/><ul><center>
<--insert info about you here--> <br/><br>
<h1 class="link"><span><u>Credits</u></span></h1><center>
copyright 2010 © vivian wong. <br>This layout is made by Vivley's Wallpaper & Graphic Designs<a href="http://vivian-wongg.blogspot.com/"><img src="http://i20.photobucket.com/albums/b210/vivian-origamigirl/Image2-2.gif"BORDER=0 HEIGHT=31 WIDTH=88 ALT="link :)">
</a>
<h1 class="info"><span>History </span></h1>
<select name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;"
style="background-color:#ffffff; color:#000000; font-weight:bold;font-family: trebuchet ms;font-size:11px; width: 190px;">
<option value="/">click here to find older posts</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
<option value="/">Current Posts</option></select>
<h1 class="link"><span>Tagboard/chatbox</span></h1>
<---insert html code here--->
</ul>
</ul>
</div>
</div>
</body>
</html>
Share
Tweet
click the number to leave a comment.
1 comments
1 comments
