Fala galerinha! Hoje vou estar mostrando a vocês como colocar Box com Biografia do Autor e Redes Sociais no Blogger.
Chega de enrolação e vamos ao tutorial.
Primeiro,abra seu painel do Blogger,modelo e clique em Editar HTML. Agora de um CTRL + F e procure por:
Feito isso,cole o código a seguir acima da TAG pesquisada.
E para finalizar o código HTML. Clique em "Expandir modelos de Widgets" e de um CTRL + F novamente,mas dessa vez procure pela DIV:
Logo após ter executado este passo,cole o seguinte código abaixo da DIV anteiror:
<b:if cond='data:post.author == "NOME-DO-AUTOR"'>
<div class='autorbox'>
<div class='autoravatar'>
<img alt='NOME-DO-AUTOR' src='URL-DA-IMAGEM'/>
</div>
<div class='autorcontent'>
<div class='autorhead'>
<h3><a href='AUTOR-LINK'>NOME DO AUTOR</a></h3>
<ul class='autorsocial'>
<li><a class='autorFacebook' href='FACEBOOK-LINK' target='_blank' title='Facebook'>Facebook</a></li>
<li><a class='autorGooglePlus' href='GOOGLEPLUS-LINK' target='_blank' title='GooglePlus'>GooglePlus</a></li>
<li><a class='autorTwitter' href='TWITTER-LINK' target='_blank' title='Twitter'>Twitter</a></li>
<li><a class='autorLinkedin' href='LINKEDIN-LINK' target='_blank' title='Linkedin'>Linkedin</a></li>
</ul>
</div>
<p class='bio'>Coloque aqui o texto que você deseja usar para descrever o autor. Recomendo que não tenha mais que 2 linhas.
<br/><a href='LINK'>Leia Mais sobre o autor</a></p>
</div>
</div>
</b:if>
</b:if>
OBS: O Nome do Autor deve ser colocado igualzinho ao seu nome no Blogger!
OBS 2: Caso apareçam duas DIV's <div class='post-footer'> cole o código abaixo de ambas! Só isso! Simples né? Gostou então comenta!
Muito bom cara. Que avatar feio mano. kkkkkkkkkkkkkkk
ResponderExcluirkkkk achei meu avatar engraçado,por isso coloquei! Admite ulqui é engraçado kkk!
ResponderExcluirMano dá medo. kkkkkkkkkk
ResponderExcluirkkkkkk,eu tenho um irmão (só tenho ele) de 6 anos,vai fazer 7 em abril e ele assisti um desenho q tem esse carinha do meu avatar,passa de madrugada na nick se eu nao me engano!É de humor eu acho
ResponderExcluir