Pixel Create - Criando seu caminho ! Desejamos boas festas a todos.
publicidade
publicidade
publicidade
publicidade
publicidade
publicidade
publicidade

Programas

Baixe os melhores do Design!

Programas Programas

Wallpaper

Seu desktop com sua cara

Wallpaper Wallpaper

Tutoriais

Tutoriais de qualidade encontra-se aqui!

Tutoriais Tutoriais

Avatar

Tutorial - Avatar ao lado do titulo do post

Postado Por: Gabriel
avatar ao lado do titulo
Colocar avatares ao lado do título das postagens do blogger, é uma otima dica para quem tem mais de um autor no mesmo blog, fazendo isto você poderá destacar o autor com um avatar respectivo.



Para ter um avatar no blogspot, o recomendável é primeiramente você editar sua imagem utilizando um software  manipulador de imagens. No meu caso utilizo o programa Photoshop, e geralmente deixo a resolução do avatar em 75x63 pixels.
Host de imagens: PhotobucketImageshackPicasa
Depois de já ter hospedado sua imagem, vamos prosseguir com a implementação do código que fará com que os avatares apareçam ao lado do título do post.
Antes de se fazer qualquer alteração no template do blogger, lembre-se sempre de se fazer um backup do mesmo, assim caso vier a ocasionar algum erro na modificação você terá como recuperar o template original sem maiores problemas.
Para começar primeiramente vá até o painel do blogger e clique em LAYOUT, logo em seguida clique no link EDITAR HTML.
Nota: Lembre-se de selecionar a opção EXPANDIR MODELOS DE WIDGETS.
Instalação

No código fonte de seu template você deverá procurar pela linha descrita logo abaixo.
<b:if cond='data:post.title'>;
Coloque acima desta linha o código para imagem na qual será seu avatar, lembre-se de modificar a URL e o tamanho de acordo com a imagem escolhida.
<img src="URL DA IMAGEM" width="LARGURA" height="ALTURA" alt="DESCRIÇÃO DA IMG" style="float:left;margin:0 5px 5px 0" />
Se seu blog por ventura tiver mais que um autor, você poderá selecionar e aplicar avatares diferentes para cada um deles.

Para fazer tal procedimento iremos adicionar um pequeno trecho ao código, no qual irá determinar qual autor irá utilizar o determinado avatar.
Nota: Modifique o nome " Gabriel" pelo nome do autor que vai utilizar o avatar.
<b:if cond='data:post.author == "Gabriel"'><img src='URL DA IMAGEM' height='50' width='60' alt='DESCRIÇÃO DA IMAGEM'/></b:if>

0 comentários:

Postar um comentário