14 janeiro 2013

Colocando imagem no rodapé do blog


Olá amores,
Hoje trouxe mais um tutorial de personalização de blog.Bom,eu ja estou terminando de criar um novo layout pro ACNK,e esse tutorial que vou passar pra vocês é super útil e bem fácil de usar.Quando eu instalar o novo layout ( oque não vai demorar muito) vocês vão ver o resultado.Ok,vamos la ?



Primeiramente é legal você fazer um teste com uma imagem ainda não personalizada,porque vai que não da certo,ou que você não goste,se isso acontecer você não vai ter tido tanto trabalho.

A única coisa obrigatória nessa imagem é ter  largura total do seu blog,eu acho que dessa forma fica bem mais bonito,mas você pode fazer uma imagem menor e ir ajustando.No template que estou fazendo fiz uma imagem com 1367 de largura e 210 de altura,toda roxa sem escrita,sem nada,totalmente lisa,e hospedei,se você quiser usar ela clique aqui e use a URL dela pra fazer o seu teste ai no HTML do seu blog durante o tutorial.

Vou passar os códigos pra vocês,e depois de fazer todo o procedimento,não salve, visualize primeiro,se tiver tudo certo salve,e depois substitua pela imagem ja persona personalizada.Lembrando que não me responsabilizo por danos ao seu template,tanto que é legal ter um layout extra,para testes.

 Passo a passo 

Procure dentro do seu html,a tag </body>,use o atalho ctrl + f.
Cole acima dessa tag o código a seguir.


<div class="separator" style="clear: both; text-align: center;">
<a href="#" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210
" src="URL da sua imagem" width="1367
" /></a></div>
♦ Agora substitua os locais em destaque,em seu HTML.Em Height ( altura da sua imagem),Width (a largura da imagem),e em " URL da sua imagem" coloque o endereço de onde a imagem esta hospedada.
♦ Se estiver tudo certo,salve!
♦ Se você seguio meu conselho e fez somente um teste,salve mesmo assim e depois use este tutorial para auxiliar na hora de você substituir a sua imagem :)


 Possíveis "probleminhas" 

♦ Visualize,se a imagem estiver muito longe da coluna do seu blog,em relação a altura entre ambos,clique aqui.
♦ Visualize,caso a imagem esteja desalinhada,ou muito pra direita ou para esquerda,desfaça todo o processo clicando em " Limpar edições" e tente outro tutorial.



Ufa ! terminamos,gostaram da dica ? qualquer duvida é só me chamar ou pelos comentários ou pelo grupo.

Beijokas;*













Comente com o Facebook:

Um comentário:

  1. Adorei o tutorial!E também amei o seu blog!Já estou seguindo, retribui?
    luisadub.blogspot.com.br

    ResponderExcluir

© ACNK - 2012-2014. Todos os direitos reservados. Criado por: Natália Kovitch. Tecnologia do Blogger. imagem-logo