Powered by Yutter
5  readers
By Yutter


Idiomas

Blogs

Feeds




powered by Aditya

Actualizados


Previamente

Archivos

Monday, May 22, 2006

Buscador Nativo En Blogger

Esta idea surgio de un pequeño experimento que Aditya esta tratando de efectuar tiempo atras. El experimento se disolvio, pero esto nacio de todo ese conocimiento ganado del mismo.

La idea primordial detras de este hack es que puedas tener un buscador para tu blog sin que al hacerlo otra ventana se tenga que abrir o se tenga que abandonar la pagina principal.

Ademas de que tienes varias cosas extras mas con ello:

1.-Nada de Anuncios
2.-Mejor Look para tu blog
3.-puedes buscar de manera continua sin necesidad de regresarte de pagina.
4.-es completamente configurable
5.-Satisfaccion inmediata.

De esto es lo que se Trata el Buscador Nativo En Blogger.

Ahora pasemos a como ponerlo en el blog.

Primero es necesario poner este codigo en el area <head> de tu templete:

function d_script(para){
var blog="--blog name here--";
var url="http://ejohn.org/apps/rss2json/?url=http://search.blogger.com/
blogsearch_feeds?as_q="+para+"+blogurl:"+blog+".blogspot.com
&ui=blg&ie=utf-8&num=7&output=rss&callback=json"
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}

function json(rss){
var i=0;
if(!rss.entries) alert('No results');
else{
document.getElementById('text').innerHTML="";
while(rss.entries[i]){
var app=document.createElement('a');
var dv=document.createElement('div');
var sp=document.createElement('br');

app.href=rss.entries[i].link;
app.innerHTML=rss.entries[i].title;
app.title=rss.entries[i].title;

dv.innerHTML=rss.entries[i].content;

document.getElementById('text').appendChild(app)
document.getElementById('text').appendChild(dv)
document.getElementById('text').appendChild(sp);
i++;
}
}
}

Es necesario notar que aqui se esta usando un contenedor etiquetado como "text" que es en donde se mostraran los resultados.

Ahora pongan la siguiente forma para hacerlo funcionar, esto debe ir en el area de <body> y preferentemente en alguna de sus barras laterales:

<form action="javascript:var q=document.getElementById('query').value;d_script(q);">
<input type="text" id="query" name="as_q" />
<input class="preview" id="searchbtn" type="submit" value="Search This Blog" onclick="javascript:var q=document.getElementById('query').value;d_script(q);" />
</form>

Por ultimo el contenedor en donde se mostraran los resultados de la busqueda seguido por el boton para cerrarlo el cual pueden poner inmediatamente despues de la forma de accion guardando un solo espacio:

<div id="text" class="titles"></div>
<div id="close" style="display:none;margin-top:5px;margin-bottom:5px;">
<a onclick="javascript:document.getElementById('text').style.display='none';
document.getElementById('close').style.display='none';" style="color:red;font-weight:bold">[X]</a>
<br /></div>

Ahora al buscar una palabra los resultados encontrados seran desplegados inmediatamente debajo de la forma de accion y en caso de no haber ninguno un pop-up te avisara al respecto.

Como siempre si tienen algun problema implementando esto, por favor comenten y haganmelo saber para poder ayudarlos.

Ahora a disfrutar.


Creditos:

Idea, Codigo y Implementacion: Aditya

Posted By Avatar X At 5:02 AM

  (0)        

Comments on "Buscador Nativo En Blogger"


- Click Here To Display Images In The Comments -



Post a Comment

Bloggetiqueta De Primera Clase

Una vez mas, si hay una Netiqueta, Entonces por supuesto que hay una Blogetiqueta y como es lo obvio en este Blog nos dedicaremos especificamente a la Bloggetiqueta.

He empezado con el lado malo de esta que fueron los Infractores De La Bloggetiqueta asi que ahora seguire con el lado bueno de esta.

Asi que veamos que hay dentro de la Bloggetiqueta De Primera Clase:

  1. Autores:


    • El Samaritano:

      Este blogger dedica una categoria entera de su blog a responder preguntas y a ayudar a cualquiera que le pida consejo, responde sus correos de manera muy cortez y lo que es mas dedica una parte de su tiempo en Foros de ayuda respondiendo preguntas y proponiendo soluciones.

      Este Blogger tiene un lugar privilegiado en el Cielo de los Blogs y al final del dia duerme mas tranquilo que cualquiera.

    • El Justo:

      Este Blogger Vive en base a Eticas, Honor y Buena Fe.

      Va en base al libro cuando se trata de contratos, va con cautela acerca de todo, es como un soldado de infanteria. Se toma el tiempo de ser extremadamente detallado en sus posts, y mantendra la ley cuando tenga que hacerlo. no querras caer en su lado malo ya que puedes estar seguro de que estara esperando que cometas un error para ir tras de ti.

      Uno podria imaginar que al final del dia hay un horizonte con un sol entregandose al ocaso hacia donde esta viendo mientras camina...

    • El De "Marca":

      Este tipo de Blogger es mas que amado por los chicos de Pyra dentro de Google Labs

      Hacen gran promocion a la marca, respiran y viven para la marca, tienen la Camiseta y estan orgullosos de decirte todo acerca de lo que tenga que ver con lo que la marca ha hecho por ellos.

      Sus Blogs usan templetes ya sean oficiales o basados en los templetes oficiales, y les gusta pasar el tiempo creando botones y banners para su blog que incluya el icono de la marca.

      Y si, al final del dia la mayor parte de las veces terminan siendo parte de la marca.

    • El Buzzer:

      A este Blogger le encanta hacer conocidos a otros, es quien termina haciendose famoso por hacer a otros famosos.

      Da links y postea acerca de lo que le gusta siguiendo las reglas que dictan los protocolos del SEO/SEP para mantener y mejorar su status.

      Da reviews del contenido de otros blos haciendo señalamientos, comentarios y algunas veces algun razonamiento al respecto segun convenga. Forma parte del Zeitgeist.

      Por todo esto es que la Bloggerosphera ama a este tipo de blogger.

      Al final del dia le gusta verse al espejo sonriendo y admiranodese a si mismo mientras articula una palabras que siempre traen el mismo mensaje: "Eres La Neta"


    • El Activista:

      Del tipo de Blogger que toma las palabras en accion, bloggea acerca de temas que pueden considerarse no solo importante sino serios. Su clase es de la que organiza Blogs Grupales, Chats, grupos y que escriben una cronica detallada de su blog. Le encanta que le escriban y es de los que sorprende con las respuesta a sus mails y nada mejor que pedirle alguna ayuda cuando se quiere combatir un argumento en contra ya que es la mejor fuente de ayuda que se puede pedir.

      Una vez que empiezan a postear, ejemplifican parte del espiritu de la Bloggerosfera.

      Al final del dia solo tratan de vivir una vida simple y sueñan cada noche acerca del proximo gran argumento/planteamiento.

    • El Buen Provedor:

      A esta clase le gustan mucho las herramientas utiles, pero aun mas hacerte saber de ellas. les gusta hacer tutoriales acerca de estas herramientas que consideren utiles para la Bloggerosfera.

      En algunos casos si el servicio no existe y es muy solicitado seran los que empiezen una cruzada para crear dicho servicio. No tienen cara y parecen no cargar ningun ego con ellos. el placer radica en proveer los medios a todos. la gran diferencia que tiene con El Samaritano es que el no ofrece ningun nombre y realmente no piensa en el bien que hace, piensa en hacer cosas que sean utiles.

      Al final del dia es solo una persona que en el mundo real jamas sospecharias de que lleva semejante agenda mientras esta en linea pero que es probable que sea un amigo tuyo o hasta de tu familia.

    • El Periodista De Tiempo Completo:

      Este tipo de Blogger tiene una carrera y una meta en mente, son de la tribu de los ProBloggers. Ya que estan tan seguros de que esto es lo que quieren que han renunciado a sus trabajos o dejado otras actividades para hacer de esto su trabajo de tiempo completo. Viven de las donaciones que REALMENTE necesitan y tambien de las asignaciones que consigan de algun periodico o editorial.

      Mantienen los mismos valores y son tan valiosos como cualquier otro periodista de un medio importante. A veces tienen mas credibilidad por no tener un filtro editorial para lo que dicta su voz. Son la nueva opcion de hacer las cosas, y pasaran la voz de la verdad a la quien se preste a leerlos.

      Al final del dia la unica cosa que les importa son los Hechos, La Verdad y La proxima gran nota. Buscan por la nota de primera linea que les de notoriedad y lectotres.

    • El Avanti:

      Siempre a un paso adelante de los demas, compitiendo realmente solo con ellos mismos, forman parte de los que Hackean, Moddean ,hacen Metodos o Desarrollos en la Bloggerosfera.

      Lo que mas les gusta es encodear, algunas veces lo estetico no es algo que les importe a su clase, forman parte de la Elite, nada es mas importante que saber, que hacer las cosas funcionar, la emocion esta en la caza, no en la gloria, algunas veces una vez que han lazado algo ya no lo miran atras, solo viven en el futuro.

      Pueden encodear tan bien como hablan, y eso esta bien, despues de todo ellos son los que HACEN la Bloggerosfera.

      Al final del dia no hay final del dia para ellos.


    • El Conceptual:

      Un dia sin ninguna advertencia tuvieron una brillante idea, algo artisitico, algo lleno de poesia y belleza, algo con factor humano o algo gracioso con ingenio. ellos son los que hacen los Blogs de proyectos de Arte, son los que son los que nos sorprenden y nos hacen sentir bien de haberlos hallado.

      Viven por la pasion al Arte.

      Al final del dia, su vision estaba buscando el lienzo correcto.

      Un lienzo que tambien puede terminar dandoles de comer.

    • El Promotor:

      Vive pensando en el dinero, en hitwealth, referencias cruzadas y en estar bajo el reflector.

      Son lo que representa los frutos de un buen Blogging apoyado en SEO/SEP/RANKING/TRAFICO y RELEVANCIA. su gusto es enseñar a vender, como obtener mas lectores, es el Blogger Profesional mas amado por los anunciantes, las marcas y la compañia misma.

      BLOGGEA CON EL FIN DE QUE LOS DEMAS HAGAN DINERO LO CUAL EN CONSECUENCIA LO LLEVA A HACER DINERO.

      Tambien es muy conocido que muy pocos de este tipo existen. se requiere de algo especial para poder ser un promotor.

      Es un talento natural, son de aquellos que siempre pueden hacer de si mismos el centro de atencion, de los que puede hacer slogans poderosos que son evidiados por los mismos creadores de los servicios que promociona, el poder que cargan llega a ser inmenso, ya que su influencia puede matar a un servicio debutante si corren la voz.

      Es muy necesaria la existencia de este tipo de Blogger, solamente que esto no es bien sabido.

      Al fina del dia les gusta contar el dinero que las referencias, los anunciantes y los patrocinadores le han dado antes de ir a dormir profundamente sabiendo que despues de todo estan esparciendo el hitwealth para quien lo quiera y pueda tomar.



  1. Lectores:

    • El Resposivo:

      Es el lector que todos los que tenemos un blog soñamos

      Deja comentarios y respuesta en cada post, manda mails, con verdadero valor y peso, realmente queremos a ese lector.

      Me imagino que de dia es el tipo de persona a la que le encanta llenar formularios, pagas sus impuestos sin necesidad de un contador, le encantn los crusigramas y arcertijos

      Al final del dia es una de las personas que todavia le gusta jugar juegos de mesa en familiar, el que sea, mucho tiene que ver el que sabe que va a ganar....

    • El Editor:

      Oh cielos, este tipo de blogger sin duda tiene una posicion de punto de control (burocratico) en la vida real. le gusta editar. nada mejor que cortar palabras y hacer que las cosas sean mas interesantes de leer.

      Tu como Blogger, debes respetar y temer a este lector, ya que si responden a ti, es mejor escuchar y responder rapidamente ya que no son de los que toman bien el rechazo.

      Al final del dia se duerme riendo de los errores de ediccion de libros, peliculas y cosas asi, just ahora todavia rie por los errores de el Codigo Da Vinci.

    • El Sabio:

      ¿Advinen que?, miyagi no murio, Yoda existe, y por supuesto que el Gran Maestro del Kung-fu tambien existe. existen en este lector, como en Star Wars algunas veces habla de una manera extraña, pero la sabiduria que carga llega a un nivel casi de susto. algunas veces no le haces caso y al final termina teniendo siempre la razon. pero despues de algunos de esos traspies tomaras a este lector por lo que es. SABIO.

      En el mundo real son aquellos que parecen inamoviblemente tranquilos ante cualquier situacion.

    • El Linker:

      Ah, otra maravilla de la bloggerosfera, es el lector que te linkea de regreso en sus posts. el hace que tengas un backlink, un trackback de manera segura, tambien en los foros y demas.

      En la vida real es de los que normalmente termina involucrado en algun tipo de organizacion sin fines de lucro.

    • El Socialite:

      Este tipo de lector va mas alla de lo que el linker hace, este lector ha hecho del blogging un proposito social y carga con una agenda con solo diversion en mente.

      A este punto se que deben estar pensando si me volvi loco o no,pero no, no le hago a las drogas duras, es verdad, tal vez no lo creas, pero hay verdaderos Bloggers sociales por ahi, socialites. si realmente no conoces uno es porque no estas en su circulo social, pero esta clase de lector hace 100 comentarios al dia como minimo.

      Este lector parece estar por todos los servicios de Folksonomia y esta tan metido en la onda del web 2.0 que hace ver a Michael Arrigton como un desentendido.

      Al final del dia la fiesta continua para el.


    • El Fan:

      Este lector es tu fan de la misma manera en que tu puedes ser fan de otros.

      Directo y honesto, es de los que le gusta apoyarte, es el tipo de lector que mantiene tu espiritu arriba cuando crees que nadie te lee o estas en pleno bloqueo mental.

      Este lector espera de tu atencion despues de haberte la dado, asi que tratalo bien. hazlo enojar y puede que no solo hayas perdido un lector pero que hayas ganado un Feudy.

      Al final del dia, no hay nada que le guste mas que tomar partidos

      ya sea de un equipo de futbol en las finales, alguna entrega de premios, siempre tiene bien definido a quien le va.

    • El Amigo:

      Conoces a este lector porque tambien lo conoces en la vida real, este lector hace comentarios en tu blo por que tu haces lo mismo, platicas con el en cada post que haces, y eso esta bien.

      Al final del dia esperara el momento adecuado para jugarte alguna broma o para meterse contigo de alguna manera por algo que hayas dicho en el blog....ya que lo mas seguro es que tu harias lo mismo.

    • El Lurker Activo:

      este lector hace mucho por ti pero tu jamas lo sabras, no quiere que lo sepas pero no tienes idea de lo dedicado que es. y lo mejor de todo es que tiene un buen comportamiento.

      En la vida real es probable que su trabajo involucre algun tipo de secrecidad. un abogado, un doctor, un cura, un terapista, un espia, quien lo puede saber?

      Al final del dia duerme con todos esto secretos que mantiene seguros.

    • El Asociado:

      A este lector le gusta leerte y es seguro que despues de un tiempo quiera unirse a ti en tu blog o hacer un blog grupal.

      En el mundo real es probable que sea una gerente, un deportista o alguien que guste del juego en equipo.

    • El Director:

      A este lector le gusta el blogging pero no tiene un blog propio de ningun tipo, le docenas de blos, tiene muchas Feeds, de lo que quieras.

      Pero este lector es tambien muy especial.

      Le gusta leer pero mas que nada le gusta CONDUCIRTE, por medio de respuestas que aparecen en los comentarios o por mail. guiandote a ciertas noticias y temas que se puedan relacionar con tu blog, tambien te da ideas y conceptos utiles.

      En el mundo real El Director puede ser cualquiera, pero una cosa es segura es fanatico de los juegos de simulacion tipo the sims, simcity y Citylife.

      Al final del dia le gusta pensar en todos los buenos posts que el hizo posibles.



Y asi terminamos con esto a los dos lados del espectro.

Espero que les haya gustado y si tienen alguna otra sugerencia a la lista haganmela saber.

"La palabra Del Dia" De La Casa de Diversiones De Pee Wee Herman : BLOGGEROSFERA!!!!. (insertar escena desquiciada del show)

Posted By Avatar X At 4:42 AM

  (0)        

Comments on "Bloggetiqueta De Primera Clase"


- Click Here To Display Images In The Comments -



Post a Comment

Los Infractores De La Bloggetiqueta

Si hay una Netiqueta, entonces por supuesto que existe una blogetiqueta, pero en este blog, Bloggeratto tengo que ser mas especifico al respecto, asi que solo me referire a la Bloggetiqueta.

Simple Bloggetiqueta.

Empezando por los que hacen que sea necesaria:

Los infractores de la Bloggetiqueta:

  1. Autores:


    • El Quemado

      Si tienes pensado en tener y hacer un blog, por favor no te rindas al tercer post, digo, ok, tu puedes actualizar cuando se de la gana, pero acaparar los buenos nombres
      de domino para un blog que solo se va a quedar con un solo post es verdaderamente irritante.

      Sobre todo porque normalmente estos blogs acaban con tres posts que lucen titulos asi:

      test

      Hey este es mi blog

      Un dia en mi vida en estos primeros dias del 2002.

      Blah Blah Blah


      Eso ya es demasiado. Puedo recordar haber visto al menos 1000 blogs asi ocupando excelentes nombres.

    • El Olvidado:

      Bien, haz decidido que ya no quieres tu blog, que para ti fue una modita y que la neta ya te da hueva y no quieres saber nunca mas de el. Podrias no dejarlo en una situacion en la que sea un callejon sin salida?. poniendo alguna direccion de correo donde contactarte para pedir el nombre del blog, o simplemente borrandolo para que 24 hrs despues el nombre pueda volver de nuevo a la base de datos de blogger y pueda ser tomado por alguien mas.

    • El Blog De 1995:

      ¿Que?,¿Dices nunca haber visto uno?. Por supuesto que los has visto, son esos blogs con colores que te dejan ciego que tiene miles add-ons en las barras laterales que hacen que el blog dure cargando siglos o que de plano no termine de cargar nunca.

      Por favor no te vuelvas a ese tipo de Retro.

    • El Atascado:

      El hermano del blog de 1995 es el Blog Atascado . ¿que es eso?. Bueno, simple, se trata de los tipos que creen que es gracioso o cool poner cuanto script se encuentran en su paso pero que al final ninguno funciona del todo bien o de los que componen toda la estructura del blog con imagenes sin optimizar. Haciendote sentir que todavia estas atrapado en una conexion de Dial-Up aun cuando tienes banda ancha.

      Ademas de que es casi sguro de que I.E 6.0 se venga abajo, Firefox se ponga instable y que Opera simplemente no haga nada.

      Es posible tener una composicion basada en imagenes si asi se quiere, pero no sin antes comprimir y optimizar dichas imagenes para que puedes usarlas en tu blog.

    • El Blog Snob que demanda atencion:

      Este es el tipo de blog que solamente esta diseñado para ser visto correctamente en un solo explorador

      Y que a la vez sufre preguntandose porque nadie lo lee...

      Bueno, creo que es obvio que no se puede tener las dos cosas.

    • El Replicante:

      Este Blog esta hecho con partes robadas de todo el internet y su unico contenido viene de los demas mas o menos asi:


      Hey, chequen que chido esta esto:
      «Post entero robado de alguna parte»
      Si,esta bueno,¿no?


      Hay 142 servicios de folksonomia disponibles para ser usados, si quieres guardar contenido y compartilo con los demas, haznos el favor de usar uno de estos servicios.

    • El splogger:

      Uno de los mas famosos infractores es sin duda este tipo de blogger.

      Que representa a los blogs que estan compuestos enteramente de links y anuncios en todas las variaciones imaginables.

    • El Bot Agent:

      Peligrosos y no muy conocidos, este tipo de blogs trataran de comerte vivo si te dejas, ya que si de repente entras a un blog y tu computadora se empieza a comportar de manera extraña haciendose lenta y esforzandose demasiado par aun blog que parece no tener nada en si pero aun asi tu navegador deja de responder, entonces ten cuidado, este un bot agent que tratara de mandarte cuanta madre pueda pasar a tu computadora para que quedes infectado con adware, malware, etc.

    • El Loco del SEO/SEP :

      Hay muchas maneras para obtener una buena posicion dentro de los motores de busqueda y en los listados de blogs para asegurar que se te pueda encontrar si alguien busca algun keyword o referencia que tenga que ver con tu blog.

      Este tipo de blogger las hace todas mal y es mas, ya hasta banneado esta de los principales motores de busqueda y no se ha dado cuenta.

      Pero lo que es peor es que piensa que lo esta haciendo bien, pero la verdad es que si
      no estas en la primeras 3 paginas de los motores de busqueda, no estas haciendo NADA bien.

    • El Blog Promocional:

      A primera impresion este tipo parece un buen Blogger, actualiza seguido con cualquier cosa que se le ocurra, es constante en cuanto a su calidad y en su blog se ve bien a secas, pero el blog tiene algo raro:
      ¡Todo tiene anuncios!

      Hay anuncios contextuales, hay ad-sense, banners, floaters y mucho mas colocado de una manera perfectamente disimulada.


  2. Lectores:

    • El Feudy:

      Este lector te odia. ¿porque?, sin ninguna razon aparente, pero esta empeñado en odiarte para siempre. te reportara como un Splogger, hablara mal de ti en los foros que visitan, se hare pasar por ti tratando de hacerte quedar mal. pero ironicamente sera el que mas te este linkeando, te escribira todos los dias, y lo mas importante comentara en cada uno de tus posts para hacerte saber que apestas.

    • Tu Lector Politicamente Incorrecto:

      El es el lector al que le gusta leerte y que simpre deja sus opiniones a tu consideracion, pero que por alguna razon convierte todo en un debate, y que simpre toca temas dificiles sin ninguna razon ademas de ser algo morbido. podrias estar posteando acerca de stuffonmycat.com y de lo unico de que hablara sera de gatos en una botella o como comio gatos mientras estaba de vacaciones en korea o en Mexico.

    • El Hablador Sabelotodo :

      Es el tipo de lector que responde en tus mensajes refutando lo que acabas de postear o corrigiendote todo el post en su propia version del mismo que termina siendo dos veces mas largo que el original, todo con el objetivo de hacerte entender... tu sabes.. lo "equivocado" que estas, pero que desgracidamente nunca lo logra ya que su post siempre es peor que el que esta criticando aun a los ojos de gente que es neutral a ti.

    • El Spammerbot:

      Por causa de el tienes que usar moderacion de comentarios, captcha, identificar gatos (kittenauth) y escuchar clips de audio para comprobar que eres humano.

      Si, ¿quein dice que no vivimos en el futuro?, si ya hasta tenemos que probar que no somos maquinas...

      Uno tendria que preguntarse que va a pasar cuando el captcha y audio captcha haya sido superado completamente como ya esta sucediendo. Mi estimacion es que todo tendra que ver con ver gatos y moderacion.

    • El spammenter:

      Este tipo es de hecho humano y podra pasar por lo que le pongas enfrente fuera de la moderacion. Aunque aun asi conseguira que alguien lo lea tratando de vender cosas a como de lugar y realmente hay muy poco que puedas hacer.

    • El Hola-hola:

      Este es uno de los raros, un comentador anonimo que solo dice "hola" de vez en cuando, completamente inofensivo, pero valia la pena su mencion.

      Ya que siempre lo deja pensando a uno pensando: ¿quien sera?.

    • El cross buzzer:

      Sin pena alguna dejara un comentario de una sola palabra en cada post con un link a su blog paa generar un falso buzz en el nuevo mundo de la comentosfera y mejorar su
      rank en Google.

    • El tipo del "Esto ya es viejo":

      Este tipo vive de una manera frenetica, ya que siempre deja un mensaje diciendo que estas hablando de algo ya viejo aun cuando esto sea algo que paso apenas hace 3 dias.

      Vaya que el si vive en tiempo de Internet las 24 horas del dia.

    • El Perdido:

      Otro de los raros. Por alguna razon este lector no puede evitar pedir direcciones a otros blogs o preguntar algo que no tiene nada que ver con el blog en los comentarios de tus posts. inofensivo pero algo incomodo.

    • El supervisor:

      Es bueno saber que hay quien quiere que actualices tu blog para leerte, pero otra cosa es que lo haga siempre que te atrases un dia de tu rutina normal, sobre todo porque podria hacerlo por E-mail.



Bueno, ahi los tienen, si tienen alguna otra sugerencia a la lista haganmelo saber y la añadire a las listas.

Posted By Avatar X At 4:33 AM

  (2)        

Comments on "Los Infractores De La Bloggetiqueta"


- Click Here To Display Images In The Comments -

. Blogger Miguel Perez
(26 June, 2006 08:44)  
Me identifiqué con varios, según fue evolucionando mi blog, ahora solo trato de escribir y no preocuparme mucho en que categoría estoy...

Que bien que vayas a actualizar mas seguido tu blog en español, aunque normalmente te leo en inglés, pero igual y checo los dos.

Saludos!

. Blogger Avatar X
(03 July, 2006 13:35)  
Si Miguel, para mi el mas comun es que al empezar un blog cayeras en ser como el quemado, el blog de 1995 o el atascado. ya creo que cualquiera de los otros es mucho peor.


y forman parte mas que nada de marcas de personalidad.. traits.

como ves para poder tenerlas en español practicamente tengo que editar y en algunas partes rescribir las entradas ya que muchas veces el humor y la intencion no traducen muy bien que digamos o simplemente no aplican tambien para el publico que lo va a leer en español



Post a Comment
Friday, May 05, 2006

[TAG] Multi-Propositos 1 de 3

Este Hack en particular fue una idea que tuve para poder resolver un problema muy simple, solo que los usos que le fui descubriendo sobrepasaron el uso original para el que le habia pensado.

Una vez mas, por la ventana del Gmail Chat le pedi a Aditya por un hack que basado en el siguiente concepto: "Quisiera un script para remplazar o quitar elementos en cualquier lugar de mi plantilla con imagenes o simplemente borrarlos de la misma si asi lo quiero".

15 minutos despues Aditya habia encodeado algo para resolver mi problema sin siquiera saber para que lo queria o que pensaba hacer con el. Inicialmente lo queria para resolver un problema muy en especifico y lineal, evitar los errores y saltos al filtrar una fuente.

Si tu vas a algun servicio como Feedshake( hay varios como este i los abarcare en otro post) tu puedes entonces poner la fuente principal de tu blog en FeedShake para crear categorias para tu fuente o si estas usando categorias en tu blog, puedes entonces crear una Fuente de RSS para cada categoria que tengas o quieras de tu blog. El problema era que FeedShake en algunos momentos se saltaria o se saldria de orden sin explicacion alguna, errando un articulo de tiempo en tiempo, o simplemente no poniendolos en el orden original como se supone que esten. Habiendo visto el problema, pense que la mas simple solucion seria sortearlas con una palabra en el articulo pero que fuera completamente imposible de obviar o de que el sistema se saltara. la mejor solucion entonces seria poner un [TAG] en el titulo del articulo. ¿Por que?. Por la simple razon de que cualquiera de esos sistemas parsean primero los titulos y con mayor prioridad debido a que hay algunas señales de RSS que solo son titulos.

De esa manera puedes poner un tag de la misma manera en el titulo: [TAG] al principio de tu entrada:

Example 1:

[square] [TAG] Multi-Propositos 1 de 3

En este primer ejemplo podran ver el remplazo de un elemento de una imagen por el
[tag]. En este caso el [tag] es SQUARE

Ejemplo #2:

[square] [TAG] Multi-Proposito 1 de 3
[circle] Hovering Peek-A-Boo Blogger Navbar
[triangle] Agreadecimientos Especiales y Una Nota

En este ejemplo has decidido tener varios tags para hacer diferentes Feeds para ser remplazados por el mismo elemento y para ser filtrado en diferentes feeds, una para cada [TAG].

[TAG]s: SQUARE, CIRCLE y TRIANGLE.

Ejemplo #3:

[erase] [TAG] Multi-Propositos
[erase] Hovering Peek-A-Boo Blogger Navbar
[erase] Agradecimientos Especiales Y Una Nota

En este ejemplo haz decidido que al diablo, tu no quieres ningun elemento extra en tu blog, pero que quieres una feed filtrada de manera confiable para tu categoria.

[TAG]: ERASE

Ejemplo #4:

[square] [TAG] Multi-Propositos 1 de 3
[extra] Hovering Peek-A-Boo Blogger Navbar
[more] Agradecimientos Especiales Y Una Nota

En este ejemplo tu has decidido que no solo quieres que los tags sean remplazados por una imagen pero que aparte quieres una imagen diferente para cada remplazo de tag, y asi lo puedes hacer.

[TAG]S: SQUARE, EXTRA y MORE.

Ejemplo #5:

[square] [TAG] Multi-Propositos 1 de 3
[erase] Hovering Peek-A-Boo Blogger Navbar
[extra] Agradecimientos Especiales Y Una Nota
[circle] Introducciones

En este ejemplo final solo quiero que vean como el script puede borrar, remplazar uno o mas elementos al mismo tiempo con una o mas [TAG]s dependiendo en tu decision.

[TAG]s: SQUARE, ERASE, EXTRA y CIRCLE.

Ven, Bastante Chido no?.

Esto hara que tu Feed filtrada jamas tenga ningun desliz en lo absoluto por no solo el tag sea captado en el elemento clase 1 de tu feed, Sino que es la Primera palabra en este.

Y no solo eso. Puedes tener esas Feeds para las categorias or solamente usarla para tener dichas categorias sin interferir con el look de tu blog, o usarla para mejorar el look del mismo.

Veamos dentro del codigo explicandolo en terminos simples, el codigo para esto no podria ser mas corto ni mas claro aun para los principiantes.

Asi que, solo agreguen este codigo dentro de los tags de Head:

JS->>>
function change(){
var findone=/\[whatever\]/ig;
var rep ="'<'img src="Image Url" gif="" border="0" />  ";
var d=document.getElementsByTagName('div');
var i=0;
for(i=0;i


Y para evitarte cualquier clase de problema cuando estes apuntando a una imagen, aqui esta como se debe ver el link para usar una imagen:

LINK DE LA IMAGEN->>>


Finalmente, veamos como se ve el codigo para los ejemplos representados en este post:

EJEMPLOS-->>>
function change(){
var findone=/\[SQUARE\]/ig;
var findtwo =/\[CIRCLE\] /ig;
var findthree =/\[TRIANGLE\] /ig;
var rep =" '<' img src="Image Url" gif="" border="0" />  ";
var findfour=/\[ERASE\]/ig;
var repone ="";
var findfive =/\[EXTRA\] /ig;
var reptwo =" '<' img src="Image Url" gif="" border="0" />  ";
var findsix =/\[MORE\] /ig;
var repthree = '<' img src="Image Url" gif="" border="0" / > ";

var d=document.getElementsByTagName('div');
  var i=0;
  for(i=0;i<d.length;i++){       
  if(d.item(i).innerHTML.match(findone)){
  d.item(i).innerHTML=d.item(i).innerHTML.replace(findone,rep);
  if(d.item(i).innerHTML.match(findtwo))
  d.item(i).innerHTML=d.item(i).innerHTML.replace(findtwo,rep);
  if(d.item(i).innerHTML.match(findthree))
  d.item(i).innerHTML=d.item(i).innerHTML.replace(findthree,rep);
  if(d.item(i).innerHTML.match(findfour)){
  d.item(i).innerHTML=d.item(i).innerHTML.replace(findfour,repone);
  if(d.item(i).innerHTML.match(findfive))
  d.item(i).innerHTML=d.item(i).innerHTML.replace(findfive,reptwo);
  if(d.item(i).innerHTML.match(findsix))
  d.item(i).innerHTML=d.item(i).innerHTML.replace(findsix,repthree);

           }
   }
}


Como pueden ver en esta demostracion, cada vez que agrego un nuevo [TAG] debo agregar un nuevo find "#". Si hay varios [TAG]s que van a ser remplazados por la misma imagen, entonces solo debe haber un solo valor 'rep', si por el contrario solo quiero borrarlas, eso puede hacerse tambien con un solo valor rep que debe quedar vacio. Solamente cada vez que vaya a agregar un [TAG] que sera remplazado o borrado aparte de otro que ya este dentro del script, solo entonces es cuando debo agregar otro valor rep y identificarlo para que el mismo pueda ser remplazado el [TAG] correcto con la imagen requerida.

Pues, ahi lo tienen, Si tienen alguna duda, sugerencia o nuevo uso para esto, dejen un comentartio.

Aunque este hack todavia esta dado por terminado ya que de aqui siguen dos post mas que enseñaran todo lo que puede hacerse con este [TAG].

Creditos:
Codigo: Aditya
Idea y Implementaciones: Avatar

Posted By Avatar X At 1:43 AM

  (4)        

Comments on "[TAG] Multi-Propositos 1 de 3"


- Click Here To Display Images In The Comments -

. Anonymous Anonymous
(20 June, 2006 20:32)  
De hecho yo vi una codigo muy parecido y el objetivo es la de sustituir los "emoticones" ;) :) :D etc etc por imagenes. Asi uno escribe en el post: "Hola! Estoy feliz :)" y el script sustituye :) por una imagen.

saludos!
Mario

. Blogger Avatar X
(20 June, 2006 20:49)  
si, blogger emoticons. aunque prefiero este, hay otro que hizo un cuate pero es exclusivamente para remplazar las letras de los titulos por imagines, para dar otro tipo de tipografia, supuestamente Aditya me dijo que tambien se puede lograr por un medio algo mas simple.

y pued a ver si ya contestas mi e-mail que te mande.

. Blogger Mario
(22 June, 2006 12:27)  
Ah, si vi un mail tuyo, para comprobar la direccion de email ¿cierto?.
No lo he contestado porque lo vi de "rapidito", estoy fuera de mi ciudad y el acceso que tengo a internet es muy limitado, no puedo ver correo de yahoo, gmail hotmail, etc etc. Lo bueno es que aun no bloquean los blogs.

Saludos!
Mario

. Blogger Avatar X
(22 June, 2006 13:31)  
Bueno, pues entonces hasta que regreses para platicar a gusto supongo. ahi si puedes regresarme el e-mail pues se os agradecera.



Post a Comment
Thursday, May 04, 2006

Solo Un Aviso

Solo queria hacer saber a todos que son mas que bienvenidos a postear su comentarios acerca de los hacks o de lo que quieran, a hacerme pedidos personales para cualquier cosa que tenga que ver con Blogger, tambien si quieren que le de una revisada a algo en particular con lo que se hayan topado por ahi en la bloggerosfera esto es mas que bienvenido, de igual manera si quieren que les ayude a resolver algun problema en particular.

El E-mail para este blog por el momento es: Bloggeratto@gmail.com

(no, no le temo al spam, me la pela)

Y SI, yo soy ese CRAFFTER que ustedes han visto por muchos lugares del internet.

(Solo para responder mis ultimos dos correos.)

Posted By Avatar X At 7:03 PM

  (0)        

Comments on "Solo Un Aviso"


- Click Here To Display Images In The Comments -



Post a Comment

Hovering Peek-A-Boo Blogger Navbar

Este es uno de los Hacks mas obvios que se pueden ver(y no ver) en el blog que estoy seguro que no has visto en ningun otro lado. Para verlo en accion solo deja flotar el cursor cerca del tope de pagina en el blog y podras verlo actuar.

Este hack nacio de una idea debido a una discusion en particular en el Blog de Implobulus, Consuming Experience que me hizo volver a pensar en cuanto a mi posicion acerca de la barra navegadora de blogger. Pero mas importante aun, eso me hizo pensar en como responderle a ella con algo que tuviera la etica intacta de la barra navegadora y que fuera funcional y acorde a lo que un blog de blogger debe tener y mostrar sin traicionar mi posicion original al respecto.

Y asi lo hice:

Ya despues, le pedi ayuda a Aditya por Gmail Chat para ver si podia encodearme algo basado en el concepto que habia pensado:

"Escondamos la barra navegadora de blogger, pero dejemos la decision de mostrarla y usarla al visitante/usuario, dejando la funcionalidad de la barra navegadora completamente intacta".

Asi que despues de tan solo 5 minutos, Aditya encodeo algo en CSS que resolvia el problema. Desgracidamente no era multinavegador todavia (solo Firefo podia mostrarla de la manera correcta). asi que volvio a encodear, y yo volvi a probar el codigo hasta 30 minutos despues que algo de javascript tuvo que ser agregado y voila!
El hack de la "Hovering Peek-A-Boo Blogger Navbar" habia nacido.

Este hack como se dicho, es multinavegador. pero una vez que la version final de IE7 haya salido, actualizare este post para poner la version 100% css. Mientras tanto esta version hara el trabajo.

Chequenla:



1. Vayan a su Editor de Templete/platilla (Escritorio > opciones > plantilla)

2. Pongan este CSS dentro de las etiquetas de codigo::



.show{filter:alpha(opacity=100);opacity:1.0}
.hide{filter:alpha(opacity=0);opacity:0.0}


3. Despues pongan este script de codigo JS (No olviden las etiquetas) dentro de las etiquetas:




function sh(){
var e=document.getElementById ("b-navbar");
e.className="show";
}

function hi(){
var e=document.getElementById("b-navbar");
e.className="hide";
}

function att(){
var e=document.getElementById ("b-navbar");
e.className="hide";
if(navigator.appName=="Microsoft Internet Explorer"){
e.attachEvent("onmouseover", sh);
e.attachEvent("onmouseout", hi);
}
else{
e.addEventListener("mouseover", sh, false);
e.addEventListener("mouseout", hi, false);
}
}


4. Finalmente cambien su etiqueta por esta otra:






5. ¡Eso es!. Ahora tienes una barra navegadora que solamente se muestra cuando es necesitada , cumples con la extricta blogetiquette (mas sobre eso despues) y cumples con tu contrato de Blogger.

Si crees que este post debe ser mas detallado deja un mensaje.

Creditos:
Codigo y Implementacion: Aditya
Idea: Avatar

Posted By Avatar X At 4:46 PM

  (0)        

Comments on "Hovering Peek-A-Boo Blogger Navbar"


- Click Here To Display Images In The Comments -



Post a Comment

Una Nota Con Agradecimientos Especiales

Este blog hubiera tomado todavia mas tiempo para poder empezar si no hubiera sido por el trabajo de mucha gente en la blogosfera y planeo darle credito a cada uno de elos como se debe.

Los Agradecimientos especiales van para Aditya Mukherjee y Gaby De Wilde Por ser buenos amigos en el proceso de preparar este blog.
.

Posted By Avatar X At 4:33 PM

  (0)        

Comments on "Una Nota Con Agradecimientos Especiales"


- Click Here To Display Images In The Comments -



Post a Comment

Introducciones

Este blog que estan viendo aqui realmente se ve increiblemente simple, ¿no es asi?. Se ve limpio, brillante y llevado al mas claro extremo del minimalismo. cierto?.

De ninguna manera.

Piensa otra vez, y esta vez mira un poco dentro del codigo fuente para que puedas ver que el motor interno del blog es bastante intenso, mas alla de lo que se pueda ver en el display del blog. Este siempre fue el proposito para con este blog, sobre todo en su primer mes, luciendo asi de simple. Pero fuera de eso. Este primer post es mas que nada una excusa para darles la bienvenida a todos a este blog. En este blog pienso postear todo acerca de la escena bloguera de Blogger.

Desde los servicios que pueden ser usados con el blog y dentro del blog, a los hacks que pueden mejorar y cambiar la funcionalidad del blog. Y en medio de todo eso, poster detallados, tutoriales, guias, revisiones de Hacks, reviews de blogs, recursos, mods, tips, trucks, etc.

En este punto muchos de ustedes deben estar pensando: hemos leido esa misma promesa antes solo para ser dejados colgando al primer o tercer mes sin nada que leer!, Hemos visto otros blogs con esa promesa resultar solo fraudes haciendo buzzlinking desmedido con todo tipo de anuncios por todos lados. Pero ademas de todo que tienes que ofrecer que no ofrezcan los demas blogs que se dedican a lo mismo?.

Puedo contestar todo eso rapidamente:

1.-Si, demasiadas veces se ha visto eso. Pero yo puedo decir en mi defensa que siendo de los que empezaron con blogger el que yo desaparezca por que me aburra de eso no es una posibilidad. yo estoy aqui para largo.

2.-Tambien muchas veces, pero todos esos blogs son mayormente splogs o blogs replicados de otros, y como es muy claro de ver esto no es ni un splog, ni mucho menos una replicacion de otro blog. y para terminar con este punto, este blog jamas usara Adsense.

3.-Facil, planeo cubrir lo que los demas blogs no esten cubriendo, hacer las cosas con mi propio toque personal y en el caso de esta version en español tambien poder traer a ustedes hacks conocidos con tutoriales en español.

Asi que empecemos.

Bievenidos a Bloggeratto.

Posted By Avatar X At 4:09 PM

  (2)        

Comments on "Introducciones"


- Click Here To Display Images In The Comments -

. Anonymous Anonymous
(20 June, 2006 11:05)  
Muchas promesas!!! ¿las cumplirá? :D

saludos
Mario

. Blogger Avatar X
(20 June, 2006 18:39)  
@caso patologico said: Muchas promesas!!! ¿las cumplirá? :D saludos Mario...


Curiosamente las he complido pero solamente en ingles. tengo ya la mayoria traducidos al español pero no los he posteado.

aunque que bueno que te apareces fijate. me gustaria charlar contigo un rato sobre algunas cosas que se me ocurrieron y otras mas que queria saber.



Post a Comment

Powered By ThePowered by BloggerEngine

Avatar Bloggeratto v0.2