Personalizar pie de foto en blogger

Hey babies! Siento que hace mil años que no traigo un tutorial, así que hoy traigo uno de esos para aprender, un poco más, a cómo enchular nuestro blog y es cómo podemos personalizar el pie de foto en blogger, porque el que viene por defecto es horrible, seamos sinceros XD.

Para ellos vamos a Tema > Personalizar > Editar HTML y buscamos ]]></b:skin> y encima pegamos el siguiente código:

td.tr-caption {
font-size:9px !important; /* tamaño de la fuente */
background-color: #ba90c6; /* color del fondo */
display: inline;
color: #ffffff; /* color de la fuente */
font-family: calibri, sans-serif !important; /* nombre de la fuente */
padding: 10px;
margin-top: -75px; /* distancia desde la parte superior de la imagen */
float: left; /* posicionamiento de la leyenda, cámbialo a la derecha si lo deseas */
position: relative;
margin-left: 10px;
margin-bottom: -20px; /* distancia desde la base de la imagen*/
line-height: 120%;
text-transform: uppercase; /* se puede cambiar a lowercase*/
letter-spacing: 1px; /* se puede poner a 0 o subirlo*/
}

td.tr-caption a:link, td.tr-caption a:visited {
color:#fff;
}

.tr-caption-container {
margin-left:8.5px;
}

.tr-caption-container img { margin-bottom:10px; 
}

Y como siempre, todo lo que está en negrita se puede personalizar.

Ahora para tener el pie de foto solo hay que seleccionar la imagen y darle a la siguiente opción: