Mostrar como citar tu publicación en Blogger a los lectores

Por
En este artículo encontraras como elaborar una cita en tus entradas individuales de forma automática para que tus lectores puedan agregarla a sus investigaciones o tareas estudiantiles.

  Contenido

 

1. Introducción


Muchas ocasiones nos hemos encontrado artículos de interés que han sido copiados sin hacer edición alguna o no citan la fuente en donde encontraron dicha información. Esto sucede y no es regla general por el hecho de que muchas personas no saben citar la fuente y por no querer buscar como se hace una referencia.
 
Imagen 1 de StartupStockPhotos en Pixabay
Editada por Aarón Mendoza

2. Código HTML para Blogger


La siguiente estructura está basada en el Formato APA [1, 2] para referencias y citas en códigos HTML para la lectura en las plantillas en Blogger [3]. Tutorial probado en la plantilla Emporio. 

Vamos a Tema, Editar HTML y buscamos la siguiente línea (Esto puede variar dependiendo la plantilla que utilices):

<div class='post-footer'>
    <b:include name='footerBylines'/>
    <b:include data='post' name='postFooterAuthorProfile'/>

Debajo de este código se encuentran las opciones de compartir, obtener enlace, etiquetas, ubicación entre otras cosas. Ahí colocaremos el siguiente código como mejor nos convenga, además podemos ordenar los datos ahí encontrados en el pie de página:

Código 1

<!-- Referencias en Blogger -->
               
<div class='dataReference'><div class='citar'>
<p><img src='URL de la Imagen'/> COMO CITAR ESTE ARTÍCULO:</p>
<data:post.author.name/> (<b:eval expr='format(data:post.lastUpdated, &quot;YYYY, MMMM dd&quot;)'/>). <data:post.title/>
  <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.name in [&quot;Seminario Blogger&quot;,&quot;Video&quot;,&quot;Fotografía&quot;,&quot;Archivo PDF&quot;,&quot;Podcast&quot;,&quot;Audio&quot;,&quot;Ilustración&quot;,&quot;Artículo Periodístico&quot;]'>
      [<data:label.name/>].
      <b:if cond='data:label.isLast != &quot;true&quot;'/>
    </b:if>
  </b:loop>
   <i><data:blog.title/>.</i> Recuperado el <script type='text/javascript'> var meses = new Array (&quot;enero&quot;,&quot;febrero&quot;,&quot;marzo&quot;,&quot;abril&quot;,&quot;mayo&quot;,&quot;junio&quot;,&quot;julio&quot;,&quot;agosto&quot;,&quot;septiembre&quot;,&quot;octubre&quot;,&quot;noviembre&quot;,&quot;diciembre&quot;); var f=new Date(); document.write(f.getDate() + &quot; de &quot; + meses[f.getMonth()] + &quot; de &quot; + f.getFullYear()); </script> en <data:post.url/>

<p><img src='URL de la Imagen'/> CITA ENTRE PARÉNTESIS: <span class='dataReference-2'>(Mendoza, <b:eval expr='format(data:post.date, &quot;YYYY&quot;)'/>)</span></p>

<p><img src='URL de la Imagen'/> CITA NARRATIVA: <span class='dataReference-2'>Mendoza (<b:eval expr='format(data:post.date, &quot;YYYY&quot;)'/>)</span></p>
</div></div>

<!-- Termina Referencias en Blogger -->

2.1 Estilos CSS


Como siguiente punto a realizar, vamos a personalizar la zona de las citas de tu post. Nos vamos a Tema, Editar HTML y antes de ]]></b:skin>  pegamos lo siguiente:

Código 2

/* Referencias en Blogger */

.dataReference { /* Contenedor General */
background-color: #D7DBDD;
font-family: courier;
padding: 2px 5px 5px 5px;
margin-left: auto !important;
margin-right: auto !important;
}
.dataReference .citar { /* Estilos de la Fuente de Letra */
font-size: 14px;
color: #000;
}
.dataReference .citar p { /* Títulos */
font-weight: bold;
text-transform: uppercase;
}
.dataReference .citar img { /* Imagen */
height: 18px;
width: 18px;
}
.dataReference-2 { /* Parentesis y Narrativa */
font-weight: normal !important;
}

/* Termina Referencias en Blogger */

Imagen 2. Resultado del Tutorial

2.2 Estructura del Código 1 [3, 4]

Lo que esta de color rojo del código 1 puedes modificarlo según los criterios de tu blog.

<data:post.author.name/>
Muestra el nombre puesto en el perfil de Blogger, se recomienda usar una para todos tus documentos como si fuera una firma y ser inmediatamente identificado.

<img src='URL de la Imagen'/>
Aquí pondrás el vinculo del icono que deseas mostrar, yo el icono que muestro es el de un foco.

<data:post.lastUpdated/>
Muestra la ultima fecha en la que actualizaste o modificaste un post. También podemos encontrar lo siguiente <data:post.date/> este dato muestra la fecha de creación del post.

<data:post.title/>
Titulo del Post

[&quot;Video&quot;,&quot;Fotografía&quot;,&quot;Archivo PDF&quot;,&quot;Podcast&quot;,&quot;Audio&quot;,&quot;Ilustración&quot;,&quot;Artículo Periodístico&quot;]
Aquí se define que tipo de publicación es, este código [5] lo que hace es omitir las etiquetas que no especificas aquí y solo mostrara la etiqueta que coincida con esta lista. Ten en cuenta que si tu blog tiene muchas etiquetas, proporciona al menos una que especifique tu publicación:

  • Video
  • Conferencia
  • Podcast
  • Audio
  • Fotografía
  • Ilustración
  • Publicación en un blog
  • Publicación en un sitio web
  • Entre otras...

Recomiendo utilizar una de estas etiquetas por publicación que realices. Si tu post contiene por ejemplo las siguientes etiquetas: Cocina, Arquitectura, Podcast, Diseño de Interiores. El código para referencias automáticas solo mostrara una que en este ejemplo seria "Podcast". Para agregar este tipo de etiquetas especiales puedes modificarlo en &quot;Podcast&quot;, y añadir las que necesites. Por otro lado en la edición de una entrada te diriges al menú derecho en Configuración de la entrada, Etiquetas (Aquí selecciona una que este dentro de tu lista o agrégala si no la tienes.

Imagen 3. Etiquetas en las entradas de Blogger

data:blog.title
Muestra el titulo del blog

<script type='text/javascript'> var meses = new Array (&quot;enero&quot;,&quot;febrero&quot;,&quot;marzo&quot;,&quot;abril&quot;,&quot;mayo&quot;,&quot;junio&quot;,&quot;julio&quot;,&quot;agosto&quot;,&quot;septiembre&quot;,&quot;octubre&quot;,&quot;noviembre&quot;,&quot;diciembre&quot;); var f=new Date(); document.write(f.getDate() + &quot; de &quot; + meses[f.getMonth()] + &quot; de &quot; + f.getFullYear()); </script>
Este Script muestra la fecha actual en la que estas viendo una publicación

Esta parte es opcional [6]. Si tu blog constantemente tiene actualizaciones es recomendable añadir este código. El código siguiente muestra la fecha actual en el que se consulta el artículo de forma automática (no es la fecha de ultima actualización, es la fecha en la que el lector está consultando tu publicación y esta cambia automáticamente según el día en que visiten tu post)

<data:post.url/>
Muestra la URL del post

3. Formato APA adaptado para Blogger


Las referencias que se utilizarán en Blogger estarán basadas en las pautas y estilos del Manual de publicaciones de estilo APA. Este tipo de guía no es una estructura que debamos seguir obligatoriamente, la forma de escritura dependerá de acuerdo a las regiones y culturas en los distintos lugares al igual en qué tipo de articulo o hacia quien va dirigido influirá a la hora de realizar la edición, pero si nos dará una referencia de como escribir un artículo y como realizar una cita y referencia para nuestros lectores, así como tener una coherencia en nuestra redacción.

Formato 1

Mendoza Salazar, A.A. (2021, octubre 25). La adolescencia [Video]. Aarón Mendoza. Recuperado el 26 de octubre de 2021 en http://www.aaron-mendoza.com/2021/08/podcast-01.html

Formato 2

CITA ENTRE PARÉNTESIS: (Mendoza, 2021)

Formato 3

CITA NARRATIVA: Mendoza (2021)

3.1 Estructura del Formato APA


Formato 1

Apellido(s), Inicial(es) del Nombre (Año, Mes, Día de la publicación, modificación o actualización). Titulo de la publicación [Tipo de archivo o publicación]. Fecha en la que el lector visita la publicación y la URL del post

  1. El nombre del autor se debe invertir anteponiendo el o los apellidos y se separara por una coma seguida por las iniciales del Nombre(es).
  2. Fecha en la que se público el post; en caso de que la entrada haya tenido algún cambio se deberá mostrar su fecha de modificación o actualización en lugar de la fecha de su creación.
  3. Titulo del post seguido de la descripción entre corchetes. Los corchetes se usan para añadir información complementaria o aclaratoria de la publicación.
  4. Fecha en la que se visita la entrada en un blog. Esta parte es opcional, se utiliza cuando un post en el blog pueda contener actualizaciones o modificaciones con el paso del tiempo.
  5. URL esta referencia se da al lector para que sepa de donde proviene su fuente de origen o en un futuro investigar.

Formato 2 y 3

  1. Las citas entre paréntesis pueden ir antes o después del texto al que hace referencia la cita [7]
  2. La cita narrativa se utiliza cuando el texto al que se le va hacer referencia se menciona al autor y tenga continuidad, siempre y cuando tenga coherencia [7]. Ejemplo:  Por razones desconocidas la ciencia no ha descubierto el origen del universo, menciona Mendoza (2021) en una rueda de prensa en la Ciudad de México.

04. Referencias



[1] Asociacion Americana de Psicologia. (2021). Referencias de página web en un sitio web. http://apastyle.apa.org/style-grammar-guidelines/references/examples/webpage-website-references

[2] Asociacion Americana de Psicologia. (2020). Publicaciones de blogs y referencias a comentarios de blogs. http://apastyle.apa.org/style-grammar-guidelines/references/examples/blog-post-references 

[3] Etiquetas de datos para Diseños (s/f). Ayuda de Blogger. https://support.google.com/blogger/answer/47270?hl=es-419

[4] serenesat (2020, junio 22). Como JavaScript ralentiza la página, es mejor utilizar la variable de datos XHTML pura para la marca de fecha y hora, disponible en Blogger [Comentario en el foro "How to put last modified date in blog post on Blogger?"]. Stack Exchange. Recuperado el 03 de noviembre de 2021 en https://webapps.stackexchange.com/questions/28516/how-to-put-last-modified-date-in-blog-post-on-blogger

[5] Oloman (2015, septiembre 19). Mostrar en entradas sólo ciertas etiquetas. Oloblogger. https://www.oloblogger.com/2015/09/blogger-artilugio-etiquetas-mostrar.html

[6] Cómo mostrar la fecha actual con JavaScript (7 alternativas) (s/f). Minitutoriales. https://minitutoriales.blogspot.com/2013/10/como-mostrar-la-fecha-actual-con.html

[7] Asociacion Americana de Psicologia. (2020). Citas entre paréntesis versus narrativas en el texto. http://apastyle.apa.org/style-grammar-guidelines/citations/basic-principles/parenthetical-versus-narrative

Comentarios