Colocar nome do autor e data abaixo do titulo do post
Autor: Robson | Publicado: 2011-08-23T11:45:00-03:00

Neste tutorial ensinarei como colocar o nome do autor e a data abaixo do titulo do post , o que torna mais fácil aos leitores saber por quem e quando o artigo foi escrito logo no início das postagens. Acompanhe!

Tutorial

Acesse o painel do blogger.
Vá em Design / Editar HTML e marque a opção Expandir modelos de widgets.
Utilizando as teclas CTRL+F procure pelo seguinte trecho:

Modelos novos do Blogger

&lt;!-- quickedit pencil --&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:include data='post' name='postQuickEdit'/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/span&gt; &lt;span class='post-author vcard'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:top.showAuthor'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;data:top.authorLabel/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class='fn'&gt;&lt;data:post.author/&gt;&lt;/span&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/span&gt;
ou em Modelos antigos do Blogger

&lt;span class='post-author vcard'&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:top.showAuthor'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;data:top.authorLabel/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class='fn'&gt;&lt;data:post.author/&gt;&lt;/span&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/span&gt;
Selecione e apague todo o trecho em vermelho. Salve o modelo!

Novamente vá em Editar HTML, clique em Expandir modelos de widgets e procure pelo trecho:

Modelos novos do Blogger

&lt;b:if cond='data:post.isDateStart'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &amp;lt;div class=&amp;quot;date-outer&amp;quot;&amp;gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:post.dateHeader'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2 class='date-header'&gt;&lt;span&gt;&lt;data:post.dateHeader/&gt;&lt;/span&gt;&lt;/h2&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;
ou em Modelos antigos do Blogger

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:post.dateHeader'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2 class='date-header'&gt;&lt;span&gt;&lt;data:post.dateHeader/&gt;&lt;/span&gt;&lt;/h2&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;
Selecione e apague o trecho destacado em vermelho. Salve o modelo novamente!

No ultimo passo, ainda na opção Editar HTML marque a opção Expandir modelos de widgets e procure pelo trecho:

&nbsp;&nbsp;&nbsp; &lt;div class='post-header'&gt;
&nbsp;&nbsp;&nbsp; &lt;div class='post-header-line-1'/&gt;
&nbsp;&nbsp;&nbsp; &lt;/div&gt;

&nbsp;&nbsp;&nbsp; &lt;div class='post-body entry-content' expr:id='&amp;quot;post-body-&amp;quot; + data:post.id'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;data:post.body/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div style='clear: both;'/&gt; &lt;!-- clear for photos floats --&gt;
&nbsp;&nbsp;&nbsp; &lt;/div&gt;

&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:post.hasJumpLink'&gt;
Logo abaixo da seguinte linha...

&nbsp;&nbsp; &lt;div class='post-header'&gt;
Cole todo este código:

&lt;!--Autor e data--&gt;
&lt;div style='display:inline;width:auto;color:#999;font:normal 10px Arial;'&gt;
&lt;span class='post-author vcard'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;b:if cond='data:top.showAuthor'&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;data:top.authorLabel/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class='fn'&gt;&lt;data:post.author/&gt;&lt;/span&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/span&gt; 
&lt;b:if cond='data:post.dateHeader'&gt;- 
&lt;data:post.dateHeader/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/b:if&gt;
&lt;/div&gt;&lt;p/&gt;
&lt;!--Fim --&gt;
Salve o modelo e pronto!