Mostrar apenas o título das postagens

 DEMO

Este pode ser um recurso bem interessante. Ele pode ser implementado tanto no Blogger novo quanto no antigo.

Vá até o HTML do blog, clique em "Expandir modelos de widget e procure pelo código:

Se o seu blog é o novo Blogger, clique em Expandir modelos de widget, e depois procure por:

<b:include data='post' name='post'/>


Agora substitua por este se quer sem os comentários.:

 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='post'/>
        <b:include data='post' name='comments'/>
      <b:else/><b:if cond='data:blog.pageType != "item"'>
         <span class='posth2'><a expr:href='data:post.url'> 
         <data:post.title/></a></span>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if></b:if>
 

ATENÇÃO: Se você quer deixar o número de comentários junto ao título o código então será esse:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<span class='numComments'><a expr:href='data:post.url'>
<data:post.numComments/></a>
</span>
<b:include data='post' name='post'/>
        <b:include data='post' name='comments'/>
      <b:else/><b:if cond='data:blog.pageType != "item"'>
         <span class='posth2'><a expr:href='data:post.url'> 
         <data:post.title/></a></span>
     <b:else/>
         <b:include data='post' name='post'/>
     </b:if></b:if>

Para personalizar os títulos

Procure por:

]]></b:skin>

E cole o código abaixo acima dele.

/* PostH2-----------------------------------------------*/
.posth2 a:link{
display:block;
font-size:24px;
border-left: 6px solid #000;
border-bottom:1px solid #808080;
color: #808080;
margin: 0 1px 1px 0;
padding: 4px 0 2px 6px;
}

.posth2 a:visited{
border-left: 6px solid #ccc;
color:#ccc;
border-bottom:1px solid #ccc;
margin-left:1px;
display:block;
}
.posth2 a:hover{
display:block;
border-left: 6px solid #cc0000;
color:#cc0000; /* letra preta */
border-bottom:1px solid #cc0000;/* borda preta */
}

Imagens de setinhas AQUI.
Código de cores AQUI




Clique agora em "Expandir modelos de widget" e procure pelo seguinte código:

<b:if cond='data:post.title'>

Cole então o código abaixo dele:

<span class='numComments'>
<a expr:href='data:post.url'>
<data:post.numComments/></a></span>

Para personalizar os comentários

/* Numcomments-----------------------------------------------*/
.numComments {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYiJ5XchP4bNDf1MA1guxCySoLDb14jLqkPzfBY3BKBJmBgh40Cmfv85_teXfbUVRxUI5eDJnsCQltXEVQsmzPiuaSdFdpyddCz7tTU10DJ3jgv-YsDGyOQcQXY5di7sH3O-N-6gY7xgBI/s320/comment.png) no-repeat bottom;/*balão azul*/
  float:right;
  padding: 1px 2px;
  font-size: 12px;/*tamanho do número*/
  width: 20px;
  height:16px;
  color: #fff;/*cor do número*/
}
.numComments a:link{
  margin: 13px 6px;
  color: #ffffff;
}
.numComments a:visited{
  margin: 13px 6px;
  color: #000000;
}
.numComments a:hover{
  margin: 13px 6px;
  color: #FAD62C;
}

Para personalizar a data, preste atenção pois tem dois modos. Um é colocando a data junto aos títulos e outra é colocando as datas acima dos títulos do mesmo dia. Veja as fotos com os exemplos.



Data junto aos títulos

Para que a data fique na mesma linha do título substitua o código abaixo:

h2.date-header {
  margin:1.5em 0 .5em;
  }

 Por este:

h2.date-header { float: right;text-align: right; margin: 1px 0 3px 0;padding: 5px 0px 0 0;}

Salve.

Agora clique em  "Expandir modelos de widget" e procure pelo seguinte código:


<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/></h2>
</b:if>

E substitua por:

<b:if cond='data:post.dateHeader'>
<script>var lastDate= '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(lastDate);</script>
</h2>
</b:if>

Salve e está pronto.

Data acima de todos os posts do mesmo dia.

Se você prefere  que a data fique acima de todas os posts do mesmo dia  basta substituir:

h2.date-header {
  margin:1.5em 0 .5em;
  }

Por:

.date-header {
margin:20px 0 3px 0;
padding: 3px 0 3px 4px;
color: #FF4040;/*cor da fonte*/
font-size: 10px; /*tamanho da fonte*/
background: #cccccc;/*cor de fundo*/
}

Vi essa dica no Ice Breaker