Pincha aquí para verlo mejor!
Mostrando las entradas con la etiqueta Blogger. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Blogger. Mostrar todas las entradas

26 abril 2009

¡Sígueme que yo te pago!

Buenos queridos y amados lectores, tenia mucho tiempo sin chequear los gadget que google va creando y pues hoy vi que tenia un seguidor en el panel de blogger, no sabia que era pero ya se, y voy a probar, y si logro tener muchos seguidores hasta creo mi propia secta la enlazo al facebook,  obviamente no al estilo Jim Jones, sino algo mas normalito basandome en una filosofia de lo poco que se del marques del sade, fight club, y Maquiavelo (no menciono mas para que no se me vayan asustar y evitarles el escalofrío de presionar el botón Seguir), así que ya saben, siganme y cuando tenga un millón de seguidores yo les pago y en dolares pa' que vayan bien. 

P.D. Aunque no sean viles con el pana Piporro , mire que esta solo ahí en el panel, no es que quiera utilizar al pana para que la gente se conmueva y pues se una, sino que no paga. 

13 noviembre 2008

Crush on Obama + Obama girl

Obama girl es Amber Lee es una chiquilla muy guapa que a alcanzado la celebridad como fan de Barak Obama a través de Youtube, aunque esto es relativamente viejo tanto el vídeo como las fotos y como no se me ocurre nada mejor que postear pues toca colocar lo que tengo :P, y hablando de vídeo encontré un pedazo de código para que los vídeos se vean en alta calidad en los post, si les parece necesario pues leanlo y usenlo.






01 junio 2008

Ir arriba - Mandar la pagina al Top (Blogger)

Pagian internet Principal del codigoIr arriba, Mandar la pagina al Top, Smooth Scroll como le quieran decir, en realidad no se como se llama, si todavía no saben de que les hablo pues, me refiero de la flechita que esta a mano derecha si estas usando firefox o Iexplorer 7, si es la versión 6 de IE pues es la flecha esta ahií abajo, al final. La flechita tiene como objetivo enviar al top, al inicio, cabecera como se les ocurra llamar, claro esta que eso se hace con el código:

<a href='#top' title='subir' style='position: fixed; bottom: -5px; right: 5px;'><img alt='Subir' src='http://imagendirrecion.gif' /></a>
Ese código debería enviarles arriba siempre su pagina, el código es bastante simple href(direccion) style(habla sobre la posición, ahí ya es cuestión de ustedes donde colocan su botón y de que tamaño es el mismo), ahora muy bien, el código es de pinga, pero quiero hacerlo mas dinámico algo mas bonito, si se fijaron por curiosidad la mía sube en forma continua y no discritemente, esto se debe a un javascript que lo he conseguido en la pagina dezinerfolio, el código es abierto y lo pueden modificar fácilmente, ahora ¿qué hacer?, bueno.

1-Se descargan el Smooth Scroll
2-Descomprimen el archivo y pues lo montan (smooth.pack.js) en cualquier servidor en caso de blogger en googlepages (si quieren).
3- Ahora importan su javascript, solo tienen que pegar en cualquier parte de su blog o sitio el siguiente código con la dirección donde esta smooth.pack.js:

<script type='text/javascript' src='smooth.pack.js'></script>

4- Y por ultimo agregan el código del botón a la pagina y listo:

<a href='#' title='subir' style='position: fixed; bottom: -5px; right: 5px;'><img alt='Subir' src='http://imagendirrecion.gif' /></a>

Ahora bien el código debería funcionar, en mi caso no funciono así que jodi con el otro archivo smooth-src-comments.js el cual tiene el código muy explicito y fácil de entender(mentiras :P estoy exagerando no se nada de Javascript y no entiendo nada), pero ahí hay una parte donde dice speed, ahí en esa parte puedes modificar la velocidad de ejecución entre mas grande tarda mas en llegar al final, también esta la línea 55 que dice lo siguiente:

a = Scroller.scrollTop()
pueden modificarla y dejarla como la mia
a = Scroller.scrollTop()-100
esto con el fin de que llegue hasta el inicio

Luego siguen los pasos de arriba, lo de guardar, y pues ponen la dirreción de smooth-src-comments.js en lugar de smooth.pack.js. Este es un link del demo del javascript, espero que les funcione, sino pues estoy a la orden para dudas :P

17 mayo 2008

Pingdom Tools (Que tan rápido carga tu página)

Pingdom ToolsPingdom Tools Esta es otra herramienta gratuita que hay por ahí en internet, esta consiste en ver que tan rápido carga tu pagina en la parte que dice full lpage test, yo he dado 13,3 segundos con 81 elementos y por culpa del botón de pageRank, si me faltara ese botón entro en 3,2 segundos, aunque en la mañana me tiro 4.3 segundos, así que en realidad no se cuanto es mi promedio :( si quieren le dan a ver que les sale, lo mas fino es que nos enseña el tiempo de carga de cada uno de los elementos de nuestro sitio, así que nos ayuda para guiarnos en arreglos si queremos mas rapidez al momento de cargar :)

21 abril 2008

Blogger "Ayuda" : Cambiar o Personalizar Cursor

Bueno una de las cosas por las que cree esta cosa era para poner código C++, java y lo que se me apareciera, como han visto pues no hay nada de eso XD, pero ya alguien me pregunto como se cambia el cursor (Cursor; es el igual a fechita, puntero, coso ese que se mueve en la pantalla y esta mandado con el mouse o ratón), en realidad yo no tenia ni idea, como se hacia pero lo vi en el blog de pascuita y pues me guarde la pagina y en Dreamweaver examine cada cosa y me di cuenta que esta chiquilla tenia el código una extensión .ani y listo.

Lo que se tiene que hacer es sencillo, en blogger buscan el body{ (en la parte de estilos) y le agregan el siguiente código entre las llaves body{}.

cursor: url("http://puntogh.googlepages.com/Bleeding.ani"), url("http://i238.photobucket.com/albums/ff291/puntogh/Arrow011.png"), auto;

La explicación... se esta creando el uso del cursor, la primera url es un archivo con extensión .ani, cursor que permite el dinamismo y no es tolerado en firefox, por eso esta la segunda url que posee extensión png y es tolerada en Firefox, supongo que el auto es para que el decida cual aplicar.

Ahora como hacer para que cambie cada vez que se
coloca sobre un link, pues un poco mas abajo van a tener un a:hover{ esto viene a ser como un evento, solo tienen que agregar este código entre los las llaves de a:hover{}

cursor: url("http://puntogh.googlepages.com/yin_yang_cur.ani"), url("http://i238.photobucket.com/albums/ff291/puntogh/Normal.png"), auto;

Es la misma explicación, ahora bien, si no cambian nada de estos dos últimos, va a trabajar con el cursor por defecto.
Otras consideraciones que los van ayudar son las siguientes:
1-> Ctrl+F: Ayuda mucho a buscar las cosas en la plantilla (se los digo, yo trabajaba el triple por que no sabia que existía esta propiedad)
2-> Si desean Cursores o imágenes visitan Deviantart, ahi hay muchos y puede ser que encuentren algo que les guste.
3-> Si se descargan Dreamweaver les será de ayuda para probar las cosas.
4-> ¿Donde montar los cursores?, si se dan cuenta, la dirección de mis cursores son http://puntogh.googlepages.com/ google posee de todo y la gente que usa blogger le queda muy papa, solo se van a googlepages acceden con su cuenta normalita y montan todos los archivos de este tipo, luego dan clic derecho, copiar ruta y pues la sustituyen por la mía.
5-> También como referencia, sobre mi site pueden dar Ctrl+U, y ver mi código fuente y pues aplicar la consideración 1 XD eso ayuda a encontrar lo que están buscando.
6-> LA MAS IMPORTANTE, disculpen la pirateada, lo que pasa es que no soy diseñador y mucho menos me he hecho curso de CSS, lo que se, es por que lo he aprendido mirando y robando código XD, así que si necesitan ayuda pues me avisan a ver si en algo les funcionoXD
NOTA: hay muchos cursores en este planeta, recuerden que la idea es darle un toque original (espero que capten la idea).