Aviso da 1° Gincana + Maratona de Tutoriais Parte 2 - Personalize as categorias dos posts

Oi Brigadeiros De Coco *u*Hoje vou ensinar a como personalizar as categorias do blog com imagems, mas antes vou dar um aviso sobre a 1° gincana do concurso perfect Day : Para cumpri-la você tem até o dia 20/03. Bom agora vamos ao tutu ???
Exemplo de como vai ficar :(clique para ampliar)

Bom antes os créditos : http://trasshygirl.blogspot.com/
Agora vamos lá :Vá em Design > Editar HTML > Marque a caixinha : Expandir modelos de widgets > Dê CTRL + F e pesquise por :

</head>

E acima da tag pesquisada cole o seguinte código :

<script type='text/javascript'>function lebel_logo(etiqueta) {imagenes = new Array();imagenes[1] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqUvKay8PMZ5RKVxgc2K1vE_gQEmYipYIIbv8MIDfg_B_poLwSM4tx9a491Tp59CQSlgEfw83sItDHMWZO3UR1xgODck42yP76U_YpiJqSSsH7U_bjx0lEEClu0O4k3-iJ32RnJU14y6oa/s0/image.png'title='Image'/>&quot;imagenes[2] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtiTqscjDF32U5eDwbVSKyv80n8PZr3Q_raZFMevmzp4_9SQsujbBPSCdVqmHf_1B18JsnAow966-S0CyQGuAUPwlGw_92hoDk18249dIwLDCMWL06QA_Y4XABbQGsxk1iwqICeUiJFBf3/s0/video.png'title='Video'/>&quot;imagenes[3] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUgWA8L-IkVytzu6alTMxp28gEfibPCFYA4ZV04wN-jgquMNm8G2Xsd4uEUWouYlARnQKbA8zuwvg0OFcFJdYSTW3uxGx3q50xTpkq-zAWVUppjLxncQO2yeeje85Pqg8L8LTfSxGnCw6C/s0/audio.png'title='Music'/>&quot;imagenes[4] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcDQdF081vhFhVilNEY4xpb1uK1rmkcFxgDLJYudZfusHefwLSrgL2xn0Inv5y4sjfFhHCRteVBWeyiBiy46YN6utauNNVBJyTx7qZ5cxHhyphenhyphenbLCWNXorLPDuu9gcGpDmgDUaqtYa_1G69x/s0/quote.png'title='Quote'/>&quot;imagenes[5] = &quot;<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-kbyrdUUfaH8Zz3HWz5dPsdej57Ulx6Nkn2JT0oCYm2ISSU4If08YbmR8Pe5km8xORLcha_vvjA-C3WtrzOw3LVarOs8BkXQCip06595_tBDVBHYK9t3sGdboW4d8IqN6MFnzfFQpuuq/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: SongsMarcador para vídeo: VideoMarcador para citação: QuoteMarcador para imagem: ImageMarcador para texto: Blog

Agora para manter, continue em Editar Html, e pesquise por :

]]></b:skin>

E acima desta tag cole o código abaixo :

.format-icon{width:50px;height:50px;position:absolute;left:-70px;top:5px;display:block;}

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>

Espero ter ajudado, Bjoo ♥
.