[SOLUCIONADO] Alertas personalizadas en Blogger

Biiiiilm · #1 (**permalink**) 05/12/2012, 07:37

Hola,
quiero añadir alertas personalizadas en mi blog. Es decir, no quiero que sean las sosas alertas de "window.alert", que no te dejan añadir nada más que texto. Necesito poder añadir imágenes.

Había leído por ahí que existen alternativas como msgbox o sexyalert, pero que hay que bajarse archivos y situarlos en nosequé directorios. El problema es que yo pretendo añadir las alertas en mi blog (de blogger) y no tengo directorio alguno.

¿Existe alguna manera de implementar msgbox o sexyalert en blogger? ¿O alguna otra alternativa?

EDITO: Leí esto:( http://www.forosdelweb.com/f13/alertas-javascript-personalizados-993675/ ). Pero no me aclaró la duda.

maycolalvarez · #2 (**permalink**) 05/12/2012, 09:34

pero puedes añadir esos archivos en otro hosting, puede que gratuito, por ejemplo yo lo hacía con google sites, pero creo que eso desapareció

Biiiiilm · #3 (**permalink**) 05/12/2012, 09:41

Hola maycolalvarez, gracias por contestar :)
En principio Google Sites sigue existiendo, o eso veo aquí ( https://accounts.google.com/ServiceLogin?continue=https%3A%2F%2Fsites.google.c om%2F%3Fhl%3Des&followup=https%3A%2F%2Fsites.googl e.com%2F%3Fhl%3Des&hl=es&service=jotspot&passive=t rue&ul=1 ).
Voy a intentar adivinar cómo funciona. ¡Gracias!

maycolalvarez · #4 (**permalink**) 05/12/2012, 09:47

Cita:

Iniciado por Biiiiilm

Hola maycolalvarez, gracias por contestar :)
En principio Google Sites sigue existiendo, o eso veo aquí ( https://accounts.google.com/ServiceL...sive=true&ul=1 ).
Voy a intentar adivinar cómo funciona. ¡Gracias!

no tienes que adivinar nada

, simplemente creas un sitio, subes los archivos js y en tu blog apuntas al url que te da google sites.

Biiiiilm · #5 (**permalink**) 05/12/2012, 11:47

¿Y qué hago con la URL? ¿Dónde la tengo que poner? :S

maycolalvarez · #6 (**permalink**) 05/12/2012, 12:07

Cita:

Iniciado por Biiiiilm

¿Y qué hago con la URL? ¿Dónde la tengo que poner? :S

cuando agregas el bloque <script> en tu plantilla del blog, ejemplo:

<script type="text/javascript" src="http://www.sites.google.com/sitio/ruta_archivo.js" ></script>

Biiiiilm · #7 (**permalink**) 05/12/2012, 12:16

Cita:

Iniciado por maycolalvarez

cuando agregas el bloque <script> en tu plantilla del blog, ejemplo:

<script type="text/javascript" src="[url]http://www.sites.google.com/sitio/ruta_archivo.js[/url]" ></script>

Mira, tengo esto:

Código:

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/opositea/sexyalertbox.v1.2.moo.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="https://sites.google.com/site/opositea/sexyalertbox.css"/>
<script type="text/javascript">
Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.2</em><br/><p>Testing.</p>')
</script>

</head>

Es decir, he subido el archivo sexyalertbox.v1.2.moo.js y el archivo sexyalertbox.css, como puedes ver en los enlaces. Pero después, lo de

Código:

Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.2</em><br/><p>Testing.

No lo reconoce.

maycolalvarez · #8 (**permalink**) 05/12/2012, 12:32

coloca primero la del CSS, guarda y borra la caché de tu navegador, puede que no aprecies el cambio porque está cacheado

otro punto son las imágenes del CSS, preferiblemente editalo y apunta a las url absolutas al dominio de google site (obvio que tendrás que subir dichas imágenes o sprites también), de lo contrario no se mostrará bien

Biiiiilm · #9 (**permalink**) 05/12/2012, 12:42

Reordené el código, poniendo el CSS antes y borré la caché:

Código:

<head>
<link rel="stylesheet" type="text/css" media="all" href="https://sites.google.com/site/opositea/sexyalertbox.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/opositea/sexyalertbox.v1.2.moo.js"></script>
<script type="text/javascript">
Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.2</em><br/><p>Testing.</p>')
</script>

</head>

Y sigue sin hacer nada de nada. Las imágenes las subí a Google Sites junto con el resto:

¿Qué falla? ¿Crees que serías capaz de usarlo?

EDITO: Debe de haber problemas con Google sites y los archivos que subí. Así sí funciona:

Código:

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.coders.me/ejemplos/sexy-alert-box-1-2/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://www.coders.me/ejemplos/sexy-alert-box-1-2/sexyalertbox.v1.2.jquery.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://www.coders.me/ejemplos/sexy-alert-box-1-2/sexyalertbox.css"/>
<p><a href="#" onclick="Sexy.error('CACA DE PERRO');return false;">PUTO SEXY ALERT DE LOS COJONES</a></p>
</head>

Vámonos a dormir xD

maycolalvarez · #10 (**permalink**) 05/12/2012, 13:50

se supone que uses el subdominio de tu site, estás usando el del backend: https://sites.google.com/site/, pero bueno, te funcionó desde el otro server, felicidades por el esfuerzo