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

5 comentarios:

  1. ¡Qué bello blog tienes! Gracias por la información, saludos y bendiciones c:

    ResponderEliminar
  2. Gracias por el tutorial, en serio lo necesitaba, bonito blog ¡Saludos!
    PD: Soy nuevo en la Iniciativa Blos Asociados, ya te sigo, te espero por mi blog ;)

    ResponderEliminar
  3. Hola!
    Super chevere el tutorial.
    Gracias por compartirlo.
    Besos

    ResponderEliminar
  4. ¡Muchas gracias por el tutorial, fue de mucha ayuda!
    Me encanta tu blog, es diseño es bellisimo <33
    Me quedo por acá, ya te sigo <3
    ¡un beso!

    ResponderEliminar
Muchas gracias por dedicarle tu tiempo a mi blog! Espero que la entrada te haya gustado y no dudes en dejar tu opinión en un comentario ♥ (Por favor no dejes spam)