; Template for blog
Documents
Resources
Learning Center
Upload
Plans & pricing Sign in
Sign Out
Your Federal Quarterly Tax Payments are due April 15th Get Help Now >>

Template for blog

VIEWS: 19 PAGES: 15

Copy this document and paste in your edit html section of blog and get a beautiful blog template.

More Info
  • pg 1
									<?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[


/*-- (Hiding the navbar) --*/
#navbar-iframe {
    display:none !important;
}

body{

margin:0;

font-family:Arial, Helvetica, sans-serif;

color:#cccccc;

}


h2{

font-family:Geneva, Arial, Helvetica, sans-serif;

font-weight:normal;

font-size:32px;

color:#cccccc;

}



#wrapper{

background:#000000;

width:100%;

}



#bg_1{

background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/tile_bg.jpg);

width:100%;
}



#bg_2{

background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/vert_bg.jpg)
repeat-x;

width:100%;

}



#headerwrapper{

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/banne
r_head.jpg);

background-position:center;

background-repeat:no-repeat;

height:212px;

width:758px;

margin:0 auto;

vertical-align:middle;

}



.headercontent{

width:758px;

margin:0 auto;

position:relative;

top:10px;

left:20px;

text-align:left;color:#ffffff; font-weight:normal;

font-size:12px;

}

.headercontent a:link
    {

text-decoration : none;

color: #ffffff;

background: transparent;

}


.headercontent a:visited

    {

text-decoration : none;

color: #ffffff;

background: transparent;

}

.headercontent a:hover

    {

text-decoration : none;

color: #898d7b;

background: transparent;

}


#tableframe{

width:760px;

margin:0 auto;

}



#content{

background-color:#000000;

}



#contentwrapper{
width:566px;

min-height:100%;

vertical-align:top;

background-color:#000000;

}



#gradient_left_1{

width:12px;

vertical-align:top;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradie
nt_left_tile.jpg);

}



#gradient_left_2{

width:12px;

height:1275px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradie
nt_left_vert.jpg);

background-repeat:no-repeat;

}



#gradient_right_1{

width:12px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradie
nt_right_tile.jpg);

}



#gradient_right_2{

width:12px;
height:1275px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradie
nt_right_vert.jpg);

background-repeat:no-repeat;

}



#side{

}



#sidewrapper{

background-color:#000000;

border-left:1px solid #21262e;

width:192px;

vertical-align:top;

}




#visitthesite{

width:192px;

margin:0 auto;

}



#visitthesitewrapper{

background-color:#0f161d;

}



.clearfloat{

clear:both;
}



.date{

color:#666666;

font-size:10px;

}



.icon{

border:1px solid #898d7b;

float:left;

}



.iconwrapper{

width:180px;

margin:0 auto;

clear:both;

padding:10px 0 0 0;

}



.iconwrapper li{

list-style-type:none;

}



.icontext{

float:left;

padding-left:6px;

font-size:11px;

color:#666666;
}



.icontext_title{

font-size:12px;

}



.icontext_sub{

font-size:10px;

}



.icontext a{

font-size:11px;

color:#999966;

text-decoration:underline;

}



.post{

margin:20px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/post_b
g.jpg);

background-repeat:repeat-x;

}



.posticon{

float:left;

}



.posticon_text{
float:left;

position:relative;

top:6px;

}



.postline{

width:100%;

}



.postline_pad{

padding:6px;

}



.post_bottom_text, .vert_spacer{

color:#666666;

font-size:12px;

}



.post_bottom_where, .post_bottom_edit, .post_comment_count{

color:#999966;

font-size:12px;

}



.post_title{

width:100%;

color:#43484e;

font-weight:bold;

font-size:16px;
}

.post_title a{color:f00;}

.post_text{

font-size:12px;

color:#cccccc;

}



.sideline, #sidewrapper .widget-content{

width:100%;

font-size:.8em;

clear:both;

}


#sidewrapper .widget-content{padding:10px;}

#sidewrapper ul{margin:0;padding:0 10px;list-style-type:none;}


.side_title, #sidewrapper h2{

background-color:#21262e;

color:#ffffff;

font-weight:bold;

padding-left:6px;

}



.spacer{

height:20px;

}



.tableborder{

background-color:#21262e;
}




h2.sidebar-title, #sidewrapper h2 {

font-size:14px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

color:#999999;

padding-left:12px;

padding-top:0px;}




/* Default Links

----------------------------------------------- */



a:link, a:visited {

text-decoration : underline;

color: #999966;

background: transparent;

}



a:hover {

text-decoration : underline;

color: #43484e;

background: transparent;

}



a:active {
text-decoration : none;

color: #999966;

background: transparent;

}



/* miscellaneous

----------------------------------------------- */

.profile-img .{

display: inline;}



.profile-data strong {

display: block;

}

.profile-textblock{padding-left:5px;}

.profile-link{padding-left:5px;}

.profile-img img {

float:left;

margin:5px 10px 5px 5px;

border:1px solid #cccccc;

}



.clear {

clear: both;

line-height: 0;

height: 0;

}



.splegal
{ font-family:Arial; font-size:9px;color:#cccccc;padding:10px;}

/* Feeds

----------------------------------------------- */

#blogfeeds {

font-size: 10px;padding:10px;

    }

#postfeeds {

font-size: 12px;

    }

#powered-by{text-align:center;

    }



#powered-by a img {

border: none;

}



        /* comments

----------------------------------------------- */

    #comments {

border: 0;

border-top: 1px dashed #cccccc;

margin: 10px 0 0 0;

padding: 0;

}



#comment-body{font-weight:normal;

font-size:12px;

color:#ffffff;
}



#comments h3 {

margin-top: 10px;

margin-bottom: -10px;

font-weight: normal;

font-style: italic;

text-transform: uppercase;

letter-spacing: 1px;

}



#comments dl dt {

font-weight: bold;

font-style: italic;

margin-top: 35px;

padding: 1px 0 0 18px;

color: #cccccc;

}



#comments dl dd {

padding: 0;

margin: 0;

}

.deleted-comment {

    font-style:italic;

    color:gray;

    }
 .comment-data{font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal;

font-size:12px;

color:#cccccc;}

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

  <body>
  <div id='wrapper'><div id='bg_1'><div id='bg_2'><table cellpadding='0' cellspacing='0' id='tableframe'>


     <!-- 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>
<tr valign='top'>
<td id='gradient_left_1' rowspan='2'>
<div id='gradient_left_2'><img alt=''
src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif'
width='12'/></div>
</td>
<td class='tableborder' rowspan='2'><img alt=''
src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif'
width='1'/></td>
     <td colspan='2' id='headerwrapper'><div class='headercontent'>
       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Cars &amp;amp; Bikes Info (Header)' type='Header'/>
</b:section>
     </div>
     </td>
<td class='tableborder' rowspan='2'><img alt=''
src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif'
width='1'/></td>
<td id='gradient_right_1' rowspan='2'>
<div id='gradient_right_2'><img alt=''
src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif'
width='12'/></div>
</td>
</tr>

<tr>

<td id='contentwrapper'>

       <div id='crosscol-wrapper' style='text-align:center'>
         <b:section class='crosscol' id='crosscol' showaddelement='no'/>
       </div>


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


  <td id='sidewrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
    <div class='sideline'>
      <div class='spacer'><img alt='' height='1'
src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif'
width='1'/></div>
    </div>
    <div class='sideline'>
      <div id='visitthesitewrapper'>
      <div id='visitthesite'><a href='#'><img alt='Visit the Site' border='0'
src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/visit_the_site.jpg'/></a>
</div>
      </div>
    </div>
    <div class='sideline'>
      <div class='spideman_vert'><img alt=''
src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spiderman_vert.jpg'/></
div>
    </div>

     <div class='splegal'>MARVEL and SPIDER-MAN: TM &amp; 2007 Marvel Characters, Inc. Motion
Picture &#169; 2007 Columbia Pictures Industries, Inc. All Rights Reserved. 2007 Sony Pictures Digital
Inc. All rights reserved. <a href='http://blogger-templates.blogspot.com/'>blogger templates</a></div>

 </td><!--sidewrapper-->


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

   <div id='footer-wrapper'>
     <b:section class='footer' id='footer'/>
   </div>

    </tr>
   </table>
</div><!--bg2-->
</div><!--bg1-->

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

								
To top