Lineaments:
 
-BluePortal  is 3 Column .
  
-  Menu tabs , Sub tabs , Attractive Layouts.

- It's Simple Blogger templates free download .

-Compatible with All Major Browsers

-Best for Tech Blogs,  , For Tech Blog.

- Templates-themes Author: Author: Klodian

-Name:   BluePortal
-Author: Klodian





Installation Templates : 

-First Step –  Go to  Dashboard There is List of  push Blog Title and Open it. 
-Second Step – There is “Template” Option on The Left Side Click On the  Option
-Third Step – Left side There is Option “Backup/Restore” click on the option and upload it.


































 

BluePortal














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






limax














Lineaments:

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

- It's Free Unique Blogger templates .

-Compatible with All Major Browsers

- Designer Author : Lasantha Bandara










ApparelStore















Lineaments:

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

- It's Free Unique Blogger templates .

-Compatible with All Major Browsers

-Best 
For Tech Blog.

- Designer
name given inside theme file.

- Author: EZwpthemes

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

Blog title design code

#blog_title ,.post_title ,h1 ,h2 ,h3 ,h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;

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

This part is wrapper define code.


body {
    font-size: 62.5%; /* Resets 1em to 10px */
    color: #000;
    background: #fff;
    line-height: 1.4;
}
#outer-wrapper , #wrap2 , #wrap4 ,
#header-wrapper , #content-wrapper , #footer-wrapper {
    margin: 0 auto;
}
#header-wrapper {
    position: relative;
}

/* Wordpress */
.entry p {
    margin: 10px 0 10px 0;
}
.entry ul {
    padding-left: 20px;
    list-style-type: square;
}
.entry ol {
    padding-left: 25px;
    list-style-type: decimal;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    font-weight: bold;
    margin: 5px 0;
}
acronym, abbr, span.caps {
    font-size: 0.9em;
    letter-spacing: .07em;
    cursor: help;
    border-bottom: 1px dashed #666;
}
.endline {
    clear: both;
}

 ---------------------------------------------------------------------------
to change layout of template .


#outer-wrapper {
    min-width: 998px; /* not working in IE6 */
    overflow: hidden;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUa8Qoe48YiFRTpKZN75ulk6vdrpwlNSiw42pIFcq183RVXB44I9a-1WgKTJ8yd8f2CD-8bnlQe92urRfMZhwE6HSqjq8SPBGpfFxCt7lLDIWRnSjlz71jT1EZE7bS562xJbM30Z8BpLeV/s0/container_bg.jpg) repeat-y center top;
}
#wrap2 {
    padding: 0 0 5px 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpApK3DkDZ3vYlY3Yv9icxJVIgZRxbIZI5sGSL5_TS_vHtsLXKUGTHSdZkWu9PP1zWUoIvmdgGbxQyp8ClDwJwExUiqWETwBpKz1cKg54mvDpnU1gDXnr-Bqo2Wt9uez7MBHDXk6zBiOWt/s0/bottom_frame.jpg) no-repeat center bottom;
}
#wrap4 {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbF1U3qG4_TdRU1Yo3wu0zybrB0G5d2fQoP2N4vBd9kX402LFDwfQqgUtVEk_651LdEbzexQ1L4k1-DlupYJtZqmgKB9_745GNL6ouqAmr9nRQ06b15koqG25qkI8Xdbpts1vhpunYQ3Gq/s0/top_frame.jpg) no-repeat center top;
}
#wrap5 {
    margin: 0 auto;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAyQrncGmyLtphylvC1orObVJYGzPXMHgH9yyMeJyblqG0iM9fUfZpcz8tSqIn09OKwPAqe7ZAY3lrrLUOrC4KePEXfXeA8t33XcX4mXczXHArsqk74M2DwadqLQ_AFoTsfPexeBbX7Bp0/s0/top_container.jpg) no-repeat center 269px;
}
#header-wrapper , #content-wrapper , #footer-wrapper {
    width: 998px;
}
#header-wrapper {
    height: 269px;
}
#content-wrapper {
    min-height: 900px;
    padding: 0px 0 40px 0;
}
#footer-wrapper {
    clear: both;
    height: 58px;
    position: relative;
}
/* Footer */
.credit {
    font-size: 1.1em;
    text-align: center;
    padding: 0px 145px 0px 145px;
}
.credit, .credit a, .credit a:hover {
    color: #6a6666;
}
/* Header */
#header-wrapper #blog_title {
    font-size: 3em; /* Blog Title */
    padding: 34px 200px 0px 404px;
    text-align: left;
}
#header-wrapper h2 {
    font-size: 1.4em; /* Blog Description */
    text-align: left;
    padding: 0px 200px 0px 406px;
}
#header-wrapper #blog_title, #header-wrapper #blog_title a, #header-wrapper h2 {
    color: #FFFFFF;
}

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


Search box code

#searchform {
    overflow: hidden;
    position: absolute;
    left: 620px;
    top: 233px;
}
.searchtext {
    width: 161px;
    color: #000;
    border: 0;
    font-size: 1.2em;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ic8poAWxKy5JoA3daLDMu4MC1jmlsE6G13yr7XPweMLM8wZ7yACEakZEhl8FCQwfgRveLM8fAOd9mMifaal3URiWmlOKww433BwOYsvplcmn1TtoBFoLxEhpbG16WwxECKGW27ymcC4p/s0/spacer.gif);
    padding: 0;
    margin: 4px 8px 0px 0px;
    float: left;
}
#searchsubmit {
    border: 0;
    margin: 0 0 0px 0;
    width: 39px;
    height: 20px;
    float: left;
}






Exciting Amusement



Download







Lineaments:

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

- It's Free simple Blogger templates .

-Compatible with All Major Browsers

-Best for 
For Tech Blog.

- Designer
name given inside theme file.

-Author: Lasantha Bandara

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

Menu  part of html code , you can add links in menu.

 <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;'/>
   
--------------------------------------------------------------------------------------------------

by removing this you can remove slider

  <div id='content-wrapper'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1zLBRICz6J5Di1O5bgT3NjlTMiyu357MApNkScw4F96u9742ggXbuQp2tZqUF8MpiZL2NT6BF25WDkmEz9LNF3B0vZ77oqGlfmvsKYTyiZlk3zwZp43H8NfLj0I3F_SFC0Za3YpycSfYR/s0/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6FOBGmTewXRaYk_Jm2sJkBjDI4dmjPt7N-etABg3Gv6YwI2PriglAwBOjSLOdk_7-993jY2NWIhhs1Dc6w5k9jr2xWm7Ve51pUVb_06FpJA7pFNVrYHYizsCPUQB1J1YHDn-DJ-QqYnKn/s0/2.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 2 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg54IasoADA5irOmDR6VQYZdtp_GTqCwgTQaAluRTFIiD3Q9aWGL50CTmsTczA1DcIuC9inpsXDuIHgvvdaePb7Sqr5TAuzvccjTRCKJRm3Ft1O7NwyHtHMxg96G3sSlr1M2gKuaMR44i35/s0/3.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 3 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Sr83-krjXVx1Xmg_xGxzb3YTE1SIZqM5AX96kbvt_O-IqM1kET01457UgGMn9Bf_vcGQ1eSgGNotOEsJaHZhbppECp9CreXyoEI-rOl4XdLzYhcBI-tH-YO4icBpfJlIq77OaLatezLO/s0/4.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 4 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Icqih8k3jceg_8P97LZOXvUzy8sYUBrNY99QQkL9bA0ZOQ6tzVGcmvEP9y513yFt6BGBjIalZY0j0hdTvkGSy6UWERAeSyNEQwEiEsfsYc7AZuOoFCp9oqrLvbBRI11GDpKpgDzTVEkU/s0/5.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 5 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>

<div class='fp-nav'>
    <span class='fp-pager'/>
</div> 
           
</div>
</div>
<div style='clear:both;'/>

</b:if></b:if>












Cooperate













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

Title part of  code you can append title to blog or post

<title>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
        <data:blog.title/>
    <b:else/>
        <data:blog.pageName/> | <data:blog.title/>
    </b:if>
</title>

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

Body design part of code for modification

body, .body-fauxcolumn-outer { font-size:11px; color:#414141; font-weight:normal; text-align:left; line-height:14px; cursor:default; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8RpvJ2bp2ByI8tgFiSVUVpCX_uZ8GX8076BFuz0IovKITfejkk2KFJpBwfqZ39IhAKhHuBGGT2mCRYfH1jyoMn52W9WpAes8zgZ5XBqtpq8kXwtU5fECw4-JO0O2lUa_L5fouEEw8QbQ/s0/footer_bg.png); background-repeat:repeat;}
img {padding:0px; margin:0px; border:0px solid green;}
a {color:#3693B7; text-decoration: none;} a:hover {color:#3693B7; text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin-top:0; text-align: left; font-weight:normal;}
h1 {font-size:22px;}
h2 {font-size:20px; padding:15px 5px 10px 0px; color:#777777;}
h3{ font-size:18px; padding:13px 10px 3px 5px;  color:#777777;}
h4{ font-size:16px; padding:13px 10px 3px 5px;  color:#777777;}
h5{ font-size:14px; padding:5px 10px 3px 5px;  color:#777777;}
h6{ font-size:12px; padding:5px 10px 2px 5px;  color:#777777;}

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

---------[404] code design part----------

.page404{font-size:96px!important;color:#fbdc00!important;float:left;display:block;height:59px;margin:40px 0 0 0;}
.page404span{font-size:31px;font-family:Helvetica;text-align:center;float:left;width:80%;line-height:46px;text-shadow:0px 1px 0px #fcfcf9;color:#777777;}




---------CONTAINER Outer part---------


#container { width:961px; margin:0 auto 0 auto; text-align:left; }
.container { width:961px; margin:0px auto 0 auto; text-align:left; }


---------HEADER part ---------


#header-holder { width:100%; float:left; color:#fff; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqHM09jgAAEgPLtR5wxO2cuJ98bHZdUwxNOVltlFQAQj2PSpnKe-D1Ad7sgtj-jfBA0QxlEMuOqNYcTXr7yMC2PmXtcJft76lnrxRLooiKn-yMEaG79orm1HHj4gZqPIue4gCoywoHKqhB/s0/header_bg_red.png);background-repeat:repeat-x;}
#logo{margin:113px 0 45px 0; width:100%;text-align:center;  display:block;}
.Page_title{font-family:'Droid Sans';font-weight:bold;font-size:27px;text-shadow:0px 2px 0px #000;width:800px;text-align:center;padding:10px;margin:17px auto 30px auto;}
.Page_content{font-family:'Droid Sans';font-size:13px;width:560px;text-align:center;margin:0 auto;padding:0 0 56px 0;line-height:22px;color:#ffbda4;text-shadow:0px 1px 0px #000}


---------FRONT-PAGE container ---------


#front_page_container {width:100%; height:218px; margin:0 auto 0 auto; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_NMKgtc5IxCkfduq0pwiT_DeMwm1g4G4Sh0XPwIFRVt_9SCjEkGNDqxWksFVjKTIep5taXjBIg-WIBgcqzOuB2wrsL7Df7icniCEXLviB0DaWq33rTjF_0WwcygoqpdIvL9JcvuaYiRi/s0/page_bg_red.png); background-repeat:repeat;float:left;}


---------front-page content cell design---------

---[front-left-cell]---
#front_left_cell {float:left; margin:30px 0px 50px 0px;    width:973px;text-align:center; }
---[front-right-cell]---
#front_right_cell {float:left; margin:10px 0px 50px 0px;width:280px; padding:0 20px 0 0;}



---------FOOTER part of code ---------


#footer *{font-family:Helvetica}
#footer {margin:0px 0px 0px 0px;text-align:center;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8RpvJ2bp2ByI8tgFiSVUVpCX_uZ8GX8076BFuz0IovKITfejkk2KFJpBwfqZ39IhAKhHuBGGT2mCRYfH1jyoMn52W9WpAes8zgZ5XBqtpq8kXwtU5fECw4-JO0O2lUa_L5fouEEw8QbQ/s0/footer_bg.png) repeat top center ;clear:both;width:100%;float:left;font-family:Helvetica;height:400px;}
#footer_wrap{ margin:0px 0px 0px 0px; padding:0 0 0 0px!important;float:left;width:980px;width:980px\0/;}
.footer_box {float:left;color:#fff; margin:1px 30px 25px 8px; padding:0px 0px 0px 0px!important;width:207px; }
.footer_box ul {margin:0px 0px 25px 0px; width:206px;}





Landis



                                                                 












---------------------------------------------------------------------------------------
Title part of code , you can append the title to blog title

<head>
        <b:include data='blog' name='all-head-content'/>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
            <title>
                <data:blog.pageTitle/>
            </title>
            <b:else/>
            <title>
                <data:blog.pageName/>
                -
                <data:blog.title/>
            </title>
        </b:if>
        <meta content='Your Keywords Here' name='keywords'/>
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Quattrocento:400,700' rel='stylesheet' type='text/css'/>
        <link href='http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css' rel='stylesheet'/>

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

 Menu part in html code to add your links 

 <nav class='menu' id='menu'>
            <ul>

                <li><a href='#'>About</a></li>
                <li><a href='#'>Contact</a></li>
                <li><a href='#'>Books-Videos</a></li>
                <li class='has-submenu'>
                    <a href='#'>Product</a>
                    <ul class='sub-menu'>
                        <li><a href='#'>Archive</a></li>
                        <li class='has-submenu'>
                            <a href='#'>Batting Cages</a>
                            <ul>
                                <li><a href='#'>Indoor</a></li>
                                <li><a href='#'>Outdoor</a></li>
                            </ul>
                        </li>
                        <li><a href='#'>Benches &amp; Bleachers</a></li>
                        <li><a href='#'>Communication Devices</a></li>
                        <li><a href='#'>Dugouts</a></li>
                        <li><a href='#'>Fencing &amp; Windscreen</a></li>
                        <li><a href='#'>Floor Protectors</a></li>
                        <li><a href='#'>Foul Poles</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <span class='click_s'/>
    </div>

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

you can remove "share this" from page by removing this  

<div class='widget bottom_shared'>
          <h2>Share this</h2>
        <div class='widget-content'>
        <ul class='share_container'>
        <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'><span>Facebook</span></a>
        </li>
        <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><span>Twitter</span></a>
        </li>
        <li><a class='plus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><span>Google+</span></a>
        </li>
        <li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot;+ data:post.url' rel='nofollow' target='_blank'><span>linkedin</span></a>
        </li>
        <li>&lt;a class=&quot;pinterest&quot; href=&quot;http://pinterest.com/pin/create/bookmarklet/?media=<data:post.firstImageUrl/>&amp;url=<data:post.url/>amp;description=<data:post.snippet/>&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;span&gt;pinterest&lt;/span&gt;&lt;/a&gt;
        </li>
        <li><a class='rss' expr:href='&quot;http://rss.com/submit?url=&quot;+ data:post.url' rel='nofollow' target='_blank'><span>rss</span></a>
        </li>
        </ul>
        </div>
        </div>












K-44-WHITE











Lineaments:

-busby is 2 Column  Template .
 
-  Posts thumbnails, tabs  menu.

- It's Free simple Blogger templates .

-Compatible with All Major Browsers

-Best 
For Tech Blog.

- Designer
name given inside theme file

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

Body part of design code of template

body{
    background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigm6k4g98kAQ3wEeohXaShsnbmG3oOL7IJgYSr_cKlphnSZFEyF0dw4f2TChm7zs8-ePM37YTijapM6HlDS7PU8K596sm9g0-jvlelnd4S5JiJFLns-EyPwaEGNsLPfM-hkftw0adHkBNm/s0/bg.gif) fixed;
    text-align: center;
    color:#242326;
    font-family:'Lato',sans-serif;
}

.ie6, .ie7, .ie8 body{
    border-top: 10px solid #EBEE13;
}

body:before {
    content: "";
    position: fixed;
    background: #EBEE13;
    left: 0;
    right: 0;
    height: 10px;
}

#container{
    text-align: left;
    clear: both; margin: 0 auto; width: 960px;
}

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

Header design  you can make changes here


#top{
    height:115px;
}

.logo{
    margin-top:35px;
}
.navwrapper{
    height:72px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNEYhZoCpggju9ghltL2uJrU49fJakqwpuFfBE_qiit-uaZgusZ55iAiQQw_7EbM-nxYwSyMBP0DS6kSk2n8rgp4gfQ-pw3gs6I-VBygdprIn_WFACo2huvJjAD7NcG_0Opwa__gj3HL4b/s0/nav-bg.png) repeat;
}

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

#social li{
    text-indent: -30000px;
    display:inline;
    float:left;
}

#social li a{
    display:block;
    width:37px;
    height:37px;
    overflow:hidden;
}

#social li.rss{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj320jxBflMhXUAZaKcO8nvalsq-Ui1BEOXnv7Knfe8YgwB7bMWfpZnsylixz4XncV1Ip1pF7jWh8RRW1xqmLFSQjVptKap6ZIj6Eo9UQ1IT2P6qHTj9y30mIwNhPE8u5niqqU7KGPaLVPa/s0/rss-icon.png);
    background-position: top;
}
#social li.rss:hover{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj320jxBflMhXUAZaKcO8nvalsq-Ui1BEOXnv7Knfe8YgwB7bMWfpZnsylixz4XncV1Ip1pF7jWh8RRW1xqmLFSQjVptKap6ZIj6Eo9UQ1IT2P6qHTj9y30mIwNhPE8u5niqqU7KGPaLVPa/s0/rss-icon.png);
    background-position: 0 -37px;
}

#social li.facebook{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xYCW9-7euyD5Oa4KZDHXybz-5IQdXDbY5xusJGDbglNsvFdBTCafX6YkYx1eZnlMp0EGz-3zmIldgWeIyenXk5tL1GMR18yvJV2RGWwfiCnvljyjYjK_PQU0CWgF8fH2RYTTlVwAaqpQ/s0/facebook-icon.png);
    background-position: top;
}
#social li.facebook:hover{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9xYCW9-7euyD5Oa4KZDHXybz-5IQdXDbY5xusJGDbglNsvFdBTCafX6YkYx1eZnlMp0EGz-3zmIldgWeIyenXk5tL1GMR18yvJV2RGWwfiCnvljyjYjK_PQU0CWgF8fH2RYTTlVwAaqpQ/s0/facebook-icon.png);
    background-position: 0 -37px;
}

#social li.twitter{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliOGKUBOx-FP8M1rGRpts_XkBajKPDP9q3mllHtADxCGLfhsHLIVFYqlmvI1SlQDbSq81TWxXMM-c_0pfrAcmQ2PEceViD7KQCcy1XI4qn7PU2YOt-Ee6pyKjq6v-umVMUHg2djrCdihY/s0/twitter-icon.png);
    background-position: top;
}
#social li.twitter:hover{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliOGKUBOx-FP8M1rGRpts_XkBajKPDP9q3mllHtADxCGLfhsHLIVFYqlmvI1SlQDbSq81TWxXMM-c_0pfrAcmQ2PEceViD7KQCcy1XI4qn7PU2YOt-Ee6pyKjq6v-umVMUHg2djrCdihY/s0/twitter-icon.png);
    background-position: 0 -37px;
}

.subscribers{
    float:right;
    margin-top:60px;
    margin-right:-10px;
    text-shadow: white 1px 1px 0px;
}

.subscribersno{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 30px;
}

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

Main and Sidebar wrapper part


#main{
    background-color: white;
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhamQWYJTUGtkkFzngNJPrbslyh_9nkmWORtlhqZN51kgq6fbeXlvwn5EpGpPsMpIpgmvOBnUX2UAgMDdiTr4VENJ5AS5qQGr2oqLSMdP9JzgLvAXUm9122xSzbcAgvPbM53GVHw2xCtAMc/s0/main-bg.gif);
    background-repeat: repeat-y;
}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#left{
    float: left;
    margin-left:60px;
    width:575px;
    margin-top:30px;
    word-wrap:break-word;
    padding:0px 0px 10px 0px;
}

#right{
    float: right;
    width:269px;
    margin-top:30px;
    word-wrap:break-word;
    overflow:hidden;
}

#sliderwrap{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNv-0AxFEgr45ADYV4_TaaysGfLwZqzkKwj07Le8DD-GbJZGCSjT58rZx1fIFpKKuzllRvF5lXC1cGtJ_wVPf1wwZax9Ds-JrNUSSyLujmnITqAR12CYmtVv1I-NN49N79vhP9WupZipby/s0/slider-bg.png);
    width:575px;
    height:266px;
    margin-bottom:20px;
}

.post{
    margin-bottom:40px;
}

.postdate{
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vWd4yMwoJOGgWQvhVfbLBuejpy4WgFAtGZ2HxW_5VxT26Kkw6hKTCp7BeQzgOBp9uN2J-uylKp_CxW1vAAgJ8GfAf9A-Lhlh8VJjcK33jtoEajttRqrFew73j5lR_QyRE8-qkzh9nEES/s0/circle-yellow.png);
    width:85px;
    height:74px;  
    margin-left:-102px;
    margin-top:-75px;
    float: left;
    text-align: center;
    font-size: 11px;
    padding-top:10px;
    background-repeat: no-repeat;
    text-shadow: #FEFFA9 1px 1px 0px;
    background-color: transparent;
}








BUSBY

                                                 











Modern Style