Underground 2

Designer's Comments

Look carefully for specific instructions

Underground is a grungy Blogger template. It has a grunge style and shades like marble and suitable for most personal and photography blogs.

See Actual DEMO | Installation-Setup-Customization

Works Only on latest version of Blogger

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//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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>
    <title><data:blog.pageTitle/></title>
    <b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Details
Name:                Underground 2
Blogger Template by: Templates Block
URL:                 http://TemplatesBlock.com/
Wordpress Theme by:  Wordpress Solutions
URL:                 http://www.wordpress-solutions.net/
Date:                July 19, 2010
License:             This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
* { margin: 0; padding: 0; }
* :focus { outline: 0; }
body {
font-size: 12px;
font-family: Georgia, Arial, Verdana, Sans-Serif;
background: #000;
text-align: center;
margin: 0;
padding: 0;
}
a:link {
color: #3b5254;
text-decoration: none;
}
a:visited {
color: #3b5254;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
a img {
border-width:0;
}
code {
font: 12px 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size: 10px;
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
width: 500px;
margin: 15px 30px 0 10px;
padding: 1px 15px;
border-left: 5px solid #1c2020;
font-style: oblique;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
background: url(http://cbimg6.com/layouts/10/07/36418ac.png) top no-repeat;
width: 1000px;
height: 110px;
margin: 0px;
padding: 0;
float: left;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 0;
text-align: left;
color:#ADBEBD;
height: 75px;
margin: 0px 0 0 60px;
}
#header h1 {
margin: 0;
padding:15px 20px 0.1em;
line-height:1.2em;
text-transform:normal;
letter-spacing:0em;
font: bold 40px Georgia, Serif;
font-family: 'Droid Sans', arial, serif;
text-shadow: 2px 2px 2px #000;
}
#header a {
color:#ADBEBD;
text-decoration:none;
}
#header a:hover {
color:#ADBEBD;
}
#header .description {
margin:0;
padding:0 20px 15px 30px;
max-width:700px;
text-transform:normal;
letter-spacing:0em;
line-height: 1.2em;
font: bold 14px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999;
text-shadow: 1px 1px 1px #000;
}
#header img {
margin-left: auto;
margin-right: auto;
}
#menu{
float: left;
width: 500px;
height: 40px;
margin: 0px 0px 15px 50px;
}
.lavaLamp {
position: relative;
height: 25px;
width: 470px;
padding: 5px 15px;
margin: 5px;
overflow: hidden;
}
.lavaLamp li {
float: left;
list-style: none;
}
.lavaLamp li.back {
background: url(http://cbimg6.com/layouts/10/07/36418ad.png) no-repeat right -30px;
width: 9px;
height: 25px;
z-index: 8;
position: absolute;
}
.lavaLamp li.back .left {
background: url(http://cbimg6.com/layouts/10/07/36418ad.png) no-repeat top left;
height: 25px;
margin-right: 9px;
}
.lavaLamp li a {
position: relative;
overflow: hidden;
text-decoration: none;
text-transform: uppercase;
font: bold 16px 'palatino linotype';
color: #afc1bd;
outline: none;
text-align: center;
height: 25px;
top: 3px;
z-index: 10;
letter-spacing: 0;
float: left;
display: block;
margin: auto 10px;
text-shadow: 1px 1px 1px #000;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
text-align:left;
font: normal normal 100% Georgia, Serif;
background: #899595 url(http://cbimg6.com/layouts/10/07/36418ae.jpg) top repeat-y;
background-attachment: fixed;
text-align: left;
margin: 0px auto;
padding: 20px 0;
width: 1000px;
overflow: hidden;
color: #000;
}
#content-wrapper {
background: url(http://cbimg6.com/layouts/10/07/36418af.png) top repeat-y;
width:900px;
padding: 0 50px;
margin-top:0px;
float: left;
}
#main-wrapper {
width:570px;
margin:10px 0 10px 20px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 300px;
float:right;
padding: 0;
margin: 10px 0 0 0px;
font-family: georgia;
font-size: 12px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
background: url(http://cbimg6.com/layouts/10/07/36418ag.png) bottom no-repeat;
padding-bottom: 25px;
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font: 25px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:0em;
color:#999999;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0em 0 .75em;
font: italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:noone;
letter-spacing:0em;
color:#000;
}
.post {
margin:.5em 0 1.5em;
border-bottom:5px dotted #000;
padding-bottom:1.5em;
font-size:14px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:190%;
font-weight:normal;
line-height:1.4em;
color:#000;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#000;
text-decoration: underline;
}
.post-body {
margin:1em 0 1em 0;
line-height:1.6em;
}
.post ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol li {
margin: 5px 0px 5px 10px;
padding: 0px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: 1.7em 0 0 0;
color:#000;
text-transform:normal;
letter-spacing:0em;
font: italic 100% 'Georgia', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
}
.comment-link {
float: right;
margin-left:.6em;
padding-left: 20px;
background: url() no-repeat;
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #cccccc;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
color:#333;
font-size:20px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#7C9392 none repeat scroll 0 0;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #7C9392;
border-right:1px solid #7C9392;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #7C9392;
border-left:1px solid #7C9392;
border-right:1px solid #7C9392;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float: left;
padding: 5px;
border: 1px solid #333;
}
#blog-pager-older-link {
float: right;

padding: 5px;
border: 1px solid #333;
}
#blog-pager {
text-align: center;
}

#blog-pager a{
color: #000;
}

#blog-pager a:hover{
color: #000;
text-decoration: underline;
}

.feed-links {
background:transparent url(http://cbimg6.com/layouts/10/07/36418ah.png) no-repeat scroll left center;
padding-left:20px;
clear: both;
margin-top: 20px;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: #eee;
line-height: 1.5em;
}
.sidebar h2 {
float: left;
width: 280px;
height: 50px;
background: url(http://cbimg6.com/layouts/10/07/36418ai.png) top no-repeat;
font-weight: bold;
color:#131515;
padding: 27px 10px 0 10px;
margin: 0;
font-size:20px;
text-align: center;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
list-style-type:none;
margin-left:0px;
background: url(http://cbimg6.com/layouts/10/07/36418aj.jpg) left no-repeat;
padding: 5px 0px 5px 25px;
}
.sidebar .widget{
background: url(http://cbimg6.com/layouts/10/07/36418ak.png) top repeat-y;
margin: 0;
padding: 0;
padding-bottom: 30px;
}
.sidebar ul li a:link, .sidebar ul li a:visited {
background: url(http://cbimg6.com/layouts/10/07/36418al.png) left no-repeat;
color: #8b9b99;
text-decoration: none;
padding: 5px 0px 5px 25px;
border-bottom: 1px dashed #2e3333;
}
.sidebar ul li a:hover {
background: url(http://cbimg6.com/layouts/10/07/36418am.png) left no-repeat;
color: #788584;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:normal;
letter-spacing:.1em;
font: normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #ADBEBD;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: italic normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: normal;
letter-spacing: 0em;
}
/* Footer
----------------------------------------------- */
#footer {
background: url(http://cbimg6.com/layouts/10/07/36418an.png) top no-repeat;
width:900px;
height: 70px;
float:left;
padding: 20px 50px 20px 50px;
text-align: center;
color: #b4c7c5;
line-height: 1.5em
}
#footer a, #footer a:visited{
color:#8d9c9b;
}
#footer a:hover{
color: #b4c7c5;
}

#footer p{
width: 300px;
}

#rss{
float: right;
margin-top: -20px;
}

]]></b:skin>

</head>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<div id='menu'> 
<ul class='lavaLamp'> 
        
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
 
</ul> 
</div>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      
      <div expr:style='&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>
 
<div id='content-wrapper'>

<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'>&#171; <data:olderPageTitle/></a>
      </span>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=415,width=690&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</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'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-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>
      </h3>
    </b:if>

<b:include data='post' name='postQuickEdit'/>
      </span> </div>

<div class='post-footer-line post-footer-line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>
  </div>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </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'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</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'>
        <img alt='' class='icon-action' height='18' src='http://cbimg6.com/layouts/10/07/36418ab.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  
  <div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

<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='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='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>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

</p>
    </b:if>

<b:else/>

<b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

<b:if cond='data:showlocation == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

<b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

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

<div class='clear'>&#160;</div>

</div>

<div id='footer'>
Copyright &#169; <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.
<br/><a href='http://www.templatesblock.com/' target='_blank'>Blogger template</a> created by <a href='http://www.templatesblock.com/' target='_blank'>Templates Block</a> | <a href='http://www.i-am-youth.com/' target='_blank'>I AM YOUTH</a><br/>
Wordpress theme by <a href='http://www.wordpress-solutions.net/' target='_blank'>Wordpress Solutions</a>

</div>

</div></div> 
  
</body>
</html>

Layout Comments

Showing latest 3 of 3 comments

There are pretty coool vectors and high quality images over the internet. It takes quite a time to find the right stuff and put it together :p It's all actually CSS and image stuff, like a tuner mechanic that just takes the right stuff from the market and puts it in a car in a right way to make it super :p

By volverene on Aug 4, 2010 12:12 pm

I thought I actually left a comment on this one. I like this one even though it's quite dark. I like the concrete-like background in this like stone with chips in it. May I ask, how do you achieve that flawless backdrop? Are these 'brushes' for the background? And how do you in particular keep your foreground images so sharp and crisp with a touch of shadow behind it? I'm interested (:

By Butterface89 on Jul 28, 2010 5:19 pm

Layout Details

Designer	volverene
Submitted on	Jul 20, 2010
Page views	15,186
Favorites	13
Comments	3
Reviewer	jiyong
Approved on	Jul 28, 2010

Underground 2

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates