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.
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
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.
♦ 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.
<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>
♦ 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;*
Adorei o tutorial!E também amei o seu blog!Já estou seguindo, retribui?
ResponderExcluirluisadub.blogspot.com.br