Template for blog: Fantastic Template

HTML Code For your Blog
<?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><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'><br />  <head><br />    <b:include data='blog' name='all-head-content'/><br />    <title><data:blog.pageTitle/></title><br />    <b:skin><![CDATA[<br />/* --- * Blogger Template Style---- * Name: Kakashi----- *Designer: Rudianaeva ----- * URL: http://latihan-blog.blogspot.com ------ * Date: March 2007 ----- */<br />/* Variable definitions<br />   ====================<br /><br />   <Variable name="textcolor" description="Text Color"<br />             type="color" default="#333"><br /><br />   <Variable name="pagetitlecolor" description="Page Header Color"<br />             type="color" default="#626868"><br /><br />   <Variable name="datecolor" description="Date Header Color"<br />             type="color" default="#ccc"><br /><br />   <Variable name="titlecolor" description="Post Title Color"<br />             type="color" default="#f63"><br /><br />   <Variable name="footercolor" description="Post Footer Color"<br />             type="color" default="#999"><br /><br />   <Variable name="sidebartextcolor" description="Sidebar Text Color"<br />             type="color" default="#999"><br /><br />   <Variable name="sidebarcolor" description="Sidebar Title Color"<br />             type="color" default="#666"><br /><br />   <Variable name="linkcolor" description="Link Color"<br />             type="color" default="#69c"><br />   <Variable name="descriptioncolor" description="Description Color"<br />             type="color" default="#fff" value="#ffffff"><br /><br />   <Variable name="visitedlinkcolor" description="Visited Link Color"<br />             type="color" default="#666699"><br /><br />   <Variable name="bodyfont" description="Text Font"<br />             type="font"<br />             default="normal normal 100% Verdana, sans-serif"><br /><br />   <Variable name="pagetitlefont" description="Page Header Font"<br />             type="font" default="normal normal 100% 'Georgia','Times New Roman'"><br /><br />   <Variable name="titlefont" description="Post Title Font"<br />             type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /><br />   <Variable name="sidebarheaderfont" description="Sidebar Title Font"<br />             type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br />   <Variable name="descriptionfont" description="Description Font"<br />             type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'">      <br />*/<br /><br />/* ---( page defaults )--- */<br />body {  margin: 0px;  padding: 0px;  font-size: small;  text-align: center;  color: #333333;  background: #515f6c;  }<br />blockquote {  margin: 0 0 0 30px;  padding: 10px 0 0 20px;  font-size: 88%;  line-height: 1.5em;  color: #666;  }<br />blockquote p {  margin-top: 0;  }<br />abbr, acronym {  cursor: help;  font-style: normal;  }<br />code {  color: #f63;  }<br />hr {  display: none;  }<br />img {  border: none;  }<br /><br />/* unordered list style */<br />ul {  list-style: none;  margin-left: 10px;  padding: 0;  }<br />li {  list-style: none;  padding-left: 14px;  margin-bottom: 3px;  }<br /><br />/* links */<br />a:link {  color: #007ba4;text-decoration: none;  }<br />a:visited {  color: #666699;text-decoration: none;  }<br />a:hover {  color: red;text-decoration: none;  }<br />a:active { color: #cc3333; text-decoration: none;  }<br /><br />/* ---( layout structure )---*/<br />#outer-wrapper {  width: 920px;  margin: 0px auto 0;   text-align: left;  font: normal normal 100% Verdana, sans-serif;  }<br />#content-wrapper {  margin-left: 30px; /* to avoid the border image */  width: 780px;  }<br />#main {  float: right;  width: 550px;  margin: 0px; padding: 0px 0px 0px 15px;  line-height: 1.5em;  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 */  }<br />#sidebar {  float: left;  width: 170px;  padding: 0px;  font-size: 85%;  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 */  }<br />#center {background: #ffffff url('http://i152.photobucket.com/albums/s170/metroyanti/Blog%20templates/F0000000.jpg') repeat-y top center;}<br /><br />/* ---( header and site name )--- */<br />#header-wrapper {  margin: 0;  padding: 0;  font: normal normal 100%'Georgia','Times New Roman';  }<br />#header {  margin: 0; height:301px; width:920;  color: #ffffff;   background: url('http://i152.photobucket.com/albums/s170/metroyanti/Blog%20templates/headputih.jpg') no-repeat top center;  }<br />#header h1 { width: 550px;  font-size: 290%; padding: 120px 0px 0px 50px; filter: glow(color=#000000,Strength=5); text-align: left;  }<br />#header h1 a {  text-decoration: none;  color: red;  }<br />#header h1 a:hover {  color: #eee;  }<br />#header .description { margin:-10px 20px 0px 0px; text-align:left; padding-left: 50px; width:520px;  font: $descriptionfont;  color: $descriptioncolor; }<br /><br />/* ---( main column )--- */<br />h2.date-header {  margin-top: 0;  padding-left: 10px;  font-size: 90%;  color: #cccccc;  }<br />.post h3 {  margin-top: 0;  font: normal bold 130% 'Georgia','Times New Roman';  color: #ff6633;  }<br />.post {  border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em  }<br />.post h3 a {color: #ff9933; text-decoration: none;}<br />.post h3 a:hover {   color: #369;  text-decoration: none; }<br />.post-footer {  margin: 0;  padding: 0px;  font-size: 88%;  color: #999999;  }<br />.post img {  padding: 6px;  border-top: 1px solid #ddd;  border-left: 1px solid #ddd;  border-bottom: 1px solid #c0c0c0;  border-right: 1px solid #c0c0c0;  }<br />.feed-links {  clear: both;  line-height: 2.5em;}<br />#blog-pager-newer-link {  float: right; }<br />#blog-pager-older-link {   float: left; }<br />#blog-pager {     text-align: center;  }<br /><br />/* comment styles */<br />#comments {  padding-top: 10px;  font-size: 85%;  line-height: 1.5em;  color: #666;  }<br />#comments h4 {  margin: 20px 0 15px 0;  padding: 8px 0 0 40px;  font-family: "Lucida Grande", "Trebuchet MS";  font-size: 130%;  color: #666;  height: 29px !important; /* for most browsers */  height /**/:37px; /* for IE5/Win */  }<br />#comments ul {  margin-left: 0;  }<br />#comments li {  background: none;  padding-left: 0;  }<br />.comment-body {  padding: 0 10px 0 25px;  }<br />.comment-body p {  margin-bottom: 0;  }<br />.comment-author {  margin: 4px 0 0 0;  padding: 0 10px 0 60px;  color: #999;    }<br />.comment-footer {  border-bottom: 1px solid #ddd;  padding-bottom: 1em;}<br />.deleted-comment {  font-style:italic;  color:gray;  }<br /><br />/* ---( sidebar )--- */<br />.sidebar h2 {   margin: 0 0 0 0;  padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS';  color: #666666;  height: 32px;  height: 32px !important; /* for most browsers */  height /**/:57px; /* for IE5/Win */  }<br />.sidebar .widget {  margin: 0;  padding: 0 0 10px 10px;  border-bottom: 0px solid #ddd;}<br />.sidebar li { padding-left: 5px;  }<br />.profile-textblock {  margin:.5em 0 .5em; }<br />.profile-img {   float: left;  margin: 0 5px 5px 0;  border: 1px solid #ddd;  padding: 4px;}<br /><br />/* ---( footer )--- */<br />.clear { /* to fix IE6 padding-top issue */  clear: both;  }<br />#footer-wrapper {  margin: 0;  padding: 0 0 0 0;  font-size: 85%;  }<br />#footer {  margin: 0; width: 920px; height:98px;  padding: 0px;  background: url('http://i152.photobucket.com/albums/s170/metroyanti/Blog%20templates/footerputih.jpg') no-repeat top center;  }<br /><br /><br />/** Page structure tweaks for layout editor wireframe */<br />body#layout #outer-wrapper,<br />body#layout #main,<br />body#layout #sidebar {   padding-top: 0;  margin-top: 0;}<br />body#layout #outer-wrapper,body#layout #content-wrapper {   width: 740px;}<br />body#layout #sidebar {   margin-right: 0;  margin-bottom: 1em; }<br />body#layout #header,body#layout #footer,<br />body#layout #main {  padding: 0; }<br />body#layout #content-wrapper {   margin: 0px; }<br />#navbar-iframe {   height:0px;   visibility:hidden;   display:none   } <br /><br />]]></b:skin><br />  </head><br /><br />  <body><br />  <div id='outer-wrapper'><div id='wrap2'><br /><br />    <!-- skip links for text browsers --><br />    <span id='skiplinks' style='display:none;'><br />      <a href='#main'>skip to main </a> |<br />      <a href='#sidebar'>skip to sidebar</a><br />    </span><br /><br />    <div id='header-wrapper'><br />      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='Wordpress (Header)' type='Header'/><br /></b:section><br />    </div><br /> <div id='center'><br />    <div id='content-wrapper'><br /><br />      <div id='main-wrapper'><br />        <b:section class='main' id='main' showaddelement='no'><br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /></b:section><br />      </div><br /><br />      <div id='sidebar-wrapper'><br />        <b:section class='sidebar' id='sidebar' preferred='yes'><br /><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><br /><b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><br /></b:section><br />      </div><br /><br />      <!-- spacer for skins that want sidebar and main to be the same height--><br />      <div class='clear'> </div><br /><br />    </div> <!-- end content-wrapper --><br />     </div> <!--end center--><br />    <div id='footer-wrapper'><br />      <b:section class='footer' id='footer'/><br />    </div><br /><br />  </div></div> <!-- end outer-wrapper --><br /></body><br /></html><br /><br />
Template for blog

Fantastic Template

0 comments:

Post a Comment

Subscribe

Categories

Archives
