Apareci + Avatar do autor ao lado do título do post

Oi my babys <3.Olha quem resolveu aparecer..Siiiiiim, eu.Podem gritar, vamos gritem de felicidade...Tá parei de idiotice, sou uma idiota mesmo kkkk.Poxa gente, eu fico tão triste quando passo mais de dois dias sem postar, pra mim é como se fossem anos.Fico medo que vocês me abandonem quando passo tantos dias sem postar, ainda mais quando nem passo aqui para deixar uma explicação.Desculpem, desculpem mesmo.Talvez nem tenham sentido minha falta mesmo kk.Acho que em breve vou ter que me afastar do blog por um tempo, não por muito tempo e sim por alguns dias.Meu pc vai ter que passar por um conserto, mas não sei quando vai ser.Ah, quem gostou do novo layout? Sim, eu não passei nem duas semanas com o outro layout e já troquei.Mas eu sou assim, quando coloco na minha cabeça que tenho que trocar de layout, eu tenho que trocar logo kkk.

 

Bom, como eu estava sem saber o que postar, hoje eu trouxe um tutorial de como colocar o avatar do autor ao lado do título da postagem.

 Ficará assim:

 Vá em seu html e pesquise pela tag </head>, quando achar cole acima dela o código abaixo:

<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script> 

Agora procure por <b:if cond='data:post.title'> e cole acima dessa tag: 

<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/> 
 Para finalizar, procure por ]]></b:skin> e cole acima:

.avatar-author {
float: left; /* mude para right ou left */
width: 30px; /* mude para a largura que você quer que tenha a imagem */
height: 30px; /* mude para a altura que você quer que tenha a imagem */ 

 Pronto, agora você personaliza do jeito que quiser.Pode colocar bordas, efeitos...O que achar melhor.

Gente, sei que estou um pouquinho ausente e na outra postagem eu prometir que em breve iria retribuir os comentários, então, é o que eu irei fazer ok? Não irão se livrar de mim muahaaaa (eu estou muito idiota hoje, é melhor eu parar por aqui kkkk).

Tchau and Kiss ♥

5 comentários:

  1. Eu utilizo esse avatar no lado, mas não é o mesmo código, pois aquele foi o único que pegou, mas agora vou tentar esse ai.
    O tutorial é muito bom e bem explicado.

    Sweet of Cherry

    ResponderExcluir
  2. O outro tutorial que já vi não funcionou , vou ver se esse funciona *u*

    @ DR || www.d-resources.net

    ResponderExcluir
  3. chegou uhuuuuuuuul ~le eu gritando! enfim , amei o tutorial ehueheu :3 depois tento fazer!

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  4. Esta desculpada, mas só porque é um bom motivo, viu? u.u hihi, mas mesmo que fique longe algum tempo, tenho certeza que seus leitores estão esperando, eu mesma sou uma. Esse tutorial é muito bom, o pessoal vai amar. Lavih muito obrigada por me informar, já atualizei o blog nos afiliados. :3

    Bunny Crazy

    ResponderExcluir
  5. acho tão fofo esse avatar do lado *--*
    kissus || We're Trendy || Diamond Design

    ResponderExcluir

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.