11.5.10

Personalizar firma en las entradas de Blogger


Para poner la firma personalizada en las entradas de nuestro blog podemos utilizar uno de los dos métodos que se explican a continuación:


Primer método

Una herramienta muy adecuada está en: mylivesignature.com. Una vez hayamos ingresado y, ante el menú que se nos presenta, seguimos los siguientes pasos:

  1. Pinchamos en Create Signature.

  2. Step 1. Enter the name: Escribimos el nombre en el recuadro y pinchamos en Next Step.

  3. Se nos presentará un menú con 120 fuentes diferentes para la firma. Marcamos la opción de la fuente que escojamos y pinchamos en Next Step.

  4. El menú que aparece ahora corresponde al tamaño de la firma. Marcamos el que escojamos y pinchamos en Next Step.

  5. Aquí debemos escoger el color de los caracteres de la firma, y el color del fondo de la misma:
    • Click to change the background color : Esta opción nos indica que al hacer click en el recuadro podremos cambiar el color del fondo de la firma. Lo aconsejable es dejar en blanco el recuadro y habilitar la opción Trasnparent, de esta manera, al poner fondo transparente, el fondo de la firma será el mismo del blog. Si queremos darle color diferente inhabilitamos Transparent y ponemos en el recuadro el color que deseemos.

    • Click to change the the text color : Esta opción nos indica que al hecer click sobre el recuadro podemos poner el código del color que tendrán los caracteres de la firma.

    • NOTE: If the preview isn't refreshing : Esta opción nos indica que si no aparce la vista previa de la firma con los cambios introducidos, tendremos que hacer click en click here para que eso ocurra. Si decidimos que la firma debe quedar ásí, hacemos click en Next step.

  6. En este paso, el quinto, escogemos el grado de inclinación para la firma, lo marcamos y pasamos al siguiente paso.

  7. Aquí se nos dan tres opciones. Para no complicarnos escogemos la tercera: Want to use this signature?, haciendo click sobre la misma.

  8. En la nueva ventana aparece la firma y dos enlaces; hacemos click sobre el primero (Generate HTML code).

  9. De las dos opciones que se nos ofrecen escogemos la primera (Generate e code for my hand written signature), pichamos sobre él y obtendremos el código de la firma:

<a href="http://www.mylivesignature.com" target="_blank"><img src="Dirección de la imagen"></a>

Read more: Dirección de la imagen, el código y otros datos.

  • Vamos a Edición de HTML:

    Página principal ► Diseño ► Plantilla ► Edición de HTML ► Expandir plantillas de artilugios

    • En las plantillas antiguas localizamos el siguiente segmento de código:

        <div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'>
          <span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
             <span class='fn'><data:post.author/></span>

    • En las plantillas nuevas localizamos el siguiente segmento de código (si lo encontramos dos veces tenemos en cuenta el segundo):

              <div class='post-footer'>
                <div class='post-footer-line post-footer-line-1'>
                  <span class='post-author vcard'>
                    <b:if cond='data:top.showAuthor'>
                      <b:if cond='data:post.authorProfileUrl'>
                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                          <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                          <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                            <span itemprop='name'><data:post.author/></span>

  • Reemplazamos la parte del código de la plantilla, resaltada en rojo, por la parte del código de la firma resaltada en rojo, que es la dirección de la imagen de la firma.

  • Por último: Vista previa y Guardar plantilla.

     

    Segundo método

    Para aplicar este médtodo es necesario que, para la creación de las entradas, utilicemos la Edición HTML, y no la Edición de Texto WYSIWYG (Redactar).
    1. vamos a:

      Página principal ► Diseño ► Configuración ► Entradas y comentarios ► Plantilla de entrada ► Añadir:


    2. Pegamos la dirección de la imagen de la firma, indicada en el método anterior.

    3. Guardamos configuración.
    Cada vez que creemos una entrada con el Editor de HTML, como se anotó en la aclaración, aparecerá la dirección de la imagen. Escribimos detrás de dicha dirección, para que la firma nos quede al final de la entrada. Si no queremos que quede la firma, sencillamente borramos la dirección.

    Es de anotar que con este método, además de la firma quedará más abajo, en el pie de la entrada, el nombre que nos es dado por defecto. Si no queremos que esto ocurra, sino que nos quede únicamente la firma, vamos a la plantilla y eliminamos la línea <data:post.author/> de la sección de código que se indicó en el método anterior.

  • Índice Edición HTML
    Poner imagen de fondo a un blog Cambiar enlaces pie de página
    Eliminar enlaces pie de página Eliminar 'Publicado por'
    Eliminar fechas Eliminar la hora
    Efecto subrayar links Eliminar barra superior
    Evitar copias de blogs Ocultar o eliminar sidebar
    Eliminar y reemplazar cabecera Ícono para barra de direcciones
    Centrar títulos posts Ensanchar blog
    Cambiar color fondo posts Color fondo sidebar
    Agregar una sidebar Color fondo de comentarios
    Personalizar firma pie de posts Personalizar fechas de los posts
    Diseñador de plantillas de Blogger Crear página de inicio o Portada
    Eliminar enlaces a autores de plantillas Cambiar de sitio la sidebar
    Centrar imagen de la cebecera

    9 comentarios :

    ▼▲ Ocultar / Mostrar comentarios
    Comentario escrito por Luzmila #

    Discúlpame, soy novata en esto. ¿Me puedes explicar lo utilizar Edición HTML, y no la Edición de Texto WYSIWYG?
    Gracias.

    Comentario escrito por Pedro Pablo Pachón : #

    Luzmila:
    Cuando vas a crear una entrada aparecen dos opciones: Edición HTML y Redactar. Debes escribir el texto en la primera (Edición HTML).
    Saludos.

    Comentario escrito por Patricia : #

    Me ha servido de mucha utilidad su blog.

    Gracias.

    Saludos.

    Comentario escrito por Pedro Pablo Pachón : #

    Patricia:
    Qué bueno que el contenido de este blog sea útil para usted. Gracias por su comentario.

    Saludos.

    Comentario escrito por Anónimo #

    Gracias por la ayuda, ya cree mi firma, pero no se como editar la plantilla para eliminar mi nombre que nos es dado por defecto.

    Pienso utilizar ya solo esta firma en las entradas.

    En la ayuda que pones dice que se elimine la línea de la sección de código que se indicó en el método anterior.

    Pero no he podido hacerlo.

    Gracias por tu ayuda, excelente blog.

    Comentario escrito por Pedro Pablo Pachón : #

    Emma: Pasra editar la plantilla vas a Edición de HTML, activas la opción Expandir plantillas de artilugios y localizas el siguiente código:

        <div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <data:top.authorLabel/>
              <span class='fn'><data:post.author/></span>

    Si quieres eliminar del pie de las entradas: Publicado por, borras del código:

    <data:top.authorLabel/>

    y si quieres eliminar del pie de las entradas Emma, borras del código:

    <span class='fn'><data:post.author/></span>

    Si también quieres eliminar la hora ve a este tutorial:

    http://bloguermast.blogspot.com/2009/12/eliminar-la-hora-en-blogger.html

    Me cuentas si te funcionó.

    Saludos.

    Comentario escrito por Pedro Pablo Pachón : #

    Emma: Antes de Guardar plantilla haz Vista previa para asegurarte de que has hecho lo correcto, así si te equivocas puedes borrar los cambios y rectificar. Aunque estoy seguro de que harás exactamente lo indicado.

    Hasta pronto.

    Comentario escrito por Anónimo #

    Hola Castorlux: Muchas gracias por tu ayuda, pero soy nueva en esto, por favor no te vayas a desesperar conmigo.
    ¿La plantilla de que menú la edito?
    Porque del Menú:
    -Configuración
    -Formato
    -Plantilla de entrada

    No me da esa esa opción que me mencionas.

    Gracias de nuevo por tu paciencia.
    Saludos.

    Comentario escrito por Anónimo #

    Castorlux: Gracias, ya encontré la plantilla, te aviso cuando haya quedado.
    Mil gracias por tu ayuda.
    Saludos.

    Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

    El autor.