fica muito bonito e super original né? Créditos ao Pink Skull Design... Então vamos aprender! Exemplo:



Estão vendo do lado do post? Uma imagem com fundinho cinza e um ícone no meio? É isso que vamos fazer, sem mas enrolação:

Passo 1 - Clique em Expandir modelos de widgets e cole o código a seguir antes de </head>
<script type='text/javascript'>
function lebel_logo(etiqueta) {
imagenes = new Array();
imagenes[1] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiG37WTlrPUn8FpcULybrw3USpvr03SlPaKzpOXQIXBwYaMoP7Ac2i0HS0QtAMVHTQv1pwylzoSdOCLEdxZSzE0oz3OpJ3iSsc6JxSQd-mPQch_KfPXi75rsOD088ziA8c1Gppsh4RDdRt/s0/image.png'
title='Image'/>&quot;
imagenes[2] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcI3FC7I4xPg6QFVrEgRenQdmLBcOGjXv5Rp0p0wmVpo0mEKDbAh5nL39q9qiCi1XNfHZ_Mov1oX_qXYqqX57IbWXqCrVDmZzQpMe2UlgNZhA9nOXnB3MQdHPRJ41DPJeZnOydtRKxDqtV/s0/video.png'
title='Video'/>&quot;
imagenes[3] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_0B8uoX2Bmx3LgGX9b4DClDvAzc-ePL4PC56RbL55TgiTIkEMe0nXrC6XWrryAKFnEc2jCu15PjlE8TSiPPH1mZgh7En0svZG4mvNwmw_pIhy_Pj9aJYdGEB447H6g4Cej2gk-hhc09C/s0/audio.png'
title='Music'/>&quot;
imagenes[4] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSKKGWnFrx29jNuFtdNboqHFHn3_d3nyAq9BoEwdRSCiAUp4UyzFtt3vooYrEZYMnErqigpO90LgTtgdDdXOavxHmgcvU1QLxDfTEtpKAbPdWSiy9aSXEXw-0LZ2rsq2cisuveFeo_EpdM/s0/quote.png'
title='Quote'/>&quot;
imagenes[5] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrE5iXuwEUlRBtQf3c77lc9z63vgwkjVYjFw3cHImdwwO-_2uFvCxA0uo3QHhTSi3RZteEID8NAXiZX_-gafxukVcQ5gslZ8K6vDhDIFCd7JcJGQ0YX0Hu80AtBwax1CoaQX5Yy346PcaP/s0/aside.png'
title='Blog'/>&quot;
if (etiqueta == &quot;Image&quot;)
{document.write(imagenes[1]);}
if (etiqueta == &quot;Video&quot;)
{document.write(imagenes[2]);}
if (etiqueta == &quot;Music&quot;)
{document.write(imagenes[3]);}
if (etiqueta == &quot;Quote&quot;)
{document.write(imagenes[4]);}
if (etiqueta == &quot;Blog&quot;)
{document.write(imagenes[5]);}
}
</script>
As categorias do código acima são divididas em:

Marcador para música: Songs
Marcador para vídeo: Video
Marcador para citação: Quote
Marcador para imagem: Image
Marcador para texto: Blog

Podendo mudar os nomes no código acima... Então na hora de postar é só usar o marcador que deseja.

Passo 2 - Antes de ]]></b:skin> cole o código a seguir
.format-icon{
width:50px;
height:50px;
position:absolute;
left:-70px;
top:5px;
display:block;
}

Passo 3 - Agora procure por <div class='post-header'> e acima dele cole o código a seguir:

<b:loop values='data:post.labels' var='label'>
<a class='format-icon' expr:href='data:label.url' rel='tag'>
<script type='text/javascript'>lebel_logo(&quot;<data:label.name/>&quot;);</script>
</a>
</b:loop>
Então é isso, não é tão fácil como os outros mas a maioria consegue... Créditos ao Pink Skull Design Dúvidas? Só comentar...