Menu

10 março 2013

Tutorial: como colocar barra de créditos no blogger

Hey amores, bem hoje vou ensinar a como colocar barra de créditos no blogger.
Assim quando fizerem um template saberão que é seu!
Vamos lá:


1° passo: Retirar o gadget "Attribution"

Abra o painel de controle do Blogger e clique no menu “Design” ~> “Editar HTML”. NÃO marque o “Expandir modelos de widgets”.

Então procure pela seguinte linha:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

 Exclua essa linha e apenas ela. Cuidado para não apagar mais nada. Assim, clique no botão “Salvar modelo”.
Aparecerá uma mensagem de confirmação, clique no botão “Excluir Widgets”. Lembrando que esse procedimento é irreversível e não pode ser refeito mesmo recolocando o código apagado.
Feito isso, veja o resultado em seu blog.

2° Passo: Configurando e colocando a barra de créditos:

Vá em:
Modelo > Editar HTML 
Procure por: 
]]></b:skin> 
E cole ACIMA esse código: 


#footer-wrapper {

  background: none;

  background-repeat: no-repeat;
  z-index: 1000;
  height: 20px;
  clear: both;
  font-size: 90%;
  color: #fff;
  text-align: center;
  padding: 5px;
  }
Configure com sua preferencia de acordo com a legenda:
 #: Cor do fundo
#. tamanho da fonte
#. cor da fonte
#. alinhamento da fonte

Depois procura por:

 </body>  

E cole ACIMA esse código:

<div id='footer-wrapper'>Designer por SEU NOME | Tecnologia do <a href="http://blogger.com">Blogger</a> | Todos os direitos reservados © 2013</div>

Configure de acordo com a legenda:
#frase referencial
#dono do modelo que usou como base
# apenas mude se seu layout /template for disponível à qualquer um
#ano em que fizestes ou usastes o template

 Visualize e se tudo estiver de acordo salve!

Para mudar as cores clique aqui e escolha a que desejar, depois copie o código HTML da mesma e altere conforme a legenda.

Lembre-se: Sempre que for  fazer uma alteração que edite o HTML de seu blog, faça antes o backup! assim se der errado tem como consertar.

 Espero que tenham gostado, pois é meu primeiro tutorial para blogger. ^^
Beijokas e até mais


3 comentários:

  1. Muito obrigada foi muito útil, e está tudo muito bem explicadinho!
    beijos

    ResponderExcluir
    Respostas
    1. É muito legal qu você tenha gostado Lu-chan! é o meu primeiro tuto explicativo sobre blogger.
      beijokas

      Excluir
  2. Gostei D-E-M-A-I-S me ajudou super ! Muito obrigado <3

    m-apenasumcara.blogspot.com

    ResponderExcluir

Comente Porfavor >.<'