Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

29/07/2013

Como Fazer um Template - Parte 1

Olá *-*, aqui está a primeira parte, do "big tutorial" de Como Fazer Um Template.

Antes de começarmos a personalizar o nosso template, peço-te que descarregues esta base do template viagem.

Clica aqui, e faz o download do template Viagem.
Depois de descarregares esta base aplica-a no teu blog ou no teu blog de testes, da seguinte forma.
modelo → efetuar cópia de segurança/restaurar → escolher ficheiro → carregar

Vamos começar por tirar o título do blog.
design → editar html → procura pela tag Header1
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='NOME_do_TEU_BLOG (Cabeçalho)' type='Header'/>
</b:section>
Depois de localizares o código acima, apaga-o todo (a partir de "<b:section class..." até "</b:section>"). Visualiza e guarda o modelo (clica em eliminar widgets).

Agora usando o tutorial seguinte (já publicado cá no blog), retira a attribution do blogger (créditos do blogger).
  • Retirar "Attribuiton" do Blog » ver

Agora usando o tutorial seguinte (já publicado cá no blog), retira o "Subscrever: Mensagens Atom".
  • Retirar "Subscrever: Mensagens Atom" » ver

Como vês o blog já está a ficar mais limpo e "fofo". Agora usando o tutorial abaixo, vamos substituir os links Postagens Anteriores, Home e Postagens Recentes, pelos seguintes símbolos (« e »), ou por outros ao vosso gosto.
design → editar html → expandir modelos de widgets  procura pelas seguintes tags
<data:newerPageTitle/>
E substitui esse código, por "«".
<data:homeMsg/>
E apaga-o.
<data:olderPageTitle/>
E substitui esse código, por "»".
Pronto *-*, a Parte 1 deste tutorial chegou ao fim. Se tiveres alguma dúvida, não hesites em perguntar, na aba "pergunta".

5 Comentários:

« »