Faça um backup do template antes.
Vamos lá.
Faça login no blogger.
Clique em design/editar html.
De um ctrl+f e procure por ]]></b:skin>
Vc vai colar o código abaixo antes desse código
Agora a segunda parte e mais enjoada
o segundo código deve ser colado antes do código do rodapé do blog!!
no meu blog o código é esse <div class='rodape'>
cole o código abaixo acima do código do rodapé
Clique em design/editar html.
De um ctrl+f e procure por ]]></b:skin>
Vc vai colar o código abaixo antes desse código
#banner-xat{
width:125px;
height:125px;
margin-top:220px;
float:right;
margin-right:23px;
border:0;
}
.xat-xdesigner {background:url(http://i.imgur.com/kQPAv.png) no-repeat;width:650px;height:400px;clear:both;margin:0 0 30px 100px;padding:20px 0 0 0;}
.xat-xdesigner embed{width:435px;height:341px;overflow:hidden;margin-top:10px;margin-left:-1px;margin-right:-4px;}
.xat-xdesigner h2{width:0px !important;;height:0px !important;;overflow:hidden !important;;}
Agora a segunda parte e mais enjoada
o segundo código deve ser colado antes do código do rodapé do blog!!
no meu blog o código é esse <div class='rodape'>
cole o código abaixo acima do código do rodapé
<center>
<div class='xat-xdesigner'>
<embed align='middle' allowscriptaccess='sameDomain' flashvars='id=154777308' height='290' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='375'/>
<div id='banner-xat'>
<a href='http://downspluss.blogspot.com' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeoDhgrwSzPamco5J5_eJa_sGOgcsUZonErBKZ2i13mDj-JWDqK0cTeeU9xKDRL20wnqD56YoMJv8-tTNHIBNbp4staE4M2T_jpbvQRUMSXK3DmdXdlHwZsc5Jr7PPCkX8XJnHaui8bf4/s1600/125X125.gif'/></a>
</div>
</div>
</center>
Primeiro vá no HTML do seu blog e clique em Expandir modelos de widgets
Depois da um Ctrl+f e procure por:<b:if cond='data:post.title'> Cole em cima dessa tag esse codigo a baixo:
<b:if cond='data:post.author == "Nome do Postador"'><img alt='Link do avatar' height='altura' src='link da imagem do avatar' width='largura' style="float:left;margin:0 5px 5px 0" /></b:if>
Nome do postador: vc coloca seu nome(Tem que ser o nome exato)
Link do avatar:Vc coloca o seu avatar
Para fazer uns ajustes vc procura esse codigo abaixo
style="float:left;margin:0 5px 5px 0" /></b:if>
Em left vc escolhe se quer que o avatar fique do lado esquerdo ou direito.
Caso vc tenha mais de uma pessoa na equipe basta adicionar o codigo conforme a sua necessidade.
Qualquer duvida é só comentar!!!
Assinar:
Postagens (Atom)