passo a passo...Template Mínima ...03...três colunas.

copie o código

<?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 dir="'data:blog.languageDirection'" xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: Minima Designer: Douglas Bowman URL: www.stopdesign.com Date: 26 Feb 2004 Updated by: Blogger Team ----------------------------------------------- */ /* Variable definitions ==================== <variable name="bgcolor" description="Page Background Color" type="color" default="#fff" value="#ffffff"> <variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"> <variable name="linkcolor" description="Link Color" type="color" default="#58a" value="#5588aa"> <variable name="pagetitlecolor" description="Blog Title Color" type="color" default="#666" value="#666666"> <variable name="descriptioncolor" description="Blog Description Color" type="color" default="#999" value="#999999"> <variable name="titlecolor" description="Post Title Color" type="color" default="#c60" value="#cc6600"> <variable name="bordercolor" description="Border Color" type="color" default="#ccc" value="#cccccc"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#999" value="#999999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#999" value="#999999"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif"> <variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif"> <variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif"> <variable name="descriptionfont" description="Blog Description Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <variable name="postfooterfont" description="Post Footer Font" type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"> <variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"> <variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"> */ /* Use this with templates/template-twocol.html */ 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:$titlecolor; text-decoration:underline; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width:850px; margin:0 auto 10px; border:1px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 1px solid $bordercolor; text-align: center; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: $pagetitlefont; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 850px; margin:0 auto; padding:5px; text-align:left; font: $bodyfont; } #main-wrapper { width: 410px; float: $startSide; margin:0px 10px 0px 0px; 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-wrapper { width: 210px; float: right; margin:0px 10px 0px 0px; 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 */ } #newsidebar-wrapper { width: 200px; float: left; padding-right:10px; 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 */ } } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:normal; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; } .sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width:840px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Template" type="'Header'/"> </b:section> </div> <div id="'content-wrapper'"> <div id="'crosscol-wrapper'" style="'text-align:center'"> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"> </div> <div id="'newsidebar-wrapper'"> <b:section class="'sidebar'" id="'newsidebar'" preferred="'yes'/"> </div> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Postagens" 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" type="'Profile'/"> <b:widget id="'BlogArchive2'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"></div> </div> <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div> </body> </html>

cole
em um bloco
de notas,
salve
o arquivo txt
em seu
computador
e utilize,

a seguir,

passo a passo:

1 - Salve o
conteúdo
do Blog
...
selecione
a aba
Layout/Editar HTML.
Clique no link
Baixar Modelo Completo
e
salvar o documento
que será gerado.

2 - Encontrar o arquivo
em txt
que salvou
no computador,
faça
upload,
clique em
Salvar Modelo
e
visualizar o
blog
para ver ...

"3 - selecione
o texto da caixa do
HTML do Blog
e cole
sobre ele
o novo código do
Minima de três colunas.... "

..."gadegts e outras
inclusões do blog anterior
irão desaparecer
com a instalação do
novo template,
é só recolocar. "

Recomenda-se,
ter Blog de testes
para
exercitar
bem.

"4 - ...salvando
o novo modelo,
em Layout
veja
que o novo
template terá
duas colunas laterais
( uma à direita e
outra à esquerda)
para os gadgets
e uma
central para
a postagem."

►EU SOU UM BLOG -ESUB-

Post Top Ad

Pesquisar

21/09/2009

passo a passo...Template Mínima ...03...três colunas.

Nenhum comentário:

Postar um comentário

Postagem em destaque

bico em crochê passa fita | parte 2 |...aqui né ! ! ! Que paninho lindo !!!

Post Bottom Ad

participe!

Facebook

Recent

Popular

Comments

Sponsor

Technology

Tags

arquivados ...meses

Seguidores

Tags

Connect With us

contato

visualizações

Recent News

on

Categories

Formulário de contato

Páginas

►EU SOU UM BLOG -ESUB-

Post Top Ad

Pesquisar

21/09/2009

passo a passo...Template Mínima ...03...três colunas.

Nenhum comentário:

Postar um comentário

Postagem em destaque

bico em crochê passa fita | parte 2 |...aqui né ! ! ! Que paninho lindo !!!

Post Bottom Ad

links +

Socialize

participe!

Facebook

Recent

Popular

Comments

Sponsor

Technology

Tags

arquivados ...meses

Seguidores

Tags

Connect With us

contato

visualizações

Recent News

on

Categories

Formulário de contato

Páginas