Blogsome utiliza un motor de plantillas Smarty, caracterizado entre otras cosas por utilizar los corchetes { y }. Cuando introducimos código Javascript o CSS en nuestra página, en los que se usa ese mismo tipo de corchetes, Blogsome lo confunde con etiquetas Smarty, produciéndose errores que impiden la visualización correcta del blog. Para solventar este problema, tenemos dos maneras de añadir Javascript en Blogsome:
1. Insertar Javascript en el código HTML
En ese caso tenemos que tener en cuenta que Javascript utiliza los caracteres “{” y “}” como delimitadores. Por otro lado, Blogsome utiliza código Smarty que utiliza los mismos caracteres como delimitadores. Por ello, cuando añades Javascript en el código HTML, Blogsome lo interpreta como código Smarty y no Javascript. Para solventar el problema y que Blogsome reconozca el código Javascript tenemos dos posibilidades:
- Reemplazar los caracteres “
{” y “}” por{ldelim}y{rdelim}respectivamente. Por ejemplo:
function loading()
{ldelim}
// Aquí va el código Javascript
{rdelim} - Utilizar
{literal} … {/literal}justo antes y después de la función, bucle o condición Javascript que vayamos a utilizar. Por ejemplo:
{literal}
function loading()
{
// Aquí va el código Javascript
}
{/literal}
2. Insertar Javascript desde ficheros externos
Cuando tenemos que hacer uso de las mismas funciones en diferentes páginas y no se quiere repetir continuamente el código, lo mejor es tener el código Javascript en un archivo externo con extensión .js y hacer una “llamada” desde HTML. El problema surge cuando Blogsome solo deja subir al servidor archivos con extensión .jpg, .gif y .png, es decir, archivos de imagen.
Para solventar este problema, nada más sencillo que cambiar la extensión del archivo Javascript a uno de estos formatos. Por ejemplo, si tenemos un archivo llamado “script.js” lo renombramos a “script.js.jpg”. Ahora blogsome nos permitirá subir el archivo al servidor y solo tendremos que llamar al archivo insertando el siguiente código:
<script type="text/javascript" src="/images/script.js.jpg"></script>
El navegador detectará que, aunque con una extensión poco habitual, el documento es un archivo Javascript. Mantener la “.js.”en el nombre del archivo es opcional, aunque viene bien para acordarse que es un archivo Javascript “camuflado” y no una imagen.
