Mostrar como citar una publicación en Blogger a los lectores (Estilo APA)

Mendoza Salazar

Publicado: 2021, noviembre 07 | 7:00 hrs.

Actualizado: 2022, agosto 16

Veces visto

Literatura Creativa: Blog

Palabras Clave: •Citar un post •Estilo APA •Publicación en un blog •Referencias en Blogger •Tutorial para Blogger

En este artículo encontraras como elaborar una cita de referencia en cada una de tus entradas individuales, el formato se crea y se actualiza de forma automática así ahorraras tiempo en incrustarla o actualizarla de forma manual. Ahora tus lectores podrán agregarla a sus investigaciones o tareas estudiantiles.

Contenido

Introducción

Referencias para Blogs

Referencias para Sitios Web

Referencias para publicaciones que se actualizan con el tiempo (UpToDate)

Estructura HTML a estilo APA en Blogger

Estilos CSS

Notas

Referencias

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.

En este seminario podrás realizar y personalizar referencias automáticas Estilo APA para Blogger, para que cualquier usuario pueda dar el crédito correspondiente. Quedaría de la siguiente forma:

Figura 1

Ejemplo de referencias automáticas en las entradas individuales

1. Referencias para Blogs

La siguiente estructura está basada en el Estilo APA para referencias y citas, pero en códigos HTML para la lectura en las plantillas en Blogger, así como también se estructura en base a la lista central de datos proporcionada por Ayuda de Blogger (s.f.). Estos códigos han sido probados en la plantilla Emporio.

El formato para las referencias en un blog de la American Psychoogical Association (2020) siguen las siguientes normas.

Tabla 1

Ejemplo del resultado Estilo APA para Blogs

Mendoza Salazar, A.A. (2022, marzo 10). Los Medios de Comunicación y la Opinión Pública [Video]. Aarón Mendoza. http://www.aaron-mendoza.com/2022/02/id-10001.html

Cita entre paréntesis: (Mendoza Salazar, 2022)

Cita narrativa: Mendoza Salazar (2022)

Nota. El formato está construido por el Autor, Fecha de publicación, Titulo del post, Tipo de archivo en caso de estar en un archivo en específico, Nombre del blog que por lo regular en los blogs se escribe en itálicas y la URL de la fuente.

Para colocar este formato en las entradas individuales, te diriges a Tema, Editar HTML y buscas (Ctrl+F) la siguiente linea:

Debajo de la línea anterior pegas el siguiente código.

Tabla 2

Código para Referencias automáticas en los blogs

<b:if cond='data:blog.pageType == "item"'>

<div class='dataReference'><div class='citar'>
<p><img src='URL del icono'/> ¿Cómo citar este artículo?</p>

<div class='referencia'>

<data:post.author.name/> (<b:eval expr='format(data:post.date, "YYYY, MMMM dd")'/>). <data:post.title/><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name in ["Fotografías","Audios","Videos","Ilustraciones","Video","Fotografía","Audio","Ilustración"]'> [<data:label.name/>]<b:if cond='data:label.isLast != "true"'/></b:if></b:loop>. <i><data:blog.title/></i>. <data:post.url/>

</div>

<p><img src='URL del icono'/> Cita entre paréntesis: <span class='dataReference-2'>(Apellido(s), <b:eval expr='format(data:post.date, "YYYY")'/>)</span></p>

<p><img src='URL del icono'/> Cita narrativa: <span class='dataReference-2'>Apellido(s) (<b:eval expr='format(data:post.date, "YYYY")'/>)</span></p>

</div></div>

</b:if>

2. Referencias para Sitios Web

Las referencias para este formato son similares al de las referencias para blogs, la única diferencia es que el Titulo de la publicación se escribe en itálicas en lugar del nombre del sitio.

Tabla 3

Ejemplo del resultado Estilo APA para Sitios Web

Mendoza Salazar, A.A. (2022, marzo 10). Los Medios de Comunicación y la Opinión Pública [Video]. Aarón Mendoza. http://www.aaron-mendoza.com/2022/02/id-10001.html

Cita entre paréntesis: (Mendoza Salazar, 2022)

Cita narrativa: Mendoza Salazar (2022)

Para colocar este formato en las entradas individuales, te diriges a Tema, Editar HTML y buscas (Ctrl+F) la siguiente linea:

Debajo de la línea anterior pegas el siguiente código.

Tabla 4

Código para Referencias automáticas en los Sitios Web

<b:if cond='data:blog.pageType == "item"'>

<div class='dataReference'><div class='citar'>
<p><img src='URL del icono'/> ¿Cómo citar este artículo?</p>

<div class='referencia'>

<data:post.author.name/> (<b:eval expr='format(data:post.date, "YYYY, MMMM dd")'/>). <i><data:post.title/></i><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name in ["Fotografías","Audios","Videos","Ilustraciones","Video","Fotografía","Audio","Ilustración"]'> [<data:label.name/>]<b:if cond='data:label.isLast != "true"'/></b:if></b:loop>. <data:blog.title/>. <data:post.url/>

3. Referencias para publicaciones que se actualizan con el tiempo (UpToDate)

La estructura para las Referencias UpToDate menciona la American Psychological Association (2020) que este tipo de formato son para las publicaciones que van cambiando con el paso del tiempo. El resultado sería como se muestra a continuación.

Tabla 5

Ejemplo del resultado Estilo APA para webs UpToDate

Mendoza Salazar, A.A. (2021, enero 02). Mostrar fecha de última actualización en un post de Blogger [Publicación en un blog]. Aarón Mendoza. Consultado el 11 de abril de 2022 en http://www.aaron-mendoza.com/2021/11/fecha-actualizacion.html

Cita entre paréntesis: (Mendoza Salazar, 2022)

Cita narrativa: Mendoza Salazar (2022)

Nota. El título del blog se escribe en itálicas, este formato se le ha incluido un apartado de Consultado/Recuperado ^[1] y posteriormente la fecha en la cual se vio el artículo. Este Estilo se sugiere usarlo cuando no hay un documento anterior archivado o la base de datos no es estable, ya que dicha publicación ha sido creada para cambiar con el paso del tiempo, pero si el post esta archivado y se puede revisar la publicación anterior a la actualizada se recomiendo no incluir la parte de Consultado/Recuperado con la fecha en la que se visitó.

Para colocar este formato en las entradas individuales, te diriges a Tema, Editar HTML y buscas (Ctrl+F) la siguiente linea:

Debajo de la línea anterior pegas el siguiente código.

Tabla 6

Código para Referencias automáticas en los blogs UpToDate

<b:if cond='data:blog.pageType == "item"'>
<div class='dataReference'><div class='citar'>
<p><img src='URL de la Imagen'/> Cómo citar este artículo:</p>
<div class='referencia'>
<data:post.author.name/> (<b:eval expr='format(data:post.lastUpdated, "YYYY, MMMM dd")'/>). <data:post.title/><b:loop values='data:post.labels' var='label'><b:if cond='data:label.name in ["Videos","Fotografías","Audios","Ilustraciones","Video","Fotografía","Audio","Ilustración"]'> [<data:label.name/>]<b:if cond='data:label.isLast != "true"'/></b:if></b:loop>. <i><data:blog.title/></i>. Consultado el <script type='text/javascript'> var meses = new Array ("enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"); var f=new Date(); document.write(f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear()); </script> en <data:post.url/>

</div>

<p><img src='URL de la Imagen'/> Cita entre paréntesis: <span class='dataReference-2'>(Apellido(s), <b:eval expr='format(data:post.lastUpdated, "YYYY")'/>)</span></p>

<p><img src='URL de la Imagen'/> Cita Narrativa: <span class='dataReference-2'>Apellido(s) (<b:eval expr='format(data:post.lastUpdated, "YYYY")'/>)</span></p>
</div></div>
</b:if>

4. Estructura HTML a estilo APA en Blogger

Figura 1

HTML a APA para Blogger

Nota. El código puede ser modificado según convenga el tipo del blog que administre. Este código inicia con el autor del blog, para posteriormente pasar a la fecha en la cual se publicó, existen varios códigos que se pueden utilizar los cuales pueden consultarse a través de una participación de serenesat (2020) en el foro de Stack Exchange, así como el formato que se le puede modificar a la fecha misma. Posteriormente se muestra el titulo del post para luego pasar por una etiqueta que define el tipo de archivo o documento, Oloman (2015) realiza una modificación de selección de etiquetas se desean elegir a raves de una coincidencia de etiquetas y excluyendo las que no se mencionan. Se continua con lo más importante, el Nombre del Blog. A través de un script que proporciona el sitio Minitutoriales (s.f.) se puede consultar de manera automática el día exacto en que se visita o consulta algún post, además a través de una etiqueta de datos se obtiene la URL del post. También existe la posibilidad de proporcionar una cita narrativa y entre paréntesis, recordando que data:post.lastUpdated es para la fecha de la última actualización de una entrada y data:post.date es para la fecha en la que se publico por primera vez.

5. Estilos CSS

Tabla 7

Códigos para personalizar las referencias automáticas

/* Referencias en Blogger */

.dataReference { /* Contenedor General */
background-color: #D7DBDD;
font-family: ;
padding: 0px 5px 0px 5px;
margin-left: auto !important;
margin-right: auto !important;
}

.dataReference .referencia { /* Sangria */
padding: 0 5px 0 9%;
text-indent: -9%;
}

.dataReference .citar { /* Estilos de la Fuente de Letra */
font-size: ;
color: #000;
}
.dataReference .citar p { /* Títulos */
font-weight: bold;
text-transform:;
}
.dataReference .citar img { /* Imagen */
height: 18px;
width: 18px;
}
.dataReference-2 { /* Parentesis y Narrativa */
font-weight: normal !important;
}

/* Termina Referencias en Blogger */

Para personalizar el contenedor de las referencias automáticas es necesario aplicar estilos CSS así como darle la propia sangría francesa como lo comparte Reedit (s.f.) en el foro QA Stack.

6. Notas

[1] Para una mejor información respecto a las referencias UpToDate puedes consultar los siguientes temas en Publication Manual of the American Psychological Association:

9.15 Updated or Reviewed Online Works y 9.16 Retrieval Dates, p. 290.
14. Article from the UpToDate database, p.319.
9.30 Database and Archive Sources, p. 296.

7. Referencias

American Psychological Association. (2020). Publication manual of the American Psychological Association (7th ed.). https://doi.org/10.1037/0000165-000

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

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

Monstera (2021, agosto 19). Escribir [Fotografía]. Pexels. https://www.pexels.com/es-es/foto/mujer-mano-ordenador-portatil-cuaderno-9429554/

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

Reedit (s.f.). ¿Es literalmente solo la segunda línea que desea sangrar, o es de la segunda línea (es decir, una sangría francesa )? (Comentario en un foro: "Aplicar sangría a partir de la segunda línea de un párrafo con CSS". QA Stack. https://qastack.mx/programming/17158253/indent-starting-from-the-second-line-of-a-paragraph-with-css

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

Literatura Creativa: Blog

Ubicación: Tamaulipas, México

¿Cómo citar este artículo?

Mendoza Salazar. (2021, noviembre 07). Mostrar como citar una publicación en Blogger a los lectores (Estilo APA). Consultado el en https://www.mendozasalazar.com/2021/10/citayreferenciaenblogger.html

Cita entre paréntesis: (Mendoza Salazar, 2021)

Cita narrativa: Mendoza Salazar (2021)