ResponsiveT

                                                                          

 

DOWNLOAD   DEMO-BLOG

Lineaments:

-ResponsiveT is 3 Column Responsive Blogger Templete ,

-It's Responsive Blogger Template, with awesome  Layout . It's Free Template.

-Compatible with All Major Browsers

-Best for Personal Blog , For Travelers Blog

-Author Name given Inside Template   


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.  

 

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

Body design part 


body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$linkhover;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Top-Wrapper
----------------------------------------------- */
#top-wrapper {
  background: #50b7dc;
  width:100%;
  margin:0 auto;
  padding:0 auto;
  text-align:$startSide;
  font: $bodyfont;
  clear:both;
  border-bottom: 1px solid #2693ba;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
  -moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
  }

#top-inner {
  width: 962px;
  margin:0 auto;
  padding:0 auto;
  text-align:$startSide;
  font: $bodyfont;
  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 */
  }

#top1-wrapper {
  width: 710px;
  float: $startSide;
  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 */
  }

#top2-wrapper {
  width: 242px;
  float: $endSide;
  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 */
  }

/* Top2 Search
----------------------------------------------- */
.top2 h2 {display:none}
.top2 .widget {padding:0;margin:0}
#search {position: relative; width: 100%; margin: 0; padding:12px 0 0}
#search-form {width:100%;margin:0;padding:0}
#search-text {
  background: #fff;
  font:normal 12px Arial, sans-serif;
  color: #888;
  display: inline-block;
  margin: 0;
  width:96%;
  padding: 5px 2%;
  outline: none;
  border:none;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  }

/* Top1 Static Page