1° Passo; Crie 3 Imagens Para Seu Layout ( Cabeçalho, Conteúdo e Rodapé ) ...

2° Passo; Copie Este Codigo e Cole Na Parte Onde Você Edita as Tags de HTML de Seu B log/Site 3° Passo; Apos Copiar e Colar Este Codigo Seu Template/Layout Ficara com um Aspect o e Estilo Diferente,e em Seguida Abra este Codigo Todo com o DreamWeaver CS5 e Click na Opção Code em Vez de Desing e Encontre os Seguintes Textos: - URL DE IMAGEM DE FUNDO FUNDO - URL DE IMAGEM DE CABEÇALHO - URL DE IMAGEM CONTEUDO - URL DE IMAGEM DE RODAPE 4° Passo; Apos Encontrar Estes Textos Troque Eles Pelos Links Das Imagens Hospedad as em Um Servidor Imagens ( Recomendo o Tinypic ), e Pronto Basta Visualizar seu Layout/Template e Ele Estara Configurado com as Imagens que Você Mesmo Co dificou

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml ' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2 005/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 Sheet Name: Scribe Date: 27 Feb 2004 Updated by: Blogger Team ------------------------------------------------------ */ /* Variable definitions ==================== <Variable name="textColor" description="Text Color" type="color" default="#29303b" value="#29303b"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#1b0431" value="#1b0431"> <Variable name="linkColor" description="Link Color" type="color" default="#473624" value="#473624"> <Variable name="visitedLinkColor" description="Visited Link Color" type="color " default="#956839" value="#956839"> <Variable name="pageHeaderColor" description="Blog Title Color" type="color" default="#612e00" value="#612e00">

text-align:center. Times New Roman.Sans-Serif."> <Variable name="headerFont" description="Sidebar Title Font" type="font" default="normal normal 150% Georgia. color:$textColor. Times New Roman.3em.sans-serif"> <Variable name="pageTitleFont" description="Blog Title Font" type="font" default="normal normal 225% Georgia.<Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#29303B" value="#29303B"> <Variable name="sidebarHeaderColor" description="Sidebar Title Color" type="color" default="#211104" value="#211104"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% Georgia." va lue="normal normal 100% Georgia. font-size: small. } . margin-$startSide:0.Sans-Serif. acronym { cursor:help. margin-top:0. background:#483521 url("URL DE FUNDO") repeat. Times New Roman. } abbr. } p { margin:0.sans-serif"> <Variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="italic normal 100% Georgia. padding:0.sans-serif" val ue="normal normal 225% Georgia. padding:0 32px. sans-serif" va lue="italic normal 100% Georgia. } blockquote { font-style:italic. Times New Roman.*/ body { margin:0. margin-$endSide:0.sans-serif" val ue="normal normal 150% Georgia.6. line-height:1. Times New Roman. font-style:normal. padding:0. margin-bottom:. sans-serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"> */ Defaults ----------------------------------------------. Times New Roman. Times New Roman. Times New Roman. line-height:1.6em.

} img {border:0. } a:hover { color: $visitedLinkColor. padding:0. border-$startSide:1px solid #332A24. display:block. color:#666. } a:visited { color: $visitedLinkColor. height:81px. text-align:center. } #main-top { width:700px. .code { font-size: 90%. text-decoration:underline.*/ #outer-wrapper { background-color:#473624. width:700px. } #main-bot { width:700px. margin:0px auto. background:#FFF3DB url("URL DE TOPO") no-repeat top $startSide.} /* Link styles */ a:link { color:$linkColor. display:block. margin:0. white-space:normal. padding:8px. text-decoration:underline. background:#FFF3DB url("URL DE CONTEUDO") repeat-y. } a:active { color: $visitedLinkColor. font: $bodyFont. margin:0px. padding:0px. background:#FFF3DB url("URL DE RODAPE") no-repeat top $startSide. text-decoration:underline. } #wrap2 { width:700px. } hr {display:none. height:49px. } /* Layout ----------------------------------------------. border-$endSide:1px solid #332A24.

} h1 a:hover { border:0.margin-top: -14px.description { margin:0. text-align:$startSide.5em. line-height:1. } #wrap3 { padding:0 50px.Header . } #sidebar-wrapper { clear:$startSide. /* fix for long text breaking sidebar float in IE */ overflow: hidden. } h1 a:link { text-decoration:none. text-decoration:none. word-wrap: break-word. } . margin-bottom: 0px. float:$endSide. } .Header { } h1 { margin:0. padding:8px 0. color: $pageHeaderColor. padding-top:0. display:block. margin:0. padding-$endSide:0. } h1 a:visited { text-decoration:none. /* fix for long non-text content breaking IE sidebar floa t */ } . color: $pageHeaderColor. } #main { width:430px. padding:0. padding-$startSide:0. padding-bottom:6px. margin-$startSide: 0px. color: $blogDescriptionColor. margin-$endSide: 0px. font: $blogDescriptionFont. font: $pageTitleFont.

float:$startSide. border-top:1px solid #BFB186. margin-$startSide:0. padding:0.post-footer { font-family: Verdana. margin:0. font-size:74%. text-transform:uppercase. sans-serif. _padding-top:6px.5em. } .date-header { font-weight:normal. background:url("http://www. } . } . } . margin-$endSide:0. margin:0. font-size:75%.5em. margin:0. margin-top:0. color:$postTitleColor.#sidebar { width:150px. letter-spacing:. padding-top:10px.post { margin-top:8px. padding-top:6px.post h3 { font-weight:normal. } /* Typography :: Main entry ----------------------------------------------.gif") no-repeat top $s tartSide. font-size:140%.6em. font-size:90%. /* IE Windows target */ } #footer p { line-height:1.com/scribe/divider. /* fix for long text breaking sidebar float in IE */ overflow: hidden. padding:0. padding:8px 0.post-body p { line-height:1.*/ h2. margin-$endSide:0.1em. /* fix for long non-text content breaking IE sidebar floa t */ } #footer { clear:both. margin-bottom:24px. } .blogblog. } .post h3 a { color: $postTitleColor. word-wrap: break-word. margin-$startSide:0. margin-bottom:.

margin-bottom:12px.*/ . } #blog-pager-older-link { float: $endSide.6em. vertical-align:top. color:$sidebarHeaderColor.blogblog.sidebar . line-height: 1.sidebar h2 img { margin-bottom:-4px.post-footer a { margin-$endSide: 6px. padding:0. padding-bottom: . background:url("http://www. margin-top:6px.4em. padding-top: 0. padding:0. } /* Typography :: Sidebar ----------------------------------------------.5em. } .5em.widget { font-size:86%.feed-links { clear: both. } . line-height: 2.post li { line-height:1. font: $headerFont.post ul { margin:0. } .sidebar h2 { margin:0. padding-$startSide: 17px. } #blog-pager-newer-link { float: $startSide. margin-$endSide:0. } #blog-pager { text-align: center. margin-$startSide:0. margin:0. padding-$endSide: 0. padding:0. list-style:none.com/scribe/list_icon.3em. } ..gif") no-repeat $sta rtSide . } . } .

} . padding:0.2em.comment-author { background:url("http://www. } .comment-body { margin:0. margin:0 0 10px.75em. . padding-$endSide:0.. color:#29303B. } #comments-block { line-height:1. padding-$startSide:20px.35em. padding-$endSide:0.comment-footer a:link { color:#473624. } . padding-bottom:0.5em.gif") no-repeat 2px .5em 0 0. font-size:120%.comment-body p { font-size:100%. padding-$startSide: 0. margin:. } .sidebar ul { margin-$startSide: 0.com/scribe/list_icon. padding-top:0. margin-top:0. padding-top:0. margin-bottom:. margin-$endSide:0. padding-$startSide:20px. padding-$endSide:0. } . margin:0. margin-$startSide:0. margin:0. } /* Comments ----------------------------------------------.blogblog. font-weight:bold. padding-bottom:. } .*/ #comments {} #comments h4 { font-weight:normal. padding-$startSide:20px.comment-footer { color:#29303B. text-decoration:underline.sidebar ul li { list-style: none. font-size:74%. padding-bottom:0. padding-top:0.

margin-bottom: 5px. . } . border:1px solid #A2907D.gif") no-repeat bottom .1em. text-decoration:underline. padding-top:0. padding:2px. } . padding-$startSide:0. } #header . padding-$endSide:8px. } . text-decoration:underline.widget.deleted-comment { font-style:italic. padding-bottom:0. font-size:90%. color:gray. } .profile-data { margin:0.*/ #main . margin-$endSide:0. letter-spacing:. color:#211104. text-transform:uppercase. margin-$startSide:0.comment-footer a:visited { color:#716E6C.} . } . } . margin-$endSide: 5px. margin-$startSide: 0.profile-textblock { margin-top:0. margin-bottom:4px. } /* Profile ----------------------------------------------. #main .comment-footer a:hover { color:#956839.profile-datablock.profile-img { float: $startSide.widget { margin-bottom:12px.comment-footer a:active { color:#956839. } #header { background:url("http://www.com/scribe/divider.blogblog.profile-data { display:inline. padding-bottom:12px. margin-top: 0. text-decoration:none.

} body#layout #main-top { display:none. } ]]></b:skin> </head> <body> <div id='outer-wrapper'> <div id='main-top'/> <!-. } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper { margin-top: 0. } body#layout #wrap2.O Futuro d o Desing e Programação Esta Aqui !!! (Cabeçalho)' type='Header'/> </b:section> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol'> <b:widget id='CustomSearch1' locked='false' title='Pesquisar Neste Blog' type='C ustomSearch'/> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML1' locked='false' title='Menu Principal' type='HTML'/> <b:widget id='Attribution1' locked='false' title='' type='Attribution'/> <b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/> </b:section> </div> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/> </b:section> <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div> </div></div> <div id='main-bot'/> <!-. padding-top: 0.$startSide.placeholder for image --> <div id='wrap2'><div id='wrap3'> <b:section class='header' id='header' maxwidgets='2' showaddelement='no'> <b:widget id='Header1' locked='true' title='Murilo Desing e Programação . body#layout #wrap3 { margin-top: 0.placeholder for image --> </div> </body> </html> .

Sign up to vote on this title
UsefulNot useful