Efeito "Preto e Branco" nas Imagens do Blog

 

Aloha! Tudo bem com vocês? ♥

Hoje trouxe-vos o meu primeiro tutorial com códigos HTML, espero que gostem! Vou ensinar-vos a colocar todas as imagens do vosso blog , de maneira automática, com  o efeito preto e branco que eu tenho aqui no blog (como podem ver na imagem acima: passem o mouse e... tchanam!).

Vou representar com setas (») os locais onde vão ter que clicar, pela respetiva ordem.

Prontos/as? :)

___________________♥__♥__♥___________________

 

Primeiro, vão ao código HTML do vosso blog (Barra Lateral » Modelo » Ao vivo no Blogue » Editar HTML) e cliquem numa linha qualquer. Depois, cliquem simultaneamente nas teclas CTRL e F - vai-vos abrir uma caixinha de pesquisa. Aí, digitem o seguinte código (caso não o consigam copiar, abram esta página, e copiem):

</b:skin>

 

Mal o encontrem, copiem o seguinte código (caso não o consigam copiar, abram esta página, e copiem):

.post-body img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */;
}
.post-body img:hover {
filter: none;
-webkit-filter: grayscale(0%);
} 

Depois de o copiarem, "colem-no" logo na linha acima (não é ao lado!!) do código que digitaram na caixa de pesquisa. Visualizem e, se não existirem erros no vosso blog, guardem.

Façam sempre o backup do vosso blog antes de fazerem qualquer alteração. Caso existam erros ao visualizar, não salvem: basta clicar em "Retroceder".

___________________♥__♥__♥___________________

 

Como fazer o Backup?

 Barra Lateral » Modelo » Efetuar Cópia de Segurança/Restaurar (no topo da página) » Transferir Modelo Completo 

E é isto, espero que tenham gostado! Se tiverem alguma dúvida, não exitem em colocar-ma nos comentários. Já agora, se não acompanhas o blog há algum tempo, ou desde o início, algumas das sugestões mais abaixo podem agradar-te! Diverte-te no meu blog ♥

Beijinhos, B♥