Outra forma de autor n/posts

Bom dia aqui eu trazendo mais um exemplo,partilha de outra forma colocár nome e foto autôr blog.
 Como pode visualizar a imagem acima esse é resultado .
Mas pode visualizár online: ENTRE AQUI!!

Antes de tudo faça 1 cópia do seu template...

Vamos entrar em modelo/html e procure este trecho``

<b:includable id='post' var='post'>...</b:includable>

Agora que encontro click na setinha e expanda e acima de post footer pode colocar meu código``

  <b:if cond='data:blog.pageType == "item"'><style>
  .bio-boxbt {background:#000 url()
  repeat  left;color:#fcfcfc;font:normal 12px Arial Black;text-shadow:5px 5px 5px #e9fa6c;
  margin:5px;padding:0px;border:solid 2px #e9fa6c;
-moz-border-radius-top-left:5px;
-moz-border-radius-bottom-left:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
height:20px ;width:120px;
float:right;
}
.bio-boxbt p {margin:0;padding:0;}
.bio-boxbt img {background:#372F2F;float:right;margin:-20px;padding:4px;border:2px solid #444;border-radius:150%;}
</style>
<div class='bio-boxbt'>
<p><img alt='best-tuga' height='50' src='http://lh5.ggpht.com/-nRL6BAErU2I/UhDmtNkIvKI/AAAAAAAAMjQ/Vh_7j_fEp6Q/perfil-autor-blogger-130%25255B5%25255D.png?imgmax=800' title='best-tuga' width='50'/><span style='color: #fff;
text-shadow:0px 4px 2px #e9fa6c;
'><b><u>BEST-TUGA</u></b>
</span> </p></div>
</b:if>                         

Feito isso salve e visualize ...

Nota agora vamos entender o código e faça suas alterações...

• float:right; fica ao lado direito
• height:20px ;width:120px; altura e largura onde fica texto
• background:#000 url() côr e url fundo texto
• color:#fcfcfc;font:normal 12px Arial Black; côr fonte e tamanho texto
• http://lh5.ggpht.com/-nRL6BAErU2I/UhDmtNkIvKI/AAAAAAAAMjQ/Vh_7j_fEp6Q/perfil-autor-blogger-130%25255B5%25255D.png?imgmax=800:troque pela s imagem
• <u>BEST-TUGA</u> : troque pelo s nome/nick

Foi isto trouxe de momento nada de mais mas pode personalizár.
Até uma próxima.

Outra forma de autor n/posts

► 1

► dicas vários

► Cartita