Como quitar el gadget de atribución con la tecnología de Blogger.

Seguro que esta pantalla es muy familiar para ti y alguna vez te has planteado quitar la Atribución con la Tecnología de Blogger pero al final no has encontrado el botón eliminar por ningún lado. Hoy te voy a enseñar dos manera de quitar este molesto gadget.


Antes de explicaros estos dos métodos como siempre no te olvides de guardar una copia de vuestra plantilla.

● Primer método

Para la primera forma, debemos ir a la plantilla y buscar (CTRL+F):

</head>

Y copiar justo encima este código:

 <style>
#Attribution1 {
display: none;
}
</style>

Guardar plantilla y listo, adios gadget, solo te queda refrescar tu blog o pulsar F5.

● Segundo método

Para hacerlo a través del segundo método tenemos que buscar (CTRL+F):

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Hay que sustituir 'true' por 'false' y guardar la plantilla.

Despues tenemos que buscar la siguiente linea de código:

<b:section class='foot' id='footer-3' showaddelement='no'>

Hay que sustituir 'no' por 'yes' y guardar la plantilla.

Ahora tenemos que entrar en el gadget de atribución desde Diseño y ahora si que nos aparecerá el boton "Eliminar" y ya podremos quitar definitivamente la Atribución de Blogger.

Como fijar automaticamente el tamaño de las imagenes de tu blog.

Hola, ya estoy de vuelta!!

En este primer post del 2015 quiero traeros un nuevo Tutorial de Html, para que luego digan que no empezamos el año con ganas. Quiero enseñaros como podéis fijar automáticamente el tamaño de imágenes que subáis a vuestro blog, sin tener que preocuparos de redimensionarlas antes de subirlas.

(*)Pero como todo en la vida este tutorial tiene sus pros y sus contras. Primero os cuento como lo vamos hacer y después las cosas que debéis tener en cuenta antes de aplicarlo ya que considero que no es valido para todos los blogs.


Antes de nada hacemos una copia de seguridad de nuestra plantilla, y entramos en Plantilla => Editar HTML, una vez ahí buscamos:

]]></b:skin>

Y justo encima pegamos este código:

/* Tamaño de Imágenes Automático */

.post-body img {

max-width: 100%;

max-height: auto;

display: block;

margin: auto;

box-shadow: none;

 border: none;

padding: 0px;

 }

Max-width,  Es el elemento clave que debemos tener en cuenta a la hora de configurar el ancho que queremos que tengan nuestras imágenes. Si queremos que nuestras imágenes ocupen todo el ancho del espacio del post lo dejaremos a 100%, o si queremos que se configuren a una medida fija como por ejemplo a 600px, sustituiremos el 100%  por 600px.

Consideraciones a tener en cuenta antes de automatizar el tamaño de nuestras imágenes.

● Cuando establecemos un ancho fijo para todas las imágenes eso significa que afectara tanto a imágenes Horizontales como a Verticales. Por lo que creo que mas recomendable cuando las imágenes de nuestro blog son horizontales ya que visualmente queda mas bonito.

● También hay que tener en cuenta que si nuestro tamaño fijo es de 600px debemos subir imágenes de un tamaño superior para que se reduzcan al tamaño que hemos fijado. Ya que si subimos imágenes de un tamaño menor que 600px , las imagenes se quedaran con el tamaño original con la que las hemos subido y no se adaptara al tamaño fijado.

● Y por ultimo para que las imágenes tomen la medida automática que previamente hemos fijado debe seleccionar "Tamaño Original".