Template toko online blogger blogspot merupakan solusi bagi yang ingin jualan online dengan biaya sangat murah karena tidak ada biaya tahunan seperti sewa domain dan hosting. Pengelolaan sangat mudah karena memakai blogspot/blogger sehingga cocok bagi siapa saja. Dapatkan template terbaru kami dengan harga spesial, layout 3 kolom tampilan sangat elegan dengan harga sangat murah, cukup bayar satu kali bisa pakai selamanya.......

Kamis, 01 Desember 2011

auto blog

blogger template: Autoblog II

<?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 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>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
/* --- * Blogger Template Style---- * Name: Autoblog 2---- *Designer: J.Aghili----------- * URL: www.finalsense.com ------ * Date: November 2007 ----- */
/* Variable definitions
   ====================

   <Variable name="textcolor" description="Text Color"
             type="color" default="#555" value="#555555">
           
   <Variable name="PageBgColor" description="Page Background Color"
             type="color" default="#E23828" value="#E23828">

   <Variable name="pagetitlecolor" description="Page Header Color"
             type="color" default="#fc6" value="#ffcc66">

   <Variable name="datecolor" description="Date Header Color"
             type="color" default="#fc6" value="#ffcc66">

   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#999" value="#999999">

    <Variable name="titlehovercolor" description="Post Title Hover Color"
             type="color" default="#666" value="#666666">
           
   <Variable name="footercolor" description="Post Footer Color"
             type="color" default="#999" value="#999999">

   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#808080" value="#808080">

   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#9bbcdd" value="#9bbcdd">
           
   <Variable name="sidebarlink" description="Sidebar Link Color"
             type="color" default="#808080" value="#808080">
           
   <Variable name="sidebarhover" description="Sidebar Hover Color"
             type="color" default="#f90" value="#ff9900">        

   <Variable name="linkcolor" description="Link Color"
             type="color" default="#369" value="#336699">

   <Variable name="linkhover" description="Link Hover Color"
             type="color" default="#f90" value="#ff9900">
           
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#369" value="#336699">
           
   <Variable name="descriptioncolor" description="Description Color"
             type="color" default="#999" value="#999999">

   <Variable name="Commentscolor" description="Comments Text Color"
             type="color" default="#666" value="#666666">  
           
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 82% Verdana, sans-serif" value="normal normal 82% Verdana, sans-serif">

   <Variable name="pagetitlefont" description="Page Header Font"
             type="font" default="normal bold 330% 'Times New Roman','Georgia'" value="normal bold 330% 'Times New Roman','Georgia'">

   <Variable name="titlefont" description="Post Title Font"
             type="font" default="normal bold 130% 'Times New Roman','Georgia'" value="normal bold 115% 'Times New Roman','Georgia'">

   <Variable name="sidebarheaderfont" description="Sidebar Title Font"
             type="font" default="normal bold 150% 'Times New Roman','Georgia'" value="normal bold 150% 'Times New Roman','Georgia'">
     
       <Variable name="sidebarfont" description="Sidebar Text Font"
             type="font" default="normal normal 91% 'Verdana','Arial'" value="normal normal 91% 'Verdana','Arial'">    
       
   <Variable name="descriptionfont" description="Description Font"
             type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 87% 'Verdana','Arial'">    
*/
/* ---( page defaults )--- */
body { margin: 0px;  padding: 0px;  text-align: left;  font:$bodyfont; color:$textcolor; background:$PageBgColor; }
blockquote {  margin: 0 0 0 30px;  padding: 0px 0 0 20px;  font-size: 88%;  line-height: 1.5em; }
blockquote p {  margin-top: 0;  }
abbr, acronym {  cursor: help;  font-style: normal;  }
code {  color: #f63;  }
hr {  display: none;  }
img {  border: none;  }

/* unordered list style */
ul {list-style: none;  margin-left: 7px;  padding: 0;}
li {list-style: none;  padding-left: 8px;  margin-bottom: 3px;}

/* links */
a:link {color: $linkcolor; text-decoration: none;}
a:visited {color: $visitedlinkcolor; text-decoration: none;}
a:hover {  color: $linkhover; text-decoration: none;}
a:active { color: $visitedlinkcolor; text-decoration: none;}

/* ---( layout structure )---*/
#outer-wrapper {width:900px; margin: 0px auto;  text-align: justify; }
#content-wrapper { margin: 0px; /* to avoid the border image */  width: 100%;}
#main { float:right;  width:579px;  margin: 0px; padding-right:40px; 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 { float:left; width: 230px;  padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em;  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 */  }
#center {background:#fff url('http://lh4.google.com/jvdmds/R0ZqcdWgLQI/AAAAAAAAA5M/gUWQtJY-ngs/saab-2.jpg') repeat-y top left;}

/* ---( header and site name )--- */
#header-wrapper { margin: 0px; padding: 0px}
#header {height:282px; overflow: hidden; width:900px; color: $pagetitlecolor;   background: url('http://lh6.google.com/jvdmds/R0ZpQ9WgLII/AAAAAAAAA30/c2SHCkw4gGM/saab-1.jpg') no-repeat top left;  }
#header h1 {width: 400px; font: $pagetitlefont; margin:50px 20px 5px 40px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:center; }
#header h1 a {text-decoration: none;  color: $pagetitlecolor;  }
#header h1 a:hover {color: $descriptioncolor;}
#header .description {margin:-10px 20px 5px 40px; text-align:center;  width:400px; font: $descriptionfont;  color: $descriptioncolor; }

/* ---( main column )--- */
h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; padding-left: 5px}
.post h3 { text-align: left; line-height: 42px; padding-top: 8px;height: 42px; padding-left:10px; margin:0px -20px; font: $titlefont;  color: $titlecolor; background: url('http://lh3.google.com/jvdmds/R0Zq0NWgLTI/AAAAAAAAA5k/lsvGR8TzZR8/saab-t.jpg') no-repeat top left; }
.post {padding:0px 20px; background:#fff url('http://lh4.google.com/jvdmds/R0ZqcdWgLRI/AAAAAAAAA5U/iumYj0Qdn4Y/saab-c.jpg') repeat-y top left; }
.post h3 a {color: $titlecolor; text-decoration: none;}
.post h3 a:hover {color: $titlehovercolor;  text-decoration: none; }
.post-footer {height:30px; margin:0px -20px; text-align: right;padding-right: 10px;  font-size: 88%;  color:$footercolor; background: url('http://lh3.google.com/jvdmds/R0Zq0NWgLSI/AAAAAAAAA5c/1eOz1dlhxSI/saab-f.jpg') no-repeat top left;  }
.post img {padding: 6px;  border-top: 1px solid #ddd;  border-left: 1px solid #ccc;  border-bottom: 1px solid #c0c0c0;  border-right: 1px solid #c0c0c0;  }
.feed-links {clear: both;  line-height: 2.5em; color:$footercolor; }
.blog-feeds {text-align: right; color:$footercolor;}
#blog-pager-newer-link {float: left; }
#blog-pager-older-link {float: right; }
#blog-pager {text-align: center;}

/* comment styles */
#comments {  padding-top: 10px;  font-size: 88%;  line-height: 1.5em;  color: $Commentscolor;}
#comments h4 {  margin: 20px 0 15px 0;  padding: 8px 0 0 40px;  font-family: "Lucida Grande", "Trebuchet MS";  font-size: 105%;  color: $Commentscolor;  height: 29px !important; /* for most browsers */  height /**/:37px; /* for IE5/Win */  }
#comments ul {  margin-left: 0;  }
#comments li {  background: none;  padding-left: 0;  }
.comment-body {  padding: 0 10px 0 25px;  }
.comment-body p {  margin-bottom: 0;  }
.comment-author {  margin: 4px 0 0 0;  padding: 0 10px 0 60px;  color: #999;    }
.comment-footer {  border-bottom: 1px solid #ddd;  padding-bottom: 1em;}
.deleted-comment {  font-style:italic;  color:gray;  }

/* ---( sidebar )--- */
.sidebar h2 { margin: 0 0 0 0;  padding: 10px 0 0 0px; font: $sidebarheaderfont;  color: $sidebarcolor;  height: 32px;  height: 32px !important; /* for most browsers */  height /**/:57px; /* for IE5/Win */  }
.sidebar .widget { margin: 0;  padding: 0 0 10px 10px; }
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover;}
.sidebar li { }
.profile-textblock { margin: 0.5em 0;  line-height: 1.6em;}
.profile-img {float: right;  margin:3px;  border: 1px solid #ddd;  padding: 3px;}

/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */  clear: both;  }
#footer {margin: 0; width:900px; height:30px; text-align:center; color: #999; background:#fff url('http://lh4.google.com/jvdmds/R0ZqcdWgLQI/AAAAAAAAA5M/gUWQtJY-ngs/saab-2.jpg') repeat-y top left; }
#footer-wrapper {margin: 0;  padding-left:260px;  font-size: 75%;  clear: both; }
#footer-wrapper a { color: #999; text-decoration: none;}
#footer-wrapper a:hover{  color: #f90;  text-decoration: none;}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {padding-top: 0;  margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0}
body#layout #sidebar {margin-right: 0;}
body#layout #header,body#layout #footer,
body#layout #main {padding: 0;}
body#layout #content-wrapper {margin: 0px;}
#navbar-iframe {height:0px; visibility:hidden; display:none}


]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Auto Blog (Header)' type='Header'/>
</b:section>
    </div>
 <div id='center'>
    <div id='content-wrapper'>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>

    </div> <!-- end content-wrapper -->
     </div> <!--end center-->
<div class='footer section' id='footer'><div id='footer-wrapper'>
Design by:  <a href='http://www.finalsense.com/services/blog_templates/' shape='rect' title='Blogger Templates'>FinalSense</a>
  </div>
</div>

  </div></div> <!-- end outer-wrapper -->
</body>
</html>
       

Tidak ada komentar:

Posting Komentar