Como colocar una barrita de copy right en tu blog

14 de agosto de 2015


Hola mis queridos angelitos, en la entrada de hoy les traigo un sencillo tutorial de como colocar en la parte de abajo de su blog una barrita de copyright o en donde puedan escribir el texto que quieran. Pueden verlo en la imagen de ejemplo o en mi blog de pruebas

Paso 1 - 

Con ctrl + F busca </body> y coloca encima lo siguiente:

   <div id='copyright'>
      <center>
        <b>
          Gracias por pasarte por el blog♥ .. aquí debes insertar tu texto.
        </b>
      </center>
    </div>

Paso 2 - 

Pega encima de ]]></b:skin>  el siguiente código:

#copyright {
padding: 8px;
background-color: #fff /* Color del fondo */
background-image: url('url de tu imagen'); /* Imagen del fondo */ color: #222;   /* Color del texto */
margin-bottom: -2px;
font-family: Arial;  /* Tipo de fuente */
font-size: 8pt;  /* Tamaño de la fuente */
z-index: 1000;
}

Paso 3 -

Personaliza a tu gusto, les indiqué que cambia que con algunas etiquetas. 

Nota: si no quieres que tu barrita lleve una imagen de fondo y solo tenga un color debes borrar donde dice background-image: url('url de tu imagen'); 

Espero les haya servido el tutorial cualquier duda escríbeme a sol.pourcel@gmail.com