Cars Blogger Template

                 

    DOWNLOAD

Lineaments:

-Cars  is 3 Column Responsive  Blogger Template

- Right & Left Both sidebar,  slideshow, posts thumbnails, tabs , Drop down menu.

-The Cars is a free blogger template adapted from WordPress with social icons

- It's Free and Simple Template.

-Compatible with All Major Browsers

-Best for Website Blog , For Tech Blog

- Template Author PBTTemplates


Install Template : 

-First Step – Open  www.Blogger.com/home  ,  It opens your Blogger Dashboard There is List of Blogs Click on Blog Title and Open it.
-Second Step – There is “Template” Option on The Left Side Click On the “Template” Option   -Third Step – Left side There is Option “Backup/Restore” click on the option

-Fourth Step – Box Screen  will Appear with  Options 

        1.       Download

        2.       Browse

        3.      Uploadd

-Now you can Download Older Template and save it if you want, now Click on “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.   

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

template Body style and design you can make changes in this code

body{background:#151515 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpZ15sDoIIOlW6k5KEjCg4jbxiWgXskVg3quqRWVjghJkDXs1oboeDLyxJBt3AbD4w5HiO2sk-uzg8j_NG78L2HmoyJq9YhJfrEjEfnjmQCrOLKdPOXq5eeMcKj-t2yiAwxL04rbP0tu0/s0/background.jpg) center top no-repeat fixed;color:#FFFFFF;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}
a:link,a:visited{color:#0786CE;text-decoration:underline;outline:none;}
a:hover{color:#00BDFF;text-decoration:none;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0px;padding:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif9sU5qhCX1roplfpQYRhKjNTnOr13clZHZnOS8RDCsx7znGYN1i38_X8L27PKZVsuz-yzV-wcEQcpE5njLX-PCT3kWmZRrSKYyll39VtCg8bUGPaECub01H-2EpDieNNfjD2OcN5os4Q/s0/wrapper-bg.png) left top repeat-x;}

Header design code-----------------------------------------------

#header-wrapper{width:960px;margin:0 auto 0;height:64px;padding:25px 0px 24px 0px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:60%;overflow:hidden;}
#header h1{color:#F7F8F8;text-shadow:0px 1px 0px #000;margin:0 5px 0;padding:0px 0px 0px 0px;font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
#header .description{padding-left:7px;color:#C8D4D6;text-shadow:0px 1px 0px #000;line-height:14px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;}
#header h1 a,#header h1 a:visited{color:#F7F8F8;text-decoration:none}
#header h2{padding-left:5px;color:#F7F8F8;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:38%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}
.social-profiles-widget img{margin:0 4px 0 0}
.social-profiles-widget img:hover{opacity:0.8}
#top-social-profiles{padding-top:10px;height:32px;text-align:right}
#top-social-profiles img{margin:0 0 0 6px !important}
#top-social-profiles img:hover{opacity:0.8}
#top-social-profiles .widget-container{background:none;padding:0;border:0}