Pasos a seguir
- Ve hacia Vista General > Plantilla
- Haz copia de seguridad de la plantilla
- Pulsa "Editar HTML"
- Busca "]]></b:skin>"
- Añade el siguiente código justo encima de "]]></b:skin>"
.ss, .noborderdv img{ box-shadow: hnone !important; padding: 0px !important; border: 0px !important; }
Ahora, cada vez que quieras que una imagen no muestre el borde, desde el editor html, busca la imagen; si la has incrustado utilizando el redactor de Blogger, probablemente encontrarás algo similar a esto:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s1600/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s320/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" width="226" /></a>
Si queremos que la imagen a la que representa este código no salga ni con borde ni con sombras, simplemete hemos de añadir al pincipio, entre "<a" y "href=", "class="noborderdv" dejando el código así.
<a class="noborderdv" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s1600/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6NjCIglSlBFIO2mrGa10gdCb7NxjVM8FlVDeU-Bjq7IGMrRzLSXq5YHKgP5X3-bGhA3mKkXgpFOCofirLlZC2Ol4zUbRirJ0a6my77X7fgr7_QP5Z5LjroqsZGs4L-ciApyiMyeQtLZ4/s320/1962+Big+Campbell%2527s+Soup+Can%252C+19+cent.jpg" width="226" /></a>
No hay comentarios:
Publicar un comentario