Código, Web y Blogs


Descargar plantilla photoshop limpia para foto de portada y perfil en páginas de Facebook

Un post más, este post es sencillo y para algunos podría llegar a ser "inservible" pero, nadie sabe con la flojera que otro vive, así que básicamente y para que lo sepas de una vez en este post descargarás una plantilla en blanco con las medidas puestas sin problema alguno para fotos de portada y perfil para las páginas que creemos o tengamos en Facebook. Además, de dictar las medidas que se usan en pixeles en estos casos.


¿Medidas en píxeles para fotos de perfil y portada en facebook páginas?

La respuesta es simple aclarando que esto es para páginas en Facebook

- Para fotos de perfil: En PC son de 160x160 píxeles, en smartphones son 128x128 píxeles y teléfonos básicos son 36x36 píxeles. es decir algo así:


- Para fotos de Portada:  (Relación ancho x alto)En PC son de 828 x 315 píxeles, en smartphone es de 640 x 360 píxeles. No se ve en teléfonos sencillos

Listo hasta ahí puedes crear tus diseños de perfil y portada,  


+ Descarga de plantillas vacías más abajo

 ¿No confías en las medidas aún viéndolas?

No te preocupes a continuación te damos la posiblidad de descargar todas las plantillas vacías-limpias para trabajar como quieras con cada medida aquí escrita en Photoshop:

Descarga plantilla PSD para fotos de perfil (CLICK AQUÍ)
Descarga plantilla PSD para fotos de portada (CLICK AQUÍ)
Descarga todas las plantillas perfil y portada en uno sólo (CLICK AQUÍ)    

El archivo que bajas está comprimido viene nombrado con el tamaño de las medidas en píxeles, Ej: "portada828x315.psd" y así con los demás. 

Es todo en este post espero les guste sencillo pero útil,

Hasta la próxima,  


Como centrar cabecera, header o logo en blog de blogger

Muchos de nosotros al tener nuestro blog por algún motivo hemos querido centrar un logo o todo el contenido de cabecera en Blogger, la búsqueda de ello puede hacer tediosa si no se sabe bien como se hace, pero, hoy en Bloggin Red te explicaré como lograrlo en unos breves pasos.


Muy bien vamos a lo que vamos:

EL TUTORIAL 

1. Lo primero será ir a nuestro escritorio Blogger luego, Plantilla > Editar HTML.

2. Presionamos (ctrl + f) y buscamos ]]></b:skin>.

3. Justo encima de lo que buscamos pegaremos el siguiente código:
.header .widget {
 text-align:center;}
.header img {margin:0 auto;}
Y listo con este sencillo paso a paso hemos logrado el objetivo de centrar nuestra cabecera en nuestro de blog de blogger.

Si tienes dudas puedes comentar, no olvides que puedes seguir el blog en redes sociales.

Es todo hasta la próxima,

ESTAMOS EN: