Añadir a Blogger el plugin Reftagger para previsualizar versículos Biblicos (descripción emergente)

Editado 2024/12/23. Les cuento que he configurado mi Blog para usar un tema nativo y no otro externo que estaba yo usando. El que estoy usando es el siguiente:

y me salió el siguiente error al instalarlo:

org.xml.sax.SAXParseException; lineNumber: 5241; columnNumber: 33; The entity name must immediately follow the '&' in the entity reference.

y para solucionarlo más abajo les indico lo que hice:

Entrar en el siguiente enlace

 https://es.reftagger.com/customize/

y seleccionar la versión de la Biblia que usted desea usar:

 
yo he seleccionando la versión Reina Valera 1960. Luego es necesario copiar el código creado:

en caso de que no se pueda copiar con el botón, seleccione todo el código y copielo:

el que he obtenido en mi caso es este, y que funcionaba bien antes al usar en mi Blog un tema llamado https://btemplates.com/2019/blogger-template-maya/:

<script>
var refTagger = {
settings: {
bibleVersion: "RVR60"
}
};
(function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.src = "https://api.reftagger.com/v2/RefTagger.es.js";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>

pero en el 2024 al yo cambiarlo y usar Emporio ya no me funciona, pero logré hacerlo funcionar con el siguiente código:

<script>

var refTagger = {

settings: {

bibleReader: "bible.faithlife",

bibleVersion: "RVR60"

}

};

(function(d, t) {

var n = d.querySelector("[nonce]");

refTagger.settings.nonce = n ? (n.nonce || n.getAttribute("nonce")) : null;

var g = d.createElement(t), s = d.getElementsByTagName(t)[0];

g.src = "https://api.reftagger.com/v2/RefTagger.es.js";

g.nonce = refTagger.settings.nonce;

s.parentNode.insertBefore(g, s);

}(document, "script"));

</script>

y con esa modificación funcionó, ahora, en Blogger siguiendo este tutorial:

https://es.reftagger.com/blogger-tutorial/

ir a Tema y luego clic en la flecha hacia abajo a la derecha del botón Personalizar

allí dar clic en Editar HTML

y se verá así:

ahora hay que buscar el siguiente texto dentro de ese código:

</body>

 lo puede hacer con:

Ctrl + F

para que lo busque allí, sólo un consejo, para que aparezca correctamente esa opción primero de clic dentro del texto:

 

 ahora si aplaste el atajo de teclado: Ctrl + F y aparecerá la siguiente opción:

 

y al escribir el texto a buscar le debe de quedar así:

y dice que hay que pegar el código de Reftagger arriba:

a mi me queda así:



y por último guardar:

Ejemplo de funcionamiento

Antes en mi blog se veían así las referencias de la Biblia:

y al instalar Reftagger en Blogger se ve así:

Características de Reftagger

Para mi lo más importante es que acepta abreviaciones, ejemplo Luc 1:4, también escribir el libro completo, y ponerle los versículos hasta donde uno quiera que se vean. Les recomiedo leer el siguiente enlace:

https://es.reftagger.com/features/

aquí una captura de pantalla:

Dios les bendiga