Como Personalizar Seu Blogger



O antigo Blogger permitia que seus blogs exibissem uma imagem ou título clicável no Header (cabeçalho), função que foi eliminada no Novo Blogger. O cabeçalho clicável é uma função muito útil; a maioria dos visitantes espera que um click na imagem ou título do header os leve de volta à home page do blog.
Esse sistema facilita a navegação, e substitui com vantagem o link ao “Início”, que aparece no rodapé de cada post. Esse link não costuma ser facilmente visualizado, e vai contra os hábitos do visitante médio.
Você pode implementar essa função de duas formas no novo Blogger: Título Clicável, ou Imagem clicável.
Para isso, primeiro você deve…
Permitir a Adição de Elementos ao Header – Cabeçalho
  • Entre na sua conta do Blogger.
  • No Painel, escolha o blog que deseja editar e vá até Modelo ->Editar HTML.
  • NÃO clique em ” Expandir modelos de widgets”. Se a caixinha estiver marcada, desmarque.
  • Procure pelo código do Header; ele deve estar logo após a tag <body>. O código é este:
<div id=”header-wrapper”>
<b:section class=”header” id=”header” maxwidgets=”1” showaddelement=”no“>
<b:widget id=”Header1″ locked=”true” title=”Título do Blog (Cabeçalho)” type=”Header”>
</b:widget>
</b:section></div>
Também pode ser que o código seja ligeiramente diferente no seu template; se você usa o Harbor template, por exemplo, o código é este:
<b:section class=’header’ id=’header’ maxwidgets=’1‘>
<b:widget id=’Header1′ locked=’true‘ title=’Título do Blog (Cabeçalho)’ type=’Header’/>
</b:section>
Em qualquer dos dois casos, você deve modificar os valores que estão em vermelho:
maxwidgets=”1 – Coloque 3 no lugar do 1
showaddelement= “no” - Substitua no por yes
locked=’true‘ - Substitua true por false
O código deve ficar assim:
<div id=”header-wrapper”>
<b:section class=”header” id=”header” maxwidgets=”3” showaddelement=”yes“>
<b:widget id=”Header1″ locked=”false” title=”Título do Blog (Cabeçalho)” type=”Header”>
</b:widget>
</b:section></div>
Ou assim:
<b:section class=’header’ id=’header’ maxwidgets=’3‘>
<b:widget id=’Header1′ locked=’false‘ title=’Título do Blog (Cabeçalho)’ type=’Header’/>
</b:section>
Salve as mudanças. Agora você já pode…
Adicionar um Título Clicável
  • Vá até a tab “Elementos da Página”. Você verá que agora há a opção “Adicionar um Elemento de Página” no Header/Cabeçalho.
  • Clique no link, e a janela dos elementos disponíveis se abrirá.
  • Escolha a opção “HTML/JavaScript”
  • Deixe o Título do elemento em branco.
  • Na seção de conteúdo, cole o seguinte código:
<a href=”URL DO SEU BLOG“><font size=”7” face=”Georgia, Arial” color=”#000000“>TÍTULO DO BLOG</font> </a>
O que está em vermelho são os valores que você deve modificar, para adequá-los ao seu blog.
  • URL DO SEU BLOG: o endereço do seu blog; por exemplo, http://net-dinheiro.blogspot.com
  • Font Size: tamanho da fonte do Título
  • Face: tipo de fonte
  • Color: cor do Título.
  • Título do Blog: o nome que você quer que apareça como Título.
Após modificar o código, salve as alterações. Se não gostar do resultado, volte e faça outras modificações, até que o Título esteja do seu agrado.
Removendo o Antigo Título
Agora, se você visualizar o blog, provavelmente verá o título que você acaba de criar, mais o antigo cabeçalho – o título não-clicável do blog. Livrar-se dele é muito fácil.
  • Nos Elementos da Página, clique no “Editar” do widget que diz “Título do Blog (Cabeçalho)”.
  • Na janela pop-up, clique em “Remover elemento da página” .
  • Tenha cuidado para não remover o título que você mesmo criou.
  • Pronto. Agora o único título que aparece é o seu Título Clicável Personalizado.

0 comentários:

Postar um comentário

Globo Mais - O maior portal hightech ao alcance de seu click

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes