limax

Download

Lineaments:

-limax is 2 Column Blogger Templates .
 
-  Posts thumbnails, tabs , Drop down men, Perfect Layouts.

- It's Free Simple templates .

-Compatible with All Major Browsers

-Best  For Tech Blog.

- Designer name given inside theme file.

-Name:   Limax
Author: Lasantha Bandara





Tags-
2 S., 3 C., Black, Blue, R. Sidebar, Simple, Technology, htgreen, Magazine, Minimalist, Mobile, Nature, Themes, Orange, Photography , Pink, Premium, R. Sidebar, Red, Responsive, Simple



Installation Blogger Templates : 

-First Step –  Go to Blog Dashboard  List of Blogs select Blog Title and Openit. 
-Second Step – There is “Template” choose option
-Third Step –  “Backup/Restore”select it.
--Now you can Download Older Template and save it if you want, push “Browse”  Option and select   Theme File  like “theme.xml”  , It should be .xml file -- not  .zip or .rar – Select  .xml file then Click “Upload” Button.  
 

License:  This is free theme 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

Mini Blog

Download

Lineaments:

-Mini Blog is 2 Column  Template .
 
- Clean theme with Posts thumbnails, tabs .

- It's Free Simple and Unique Blogger templates .

-Compatible with All Major Browsers

- Designer name given inside theme file.

- Designed by urang-kurai

-----------------------------------------------------------------------------------------------------------------

Meta Content part of Template code it content title part of code , page title  . you can change content language , location . you can write description of blog.

 <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
        <b:if cond='data:blog.isMobile'>
                <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/><b:else/>
                <meta content='width=1100' name='viewport'/>
        </b:if><b:include data='blog' name='all-head-content'/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                <title>
                        <data:blog.pageTitle/>
                </title><b:else/>
                <title>
                        <data:blog.pageName/>
                </title>
        </b:if>
        <b:if cond='data:blog.metaDescription != &quot;&quot;'>
               
        </b:if>
                <meta content='id' http-equiv='Content-Language'/>
                <meta content='global' name='target'/>
                <meta content='ALL' name='spiders'/>
                <meta content='Blogger' name='publisher'/>

 ----------------------------------------------------------------------------

Mobile version in template shown by

 <b:if cond='data:mobile'>

----------------------------------------------------------------------------

you can change in font part of template

font-weight:inherit;font-style:inherit;font-size:100%;

 you can put in px instead of %

------------------------------------------------------------------

this is widget part which is included in to section


<b:section class='sidebar1' id='sidebar'>
<b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Blogger news' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <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:section>


 

MetroMinimalist

Download

Lineaments:

-MetroMinimalist is 2 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

- Designer name given inside theme file.

-----------------------------------------------------------------------------------
you can make changes inside content area appearance . Changing post background color . text size , font , style inside post .

#content{
width: 650px;
padding: 11px 15px 10px 15px;
float: left;
display: inline;
position: relative;
}
.postim{
background:#fff;
padding:10px;
margin-top:10px;
}
.post { overflow:hidden; }
.profile-textblock {
margin: .5em 0;
text-align: justify;
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 10pt;
letter-spacing: 0.02em;
line-height: 20px;
font-smooth: always;
}

------------------------------------------------------------------------------------------

Here is casing or Outer layout changing is possible . header style , size , color can be changed in this part of code.

#casing{
padding: 10px 10px 10px 10px;
background: #fff;
width: 1000px;
margin: auto;
border-radius: 0px 0px 5px 5px;
}
#wrapper{
width:1020px;
margin:auto;
background:#fff;
}

#header{
width: 1020px;
position: relative;
margin: auto;
height: 180px;
background: #fff;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
h1#blog-title {
text-align: left;
margin-top: 30px;
margin-left: 25px;
font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 42pt;
letter-spacing: 0.00em;
color: #000000;
padding-right: 10px;
}
h1#blog-title a {padding:5px;color:#000;}
h1#blog-title a:link,h1#blog-title a:visited {
color: #000;
}

---------------------------------------------------------------------------

Here is post part of code dimensions are changeable .

.post {
display: inline;position:relative;
width: 650px;margin-bottom:35px;
float: left;padding-bottom:1px;}
.pagepost{
width: 610px;
float: left;
padding: 20px;
line-height: 1.8;
margin-bottom: 25px;
font-weight: 300;
font-size: 11pt;
letter-spacing: 0.02em;
}
----------------------------------------------------------------------------

Page title dimensions

h2.pagetitle{
font-size:14px;
padding:10px 0px;
font-weight:normal;
margin-right:10px;
color:#6F6753;
text-align:right;
text-shadow: 0px 1px 1px black;
}

---------------------------------------------------------------------------

Popular post images dimensions.

.PopularPosts img{padding:0px;border-radius: 5px;-webkit-filter: saturate(0.0);
-moz-filter: saturate(0.0);-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.PopularPosts img:hover {-webkit-filter: saturate(1.1);
-moz-filter: saturate(1.1);}
.PopularPosts .item-thumbnail {
float: left;
margin: 0 5px 5px 0;
height: 72px;
padding: 5px;
}

Marina

Download

Lineaments:

-Marina is 2 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

-Best for Simple , For Travel Blog.

- Designer name given inside theme file.

- Author  : NewBloggerThemes

-------------------------------------------------------------------------------------

In this code you can make changes in body layout parts of template 

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #content {width:600px;}
body#layout #slidearea {display:none;}
body#layout #catmenucontainer {height:50px;}
body#layout #catmenu {height:50px;}
body#layout #headbox{display:none;}


------------------------------------------------------------------------------------

Here body configuration and hover style

body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17Iu7S9ksGxJXcd9duYzNIpNjVppvJTFUImxrp_KU1jxWSBbmBrGcPy0hsoM3z_jbcO9A4tdsulgeYOEgX9M1AlBpQHPVeoxd0qDyFJhrjjz1xYaXgu1W2ECvJ_nVVc1Ht2V-UrNw1RZH/s0/body.png) top repeat-x ;
    font-family:verdana,Arial, Tahoma,Century gothic,  sans-serif;
    font-size:12px;
    }
img {
    border:0;
    margin: 0 0;
    }   
a {
    color: #5384BF;
    text-decoration: none;
    outline:none;
    }
a:visited {
    color: #5384BF;
    }
a:hover, a:active {
    color: #214974;
    text-decoration: none;
    }
h1,h2, h3, h4, h5, h6 {
    line-height:125%;
    font-weight: bold;
    }
 table {
    border: 1px solid #e7e7e7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}
 tr th,
 thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
}
 tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}
 tr.odd td {
    background: #f2f7fc;
}

---------------------------------------------------------------------

Outer wrapper and header part of code for configuration changes


#wrapper {
    width:1000px;
    margin:0px auto;
    position:relative;
    }
   
#casing {
    padding:0px 0px 50px 0px;
    float:left;
    width:1000px;
    margin:10px 0px 20px 0px;
    background:#fff;
    }       

.incase{
    padding-right:20px!important;
    width:980px!important;
}

/* The Header */
#masthead {
    height:200px;
}
#top {
    height:112px;
    margin:auto;
    width:1000px;
    position:relative;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2HSQ835X-UKtzV0_fR0VAlU_YY8FK_jCJz1n0ZonD4KRPWVyB7Uuekn94gO9skScY4WJc5jIZJNt8jDJqID-7cCXHP8tfbZYg08YHAWbGKHD9ehU6ROL4e678sNiPvznBTU_IURliYVQ/s0/top.png);
    overflow:hidden;
    }

.blogname {
    width:650px;
    margin:30px 0 0 0px;
    height:82px;
    text-align:left;
    float:left;
    font-family:Georgia,Arial, Tahoma,Century gothic,  sans-serif;
    overflow:hidden;
    }
   
.blogname h1  {
    font-size:26px;
    padding:0 0 0px 0;
    font-weight:normal;
    text-shadow:1px 1px 0px #cfd7dd;
    }
   
.blogname h1  a:link, .blogname h1  a:visited{
    color: #282a2a;
    display:block;
    margin:5px 0 0 0px;
    }
   
.blogname h1 a:hover {
    color: #282a2a;
    }
   
.blogname h2 {
    margin:0px 0px 0px 0px;
    font-size:14px;
    font-weight:normal;
    color: #fff;
    text-shadow:1px 1px 0px #172527;
    }

---------------------------------------------------------------------

Search box appearance changes are possible here


#search {
    width:253px;
    padding:0px 0px ;
    margin:45px 0px 10px 0px;
    float:right;
    height:35px;
    display:inline;
    overflow:hidden;
}
#search form {
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search p {
    margin: 0;
    font-size: 85%;
}

#s {
    width:176px;
    margin:0px 0px 0px 0px;
    padding: 7px 5px;
    height:15px;
    font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color:#F77004;
    float:left;
    border:none;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQuH6EDdAmPq9WCc3vmGa4ZFUsx4nc20tpeDRZQMrTQQx_Jpsc_-MtPYgf8mft9iNzlSin-mjlOwYuTmV3EqZ1fBOghK-QzK0XP-BHAh_m8-BfVDjwKE5cGVBy71we891Y7rZiuVRm1Dan/s0/sform.png) no-repeat;
    display:inline;
}
input#searchsubmit{
    float:right;
    display:inline;
    margin:0px 0px 0px 0px;
    height:29px;
    width:67px;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-j_iMRW51Wub-fIBtxFxTS7ROWaFFuJI-IhkCMmmi0U_wtnbDr-TfaP7bHcfjpnPkte1o0BQo3IXz7F7esNKGGKT0RTa7FStjGyMgGF4YiupaaEYFFmJk7QBdOxGLY3mqu3OO3nFdx8CM/s0/sbutton.png);
    color:#fff;
    border:none;
}
   
------------------------------------------------------------------------

Menu area of Appearance

#catmenucontainer{
    height:36px;
    display:block;
    padding:0px 0 0px 0px;
    font: 11px Arial,Tahoma,Century gothic,verdana,  sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    }  
#catmenu{
    margin: 0px auto;
    padding: 0px 0px;
    height:36px;
    overflow:hidden;
    width:1000px;
    }
#catmenu ul
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#catmenu li
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

LightenBlue

Download

Lineaments:

-LightenBlue is 4 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

-Best Simple , For Tech Blog.

- Designer name given inside theme file.

-Author: Klodian

-------------------------------------------------------------------------

Body configuration for  template , you can change background color , image , hover style

body {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSlwyNUJXHKMxUzIHIRARk2dkyGn7dWJN8sgi8PoHnX_HBL5Kb0g90lw4tr1bP-QhWoJvZ7zMgmsVkEDfnZE8tASZdAkrMjJzy4Wr2tdT6gWQmy9JtNHXqt9ykpjh_yyZdCpTwOm2NXcE/s0/wrappre1.jpg") repeat-x scroll 0 0 #E4F1F9;
    color: #333333;
    font: small Georgia Serif;
    margin: 0;
    text-align: center;
}
a:link {
    color: #004CD8;
    text-decoration: none;
}
a:visited {
    color: #3366CC;
    text-decoration: none;
}
#HTML123 h2 {
    display: none;
}
a:hover {
    color: #FC8901;
    text-decoration: underline;
}
a img {
    border-width: 0;
}


-----------------------------------------------------------------------------

Header wrapper part

#header-wrapper {
    height: 125px;
    margin: 0 auto;
}
#header-inner {
    height: 111px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    color: #0D3378;
    text-align: left;
    text-shadow: 0 1px #FFFFFF;
}
#header h1 {
    font: 412% lobster,Oswald,Arial,Serif;
    letter-spacing: 0;
    margin: 0;
    padding: 24px 0 0 18px;
    text-transform: inherit;
}
#header a {
    color: #0D3378;
    text-decoration: none;
}
#header a:hover {
    color: #0D3378;
}
#header .description {
    font: 99%/10px lobster,Arial,Helvetica,Sans-serif;
    letter-spacing: 0;
    margin: -1px 0 0;
    padding: 0 3px 0 18px;
    text-transform: none;
}
#header img {
    margin-left: 0;
    margin-right: auto;
    margin-top: 0;
}

----------------------------------------------------------------------------------------
Outer , Main , Sidebar wrapper parts 


#outer-wrapper {
    font: 100% Arial,Serif;
    margin: 0 auto;
    padding-top: 0;
    text-align: left;
    width: 970px;
}
#outer-wrapper1 {
}
#main-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: left;
    margin-left: 6px;
    margin-top: 5px;
    overflow: hidden;
    padding: 16px;
    width: 580px;
    word-wrap: break-word;
}
#sidebar-wrapper {
    float: right;
    margin-right: 6px;
    margin-top: 6px;
    overflow: hidden;
    width: 339px;
    word-wrap: break-word;
}
#sidebar-wrapper2 {
    float: left;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    width: 200px;
    word-wrap: break-word;
}

 --------------------------------------------------------------------------

Post body and footer part

post-body {
    line-height: 1.6em;
    margin: 0 0 0.75em;
}
.post-body blockquote {
    line-height: 1.3em;
}
.post-footer {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    color: #555555;
    font: 90%/1.4em 'Oswald',Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing: 0;
    margin-bottom: 0.75em;
    margin-left: 0;
    margin-top: 7px;
    padding: 10px;
    text-transform: none;
}
.comment-link {
    margin-left: 0.6em;
}
.post img, table.tr-caption-container {
    border: 1px solid #EEEEEE;
    padding: 2px;
}
.tr-caption-container img {
    border: medium none;
    padding: 0;
}
.post blockquote {
    font: italic 13px georgia;
    margin: 1em 20px;
}
.post blockquote p {
    margin: 0.75em 0; 

Leon

Download

Lineaments:

-Leon is 2 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

-Best  For Tech Blog.

- Designer name given inside theme file.

-NewBloggerThemes

---------------------------------------------------------------------------------
Basic body style

body {
        font: 13px/1.5em Arial,Helvetica,sans-serif;
        color: #eee;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;

-----------------------------------------------------------------------------------------

Links style and hover

a, a:visited { color: #eee; text-decoration: none; outline: 0; }
    a:hover, a:focus { color: #000; }
    p a, p a:visited { line-height: inherit; }



-----------------------------------------------------------------------------------------



you can make changes in menu and logo







.headerblog{height:85px;border-bottom:1px solid #ddd;margin-bottom:30px;clear:both;margin-top:40px}
.menu{padding-top:22px}
.menu ul{float:right}
.menu li{display:inline;list-style-type:none;padding-right:12px;font-size:16px}
.logo a{text-decoration:non

--------------------------------------------------------------------------------------

template Body background and other configration

body{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_B7lZciOwCTHTA-jNG1_GkPMzylhksV_1FGtKGy9kYuBROzXMB5pA4Aaj_HSt8PaQtER3iyCP82Jv82_D2yacl7qIFaGJH7oiNjgCOloLNfANpy7hii2q0rfSgf260GG4yGmURjwotgP/s0/body.png);
    color:#eeeeee;
    font-size:13px;
}

table {
border-collapse:collapse;
border-spacing:0;
border:1px solid #fff;
margin:10px 0;
}

table td,table th {
text-align:left;
border:1px solid #555;
padding:.4em .8em;
}

table th {
background:#ddd;
color:#999;
text-transform:uppercase;
font-weight:400;
border:1px solid #555;
}

table td {
border:1px solid #555;
background:#eee;
color:#555;
}

table tr.even td {
background:#eee;
border:none;
}

table tr:hover td {
background:#FFF9DF;
}

.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}

.clearfix {
display:inline-block;
}

html[xmlns] .clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

.rounded {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.boxshadow {
-moz-box-shadow:0 0 5px #000;
-webkit-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
}

-------------------------------------------------------------------------------------------

Header part of template

/* Head */
#blogname{
    margin:20px 0px 0px 0px;
    }

#blogname h1{
    font-family: Georgia,'Oswald',Arial,Helvetica,Sans-serif;
    font-size:32px;
    line-height:34px;
    color:#fff;
    }
   
#blogname h2{
    font-family: Georgia,'Oswald',Arial,Helvetica,Sans-serif;
    font-size:16px;
    line-height:18px;
    color:#fff;
    }

#blogname h1 a:link,#blogname h1 a:visited{
    padding-top:5px;
    color:#fff;
    text-decoration:none;
    }

---------------------------------------------------------------------------------

Menu Style here

#botmenu{
    margin:0px 0px 0px 0px;
    font-size: 10px;
    overflow:hidden;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg4FQvenyUCe3R40I1v88Fj9UE10vTkCbjIbDXVeXatb9LbTKInL2bxk7oomlWZbQd7wSYatG5o8BbmeJzRHDS4GxwgoVjZbnyR6OMuo3kaOzCQBZXJz2QG0FcRleseCx2mPcX6cU1-Z7h/s0/menu.png);
    text-transform:uppercase;   
    }
   
#submenu {
    margin: 0px 0px;
    padding:0px 0px;
    height:50px;
    }
   
#submenu ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0px;
    }

HealthWp

Download

Lineaments:

-HealthWp is 4 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

-Best , For Tech Blog.

- Designer name given inside theme file.

-Author: Lasantha Bandara

------------------------------------------------------------------------------

Body style parts

body{background:#EADED2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjecNNnaSiMZm4MTMDInxy9SKIeEFdYBXOQtQP8xz_h6uQu3ePJ3lKicMlncNHBfeuknPdmLEIECPXdehC0J0A7NwHDwEk8Pbg_EvfI3zSsmVLke1M_YhpnNBpc3aDF9-as07qiTzkaL9g/s0/background.jpg) center top no-repeat fixed;color:#555555;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}
a:link,a:visited{color:#3E9599;text-decoration:underline;outline:none;}
a:hover{color:#D23129;text-decoration:none;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0px;padding:0px;}

------------------------------------------------------------------------------

Footer , comment , search  styles

 FOOTER -----------------------------------------------

#footer-container{}
#footer{margin-bottom:15px;padding:10px 0px;background:#469DA1;height:30px;overflow:hidden;}
#copyrights{color:#FFF;float:left;padding-left:15px;width:440px;height:30px;overflow:hidden;}
#copyrights a{color:#FFF}
#copyrights a:hover{color:#FFF;text-decoration:none}
#credits{color:#E6FEFF;font-size:11px;float:right;padding-right:15px;text-align:right;width:440px;height:30px;overflow:hidden;}
#credits a{color:#E6FEFF;text-decoration:none}
#credits a:hover{text-decoration:none;color:#E6FEFF}
/* Search ----------------------------------------------- *
#search{border:1px solid #C1E5E7;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfyLx7E4B4fb70zGyLxkJq5IdbMeElWXtgjD7e7WuagP_wMATaEdN-EDjgT3shtTmOoA4pjFE-QsZx7N8Y00mM60TgdSq2J0zuj62M1AySmnJJogVIDhWSVtg5n14fGwZUjM7GmSgs5A4/s0/search.png) 99% 50% no-repeat;text-align:left;padding:6px 24px 6px 6px}
#search #s{background:none;color:#337C81;border:0;width:100%;padding:0;margin:0;outline:none}
#content-search{width:300px;padding:15px 0}
#topsearch{float:right;margin-top:15px}
#topsearch #s{width:220px}

Comments-----------------------------------------------


#comments{padding:10px;background-color:#fff;border:1px solid #C1DBE1;}
#comments h4{font-size:16px;font-weight:bold;margin:1em 0;color:#000000;}
#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
#comment-name-url{width:465px;float:left}
#comment-date{width:465px;float:left;margin-top:5px;font-size:10px;}
#comment-header{float:left;padding:5px 0 40px 10px;margin:5px 0px 15px 0px;position:relative;background-color:#fff;border:1px dashed #ddd;}
.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcTB4NgVlWDi6hyphenhyphenDEJ4rtCIhZqJkwM5kM3B4nSBFrNZ6atxjkRjlOyzAn9rsHkyPNtBNdD00hOHV5fX70ghuim2DKMh0hWjZEnX114-6wzaWTlXoZTtPxex8tFTcnp0h0kLwMsXWHlsWc/s0/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
a.comments-autor-name{color:#000;font:normal bold 14px Arial,Tahoma,Verdana}
a.says{color:#000;font:normal 14px Arial,Tahoma,Verdana}
.says a:hover{text-decoration:none}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em}

-------------------------------------------------------------------------------------






 

HealthPress

Download

Lineaments:

-HealthPress is 2 Column  Template .
 
-  Posts thumbnails, tabs , Drop down men.

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

-Best Travel,  , For Tech Blog.

- Designer name given inside theme file.

-Author: Lasantha Bandara

-------------------------------------------------------------------------------------

Header Structure in Html part , you can make shoaddelement = yes

 <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='HealthPress (Header)' type='Header'>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <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;padding-left:15px;padding-top:0px;'/>
        </a>
      </div> 

--------------------------------------------------------------------------------------

Menu container part to change links address

<div class='span-24'>
<div class='menu-secondary-container'>

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
       
</ul>
</div>
</div>
<div style='clear:both;'/>

-------------------------------------------------------------------------------------------------
 Sidebar wrapper part in html



      <div id='rsidebar-wrapper'>

<div class='widget-container'>
<div class='social-profiles-widget'>
<h3 class='widgettitle'>Social Profiles</h3>
<a href='http://twitter.com/YOUR_USERNAME' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ReaYTAR9OlBWRc44BI7uzsbANixhkozZqyEFHW10PGUrYn9nEPfBpC12H6fxsWFOBYPMljvoKYAqmtIoBaQInuHEmqpkRB4CNj_rdvjsSlKrfPZCOUeKyY4s08k1S6CSWDJ4VjNfRt-J/s0/twitter.png' title='Twitter'/></a><a href='http://facebook.com/YOUR_USERNAME' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmf7v9DJmekyT95sBhmHXLqpJZZqsYOtv81SCJei3XYIrDW4FKLk_cymOqPHyB6tDsU5nrhoCUHW99Yr5Hy4qo4BtzYaB-uPzujEr82yF22tUqtnoWYxQ5jTuT83pugswNAONFT0gI4ohX/s0/facebook.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq84R57aint56Ev3irrjsmuBGZsEjIx3c-FqxDAcBB0Bunl4XdTl3OfQP5i3GuA7Y8U5EkMwFotMBnYpaiE3i7KvWve3bQMHZJriO5g0xFBP1-JwhlUDBKS9KpFFS4PnijRIy6FvNDMlC2/s0/gplus.png' title='Google Plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivmlLDBWaXuxRVHc4S4qz78SwsDdajJ9MulJ3K3WYDef2MPLXXcype4Ctf6NIPBnkoJVgAWNbveu9Ome3QIoy4KoomfJ2eCkrfjvH6hc7pIBNhsnbvA8iECwXEASQa1kQWRgfzAyr0otJL/s0/linkedin.png' title='LinkedIn'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4eM8KYyBV47E85r-gpE_DtRe73arrDGnlVI33fQzPd3zknirWBIfwEawZdM_EumHxn4wM4YJ31YT2rddF6yn3qx_3ASdsln4fNAdLZBKvSXuuRYEVzUUwSe_NbK41CKpdt49fS55d87lC/s0/rss.png' title='RSS Feed'/></a><a href='mailto:your@email.com' target='_blank'><img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgybDJSxfGCt6xeTcaq1EVuVFrwXo08PwED7JDRU6qEyeooFZ1EMl-oRm97lVuh8naz336MzmYriyBiD0ZVuBAXobqEUJfGIHKXL3Wg7T-S7xAF9nmksjQd0M4aL6vcZ2FLMn6DhrG70zhQ/s0/email.png' title='Email'/></a>
</div>
</div>
<div style='clear:both;'/>

Greetings

Download

Lineaments:

-Greetings is 2 Column  Template .
 
-  Posts thumbnails, tabs .

- It's Free Simple Blogger templates .

-Compatible with All Major Browsers

-Best Simple , For Tech Blog.

- Designer name given inside theme file.

- Designer: Harish

------------------------------------------------------------------------------------

Body style of template , you can make changes in Appearence

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
}

html body $(page.width.selector) {
  min-width: 0;
  max-width: 100%;
  width: $(page.width);
}

a:link {
  text-decoration:none;
  color: #A89481;
}

a:visited {
  text-decoration:none;
  color: #A89481;
}

a:hover {
 color: #69625A;
text-decoration: underline;
}

.body-fauxcolumn-outer .fauxcolumn-inner {
  background: transparent $(body.background.gradient.tile) repeat scroll top left;
  _background-image: none;
}

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;
  width: 100%;
  background: $(body.background);
  $(body.background.override)
}

.body-fauxcolumn-outer .cap-top .cap-left {
  width: 100%;
  background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
  _background-image: none;
}

.content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}

.content-inner {
  padding: $(content.padding) $(content.padding.horizontal);
}

$(content.background.color.selector) {
  background-color: $(content.background.color);
}

--------------------------------------------------------------------------------------------------

Header style of template

#header, body#layout #header {width:45%;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:40%;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
  _background-image: none;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: $(description.text.size);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper {
  padding: 22px $(header.padding);
}

.header-inner .Header .descriptionwrapper {
  padding: 0 $(header.padding);
}


-------------------------------------------------------------------------------------------------------

 Menu , sidebar and share button code part

#menu {
font-family: 'Open Sans Condensed', sans-serif;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBY-JUt63_qxF9HVr0QLfKnoRdiq9ZiERSiNM6kqkx-7haOon4hFzxCdNhh_M17w18vCOrF260vu-Hj2IQ5agxII-LIUc6_v0RH-foDsVdrvJJ0Jl3ZnKuXoZMzYJO2tTNFwYBKVb_E8ov/s0/menu-primary.png') no-repeat top center;
padding:10px;
}
h1, h2, h3, h4, h4 a:hover, h5, h6, .entry-title a {
font-weight: 300;
line-height: 1.2;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.post blockquote {
background:#FFD8FC;
border:1px solid #FF83F7;
padding:10px;
}.sidebar h2{
text-align: center;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
padding-bottom: 13rem;
padding-bottom: .8rem;
font-size: 18px;
font-size: 1.125rem;
font-family:Quintessential, cursive;
}.sidebar{
margin-right:44px;
}
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
}
#shareingis{
font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyYeNFqQl-JlfyQd9OjtqNC-iH_bKCbwSOzXnyoF9mXOcuEnTFQilyZzaOPRietUaZ6aZ4_MJHur_gGk2p6cuk9fwWyvufDSRxoD37j5ZLQmz72WTBtRnG2CV5GDFS9dWo7R0q58TdZFx/s0/widget-bg.png') repeat-x scroll left bottom;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
.topheadign{
 font-size: 24px;
font-size: 1.5rem;
padding-bottom: 12px;
padding-bottom: .75rem;
}

----------------------------------------------------------------------------------------

Subscribe box code

#ga-subscribebox {
margin: 10px 48px 32px;
margin: 0.625rem 3rem 2rem;
text-align: center;
padding: 32px;
border: 10px solid #F0DFDF;
padding: 2rem;
background: #F6F6F6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
box-shadow: 0 13px 5px -10px rgba(0, 0, 0, .2);
border-image: initial;
}
.einput{
 background-color: white;
border: 1px solid #DDD;
padding: 8px 12px;
padding: 0.5rem 0.75rem;
max-width: 100%;
border-image: initial;
    width:300px;
}  
.einput:hover{
border: 1px solid #DDD;
}
.butsub{
background-color: #C7AE96;
border: 1px solid #AA8C70;
color: white;
cursor: pointer;
font-weight: 700;
padding: 10px 12px;
padding: 0.62rem 0.75rem;
text-decoration: none;
width: auto;
line-height: 1;
border-image: initial;   
    margin-left:5px;
}
.butsub:hover {
background-color: #62A6E5;
border-color: #3A84C9;
}.Label a{
padding-left:20px;
background:#A89481;
padding:0 20px;
color:#fff!important;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }
.Label a:hover{
background:#69625A; }
.header-outer{
margin-left:50px;
}