Avatar do autor na mesma linha do post footer








Gentee saiu o Pokémon Go pensa que emossaum (・ㅂ・)و ̑̑  hahaha comecei nem dando boa noite ou olá até porque essa notícia é muito mais especial né?  Eu já tinha ele instalado no meu celular mas não podia jogar porque o server não estava disponível para o nosso país ainda. Quando fui no google play só pediu uma atualização pois a versão que eu tinha já estava atrasada, então agora é só recuperar o tempo perdido. Será que vai dar certo? Eu andando na rua que nem louca e começo a tropeçar nas coisas ೕ(˃̵˂̵)

Vamos ver no que isso vai dar hahahaha Pois fui levar o lixo na rua só para poder ver se tinha algum pokémon dando sopa, e não é que tinha? Tinha dois, mas a chuva e meu roupão me impediram de sair que nem uma retardada caçar eles haha Além do mais acabei molhando meus pés e a meia por baixo da sola, eu estava com meu chinelo de pelos então pensem na cena ahsuahsuahsuahs Ai ai, acho que a solução é caçá-los na faculdade mesmo, garanto que por lá terão um monte espalhados pois o lugar é enorme (^3^)

O tutorial de hoje foi inspirado pelo o meu próprio modelo de autor, lembro que antigamente era difícil eu postar efeitos e materiais que eu usava nos layouts, mas não tem nada a ver fazer isso então vou postar sim e se quiserem me perguntar ou pedir outras coisas deste layout eu irei fazer também ok? Primeiramente eu queria dizer que como fiz esse tutorial usando os meus próprios códigos, sugiro que o post footer de vocês estejam igual, caso estiver com duas linhas o avatar do autor irá ficar desalinhado ok? Então, se quiserem deixar o post footer igual ao daqui, usem o tutorial da nossa maravilhosa Mack. Certo?

Vá até o seu modelo clique em editar modelo e editar html, dentro dê um Ctrl f e procure por:   <div class='post-footer'> provavelmente abaixo dele estará este código <div class='post-footer-line post-footer-line-1'> que é o código do post footer, abaixo dele vocês irão por este código:

<b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/>
</span></b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAEGEM'/></span>
</b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/></span>
</b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/></span>
</b:if><b:if cond='data:post.author == &quot;NOME DO AUTOR&quot;'>
<span class='author'><img src='LINK DA IMAGEM'/></span>
</b:if>

Coloquei mais de um autor caso queira mais postadores no seu blog, salve e  agora procure por este código: ]]></b:skin> e acima dele cole o código abaixo:

/*-Efeito nos autores de posts por gnmh*/
.author img{
widht:TAMANHOpx;
height:TAMANHOpx;
padding: 3px;
float: right;
margin-right: -52px;
margin-top:-16px;
opacity: 1.0;
background: #COR;
border: solid 1px #COR;
-webkit-transition-duration: .80s;
}
.author img:hover {
opacity: 0.7;
background:#COR;
border: 1px solid #COR;
-webkit-transition-duration: .80s;
}

Não se esqueça que o nome do autor tem que estar exatamente como está no seu perfil, se seu nome conter símbolos espaços coloque exatamente como ele está mesmo se conter vários caracteres certo? Nos códigos do autor você pode editar o tamanho do avatar, as cores do fundo e por vários efeitos, vai da sua imaginação, ali nos códigos eu coloquei o avatar no lado direito, mas você pode mudar e por ele no lado esquerdo ok? Salvem e vejam se está tudo certinho, qualquer dúvida peçam na ask que irei ajudar ok?
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

6 comentários:

  1. Acho que eu sou a única pessoa que não está dando a miníma para o Pokemon Go, não posso negar que o jogo é legal, mas é muito sei lá. Toma o tempo demais e é bem desnecessário. Só observo esse povo no Brasil sendo tudo roubado.

    Esse tutorial é bastante legal. Eu não havia reparado no post-footer mas fica muito lindinho.

    Eleutheromania

    ResponderExcluir
  2. Eu ja refiz meu layout. Mais confesso que smo muito este tutorial. E a mack muito mais.

    ResponderExcluir
  3. ~ Demorei mais chegay!
    Oi Roh, como vai? Desculpa a demora, eu estava dando uma atenção para o meu blog. Lembra que eu disse que estava mudando o layout e mudando o nome/url? Essa parte foi fácil (tá, nem tão fácil assim, o lay ta com uns bug, eu tentei arrumar, não sei se resolveu completamente, mas acho que está ok - ou não), a parte difícil foi escrever o post, meodeus! Acho que estou com um baita bloqueio criativo, não é possível! Achei que aquele post não fosse sair nunca -_-' Mas deixa isso pra lá, a sofrência acabou... Mudei o layout, mudei o nome e publiquei o post. Amém! ~

    Menina, desculpa, mas eu tive que rir imaginando a cena de você com roupão correndo embaixo de chuva pra caçar pokémons! Hahahahaha
    Nossa, deixa eu aproveitar e deixar aqui meu pequeno desabafo... Vendo o povo falar sobre Pokémon Go está sendo uma tortura para mim... isso porque eu estou sem celular. Sério! Pode acreditar! Acho que eu sou a única pessoa na face da terra (exagero! -_-') que não tem um celular hahahaha Meu celular quebrou no começo desse ano e desde então não tive grana pra comprar outro, pois é! :// No dia que o Pokémon Go chegou aqui no BR, no twitter só tinha gente falando do jogo. Confesso, fiquei com invejinha. Eu queria tanto jogar T^T Mas me fala, como anda a "caçada"? Quantos pokémons você já capturou? *-*

    Poxa Roh, achei super legal da sua parte você estar disponibilizando os efeitos e materiais do seu próprio layout ♥. E fico ainda mais feliz por você ter disponibilizado logo esse. Desde o dia em que você mudou de layout eu venho namorando esse modelinho de autor e também o leia mais na mesma linha do título do post. E para a minha sorte e alegria, você disponibilizou os dois <3 Nem preciso dizer que vou tentar usar esses dois efeitos no meu próximo layout, né?

    Ah, vou dizer algo, espero que você não fique irritada, só estou tentando ajudar, tá? Não fique brava, por favor! No título do post você colocou "na mesma LINDA do post", acho que seria "linha', não? Por favor, não pense que eu sou aquelas pessoas chatas que ficam corrigindo as outras, mas é que como muitas pessoas acessam o seu blog, uma palavra errada pode dificultar para encontrar o tutorial, não? Seria uma pena se alguém não encontrar esse tuto lindo. De qualquer forma, espero que você não me ache uma chata, mas é que eu REALMENTE leio os seus posts inteirinhos, palavra por palavra, então... Não me odeie! ♥

    Enfim, adorei o tutorial, obrigada por disponibilizar!
    Kissus ♥

    ResponderExcluir
  4. E quando são dois autores, tem como fazer isso? :/ Amei o tuto, e gostaria mt de utiliza-lo <3 Alías, vc sabe como faz isso que esse blog fez no status? To tentanto achar como faz, mas sinceramente não lembro
    http://borboletarainbow.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Amor, está bem explicado aqui este tutorial, e quando é mais de um autor quando o autor for postar no seu blog irá aparecer a imagem que você escolheu para ele entende? e se você está falando do menu do status ele se chama wishlist, tenho alguns modelos aqui no meu blog e tem na internet também, é só dar uma procurada ;)

      Excluir
  5. sem querer esqueci de ler umas coisas, sou mo voada :3 achei que tem dois postadores, mas ainda tenho a duvida, quanto o status que tinha naquele blog :/

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017