cosas para el blog

A muchos les habrá pasado en blogspot ke, de un día para el otro, sin intervención alguna el cuadro de "Seguidores" o "Friend Connect" dejo de andar, caput, desapareció.. Intenté arreglarlo preguntando en el foro de Ayuda de Blogger sin solución. Ahora de casualidad encuentro la respuesta, esto les pasa a los ke usan el Script.aculo.us y/o prototype llamandolo desde las librerías de google. Osea tinendo en la plantilla (Diseño⇒Edición HTML) agregado esto:



<script src='http://www.google.com/jsapi'/>

<script>

google.load("prototype","1.6.0.3");

google.load("scriptaculous", "1.8.2");

</script>



Para solucionarlo tan solo hay ke pegar un código, entre medio,despues del google.load("prototype") pero antes del google.load("scriptacolous") de la siguiente manera:



<script src="http://www.google.com/jsapi">

<script>

google.load("prototype","1.6.0.3");

window.JSON = {

parse: function (st) { return st.evalJSON(); },

stringify: function(obj) { return Object.toJSON(obj); }

};

google.load("scriptaculous", "1.8.2");

</script>



► Si usas Scriptaculous con la llamada al script (sin cargarlo desde la plantilla), hay que colocar el código antes que lo cargue:


<script>

window.JSON = {

parse: function (st) { return st.evalJSON(); },

stringify: function(obj) { return Object.toJSON(obj); }

};

</script>



Hace tiempo uso unos cositos al final del post que te 'traducen' todo el post a una voz computarizada, ahi acabo de agregar uno a este blog tambien, fijate en 'el pie' de este post y otro al costado en la columna derecha del blog donde dice "Seleccioná un texto y clic aquí para oírlo".

Es algo que esta bueno, uno puede escuchar el post mientras ve otras cosas.. Estuve buscando opciones en google y las mejores que encontré son estas dos (las que estoy usando, si alguien sabe otra digame!!):

Vozme

sonowebs

En la página web de cada uno explica muy bien como agregarlos, en cualquier lado.

Como el de sonowebs suena mucho mejor y no genera un popup, es el que mas me interesa, el problema que tenia era que el reproductor muchas veces lee cosas que uno no quiere que se lean, como códigos html, enlaces, textos que no interesan, y en la web la unica opción que nos da es ponerlo bajo el post o bajo el título. Para leer textos específicos hay que usarlo como dice acá.
Y asi usando el script y el div que dice ahi, se pueden leer textos especificos como este


Pero como es una cosa que voy a usar mucho en blogs como este o este donde pueden ver ejemplos,
Con lo poco que se de java hice esto:

Puse el script en la plantilla del blog antes del /head, pero lo modifiqué un poquito asi:

<script src='http://www.sonowebs.com/scripts/sonowebs.js' type='text/javascript'/>
<script type='text/javascript'>
function Leemelafrase(id) {
    var id = id;
    var cualq = new printPlayer("flash","black","Escuchar Noticia","center","","es",id,"","","","","","","","",232,20);
  }
</script>


El id es lo que le paso y Leelafrase es el nombre de la función que lo agarra y lo usa, ese id no es otra cosa que el "sonowebs_audio_xx" que dicen en la página, tambien se le puede pasar el color del reproductor, el "Escuchar Noticia" y la posición donde esta (left,center o right) como dice en la pagina de sonowebs que puse antes, pero como no lo necesito no lo hice.

Despues de agregar el codigo anterior para usarlo hay que tan solo poner lo siguiente:
Llamar al script asi, donde se pone esto se muestra el reproductor:

<script type="text/javascript"> Leemelafrase("ID_A_CAMBIAR_PARA_CADA_REPRODUCTOR")</script>

Y lo siguiente en el texto que se quiere leer:


<div id="ID_A_CAMBIAR_PARA_CADA_REPRODUCTOR">
Texto a leer
</div>


Hace poco cree un nuevo blog para compartir frases que me gusten y quería que ademas de frases se muestren imágenes del autor de la misma, y encontré una forma bastante linda y fácil, se le agrega una dirección feed donde estén las imágenes y listo se ve algo asi:

Para usarlo hay que hacer esto:

Primero, necesitamos el script que llamamos desde la plantilla (antes del /head), desde un post o desde algún elemento HTML  que agregamos. En todos los casos, escribimos:

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"></script>


Segundo,  en el post o donde se quiera poner el cuadro, hay que implementar  un DIV con un ID, el ID es para diferenciarlo si usamos varios en la misma página.
Tercero, agregar la llamada al script, con todas las opciones. Esto se puede agregar junto con el DIV o en otra parte, el cuadro se muestra donde esta el DIV.


El código para usarlo sería algo asi:

<div id="slideShow" style="width:160px;height:160px;">Cargando ...</div>

<script type="text/javascript">
  function LoadSlideShow() {
    var feed  = "URL_delFeed";
    var options = {displayTime:2000, transistionTime:600, scaleImages:true};
    var ss = new GFslideShow(feed, "slideShow", options);
  }
  google.load("feeds", "1");
  google.setOnLoadCallback(LoadSlideShow);
</script>


Yo uso el Feed que te da la web de Picassa, ya que uso el software de Picassa para subir las imágenes.
Antes de usarlo, si se quiere se puede configurar el slideshow para personalizarlo un poco, en la web de google se explican todas las opciones pero está en inglés, si querés y no sabes inglés podes intentar leer la versión traducida.
algunas de las opciones (se agregan separadas con coma  en 'var options') son:

• la cantidad de imágenes: numResults:cantidad
• mantener o no la relación ancho/alto: scaleImages:true|false (por defecto es true)
• o bien maintainAspectRatio:true|false
• el tiempo que permanecen visibles: displayTime:valor (en milisegundos, por defecto 3000)
• el tiempo que dura la transición: transitionTime:valor (en milisegundos, por defecto 1000)
• transformar o no las imágenes en enlaces: linkTarget:google.feeds.LINK_TARGET_BLANK (por defecto no)
• habilitar o deshabilitar pausa con mouseover: pauseOnHover:true|false (por defecto es true)
• habilitar panel de control: fullControlPanel:true
• panel de control con íconos pequeños: fullControlPanelSmallIcons:true

• thumbnailSize: GFslideShow.THUMBNAILS_SMALL
• thumbnailSize: GFslideShow.THUMBNAILS_MEDIUM
• thumbnailSize: GFslideShow.THUMBNAILS_LARGE
  

Fuente: Vagabundia