tag:blogger.com,1999:blog-52482476562243700682024-03-14T05:46:32.570-07:00Hacker of the WebAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-5248247656224370068.post-420783019905582732014-07-13T19:11:00.002-06:002014-07-13T20:40:00.376-06:00CSS3: Media Queries, tu sitio web dinamicoDespués de mucho tiempo lejos de mi estimado blog, estoy de regreso con algunas propuestas nuevas, poco a poco estaré haciendo algunos cambios. Claro que después de haberlas probado extensamente en mi blog de pruebas. Pero por ahora aquí les dejo algunas opciones que se pueden utilizar en cuanto a la maquetación en nuestro sitio web, en esta ocasión hablaremos de la regla @media, que podemos Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-26327240634147548542011-01-26T23:30:00.004-07:002011-09-03T06:56:56.703-06:00Calendario interactivo con fechas programadas v1.6
Si bien ya había publicado este calendario. Ahora les presento una version mas corregida del mismo Calendario. Es mayormente mas facil de utilizar y su aplicación difiere solo un poco de su antecesor.
Así que si me acompañas a ver que es lo que tiene de nuevo el calendario, te aseguro que te divertiras al usarlo al igual que un servidor al programarlo xD. El resultado final es este:
varAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com8tag:blogger.com,1999:blog-5248247656224370068.post-3457957097291607352011-01-20T00:18:00.015-07:002011-01-26T23:37:13.349-07:00Calendario interactivo con fechas programadas/!\ Existe una versión mas actualizada que esta en:
Calendario Ineractivo con fechas programadas v1.6
/!\Si ya instalaste esta versión, revisa esto para actualizar a la nueva version de este mismo calendario:Actualizar de Calendario Ineractivo con fechas programadas v1.0 a v1.6
Hace ya bastante tiempo, el usuario ●๋•╣ҜΞҜΘ╠●๋•, me habia consultado acerca de como realizar un calendario Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com13tag:blogger.com,1999:blog-5248247656224370068.post-9023528410085910662010-02-06T12:29:00.003-07:002010-02-06T14:04:45.400-07:00Blogger: Ocultar algunas etiquetas de las entradas Alguna vez haz pensado en poder poner una etiqueta que solo puedas utilizar tu en el panel de administrar entradas, y por lo tanto no sea visible en el blog??Ese es el objetivo de este hack, el utilizar una etiqueta( o varias si asi lo necesitas) invisible solo para fines administrativos o mejores resultados en las búsquedas o resultados de entradas relacionadas, pero para tus lectores esa Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com8tag:blogger.com,1999:blog-5248247656224370068.post-34899388159970627642010-01-30T06:00:00.006-07:002010-01-30T18:22:46.870-07:00Gadgets visibles o no. solo en páginas individuales Aunque las páginas individuales o estáticas de Blogger, que acaban de aparecer, aún están en borrador o fase de prueba. podemos jugar un poco con estas para que luzcan un poco diferentes a las páginas de las entradas. Algo que cambiaría la apariencia de las páginas estáticas seria mostrar u ocultar gadgets.Es decir, que el gadget será exclusivo para las páginas estáticas y por lo tanto no Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-23128034858407885172009-10-04T16:00:00.014-06:002011-04-30T15:21:34.066-06:00Blogger: Mostrar entradas popularesHace poco me preguntaron si conocía algún método para mostrar las entradas mas populares o mas comentadas de nuestro blog. A lo cual respondí que no, pero pronto desarrollaría una. Así que ahora les traigo un método bastante sencillo de usar y muy funcional.Utiliza el feed del blog para conseguir los datos necesarios, después los almacena en una matriz. Donde los ordena para posteriormente Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com6tag:blogger.com,1999:blog-5248247656224370068.post-33941588546343053992009-09-20T16:45:00.009-06:002011-01-23T16:09:24.349-07:00Resaltar comentarios del autor del Post El poder resaltar los comentarios hechos por el autor del Blog, en si, no es una funcionalidad de Blogger. Pero se puede lograr manipulando algunas variables que maneja el sistema. Comenzaremos copiando el código que toda plantilla mínima debe tener en la parte de los comentarios, en Notepad o algún editor de texto plano: <!-- Autor del comentario --> <dt expr:class='&quot;Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com3tag:blogger.com,1999:blog-5248247656224370068.post-35609417920659887922009-09-05T14:50:00.019-06:002011-01-23T16:09:24.350-07:00Optimización de ImágenesLa optimización de imágenes es muy importante a la hora de la carga de una página web, entre mas imágenes tengas en una página web no importando de que tamaño sean, tardará mas tiempo. Pues el navegador las irá mostrando de una en una junto con los scripts de la página y el código CSS.Y para reducir el número de imágenes existe un método en CSS para posicionar imágenes mediante coordenadas X y Y.Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-90681166003868641902009-06-14T17:46:00.004-06:002009-06-14T17:49:58.833-06:00Separar una etiqueta, manteniendola invisibleEn un comentario reciente, me preguntaban como se puede hacer para dividir las entradas de una etiqueta individual de la demás, es decir, mostrar las entradas de una etiqueta fantasma que no aparezca en el gadget de etiquetas.Lo primero que se me ocurrió es filtrar en el Archivo del Blog, las entradas con la etiqueta. Pero el dato de las etiquetas nunca apareció. Así que pensé que tal vez con un Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-71266939000021231462009-06-11T08:58:00.008-06:002011-02-21T21:53:00.770-07:00Gadget de Etiquetas expandiblesSupongamos que tienes una lista aburrida de etiquetas, que tal si en vez de mostrar el numero de entradas en esa etiquieta, mejor mostrar el titulo de las entradas en ella.Sería fantástico ¿no?. Además estos feeds no hace que tarde mas la página en cargar. Pues se cargan despues de cargar la página y van apareciendo etiqueta por etiquetaPara quienes buscan auto-promocionar su blog, pues como dijeAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com13tag:blogger.com,1999:blog-5248247656224370068.post-30870722061667655952009-05-30T09:00:00.000-06:002010-01-04T13:10:40.832-07:00Ocultar etiquetas del gadget de etiquetas de BloggerOcultar etiquetas del gadget de etiquetas de Blogger, una utilidad que te podría servir. Tal vez hoy no, pero en un futuro. Un recurso con bastante futuro en Blogger. Algunas veces necesitamos mostrar u ocultar alguna etiqueta del gadget de etiquetas del blog, ya sea por cualquier razón. Basta con examinar y entender el gadget de Blogger para poder manipularlo.Rapidamente explicaré como funciona Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-65420983270613460002009-05-15T08:00:00.005-06:002009-10-30T22:11:27.855-07:00Añadir dos o mas secciones en una misma lineaSupongamos que tienes un gadget de Adsense, pero ocupa mucho espacio, que tal si en vez de tener un solo gadget, agregas dos en el mismo espacio. Te ahorrarías un poco de espacio y al mismo tiempo ganarías mas anuncios y por lo cual mas clics en anuncios.Para los usuarios de Blogger que quieren aprovechar al máximo cada espacio del blog, o simplemente por estética. Pero por otras razones también Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com14tag:blogger.com,1999:blog-5248247656224370068.post-48351988342592190182009-05-11T08:00:00.002-06:002011-01-23T15:56:46.960-07:00Manual avanzado de CSSYa antes habíamos explicado un poco y básicamente, lo que es el CSS, los elementos que componen el lenguaje, así como también los diferentes tipos de selectores y algunas otras cosas. Algo meramente básico, pero en esta ocasión explicaremos algunas funcionalidades mas avanzadas.Jerarquía.La jerarquía es uno de los conceptos básicos que necesitamos para poder manejar CSS en su máxima expresión ya Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-46445019033187565652009-05-09T08:30:00.002-06:002009-10-04T15:30:11.038-06:00Otras formas de mostrar "Entradas recientes"Existen varias formas de mostrar las entradas mas recientes de nuestro mismo blog o incluso de cualquier otro blog, de manera que puedes elegir entre las mas sencillas hasta las mas complejas. Como lo puede ser añadir un Gadget de feed directamente hasta un script que muestre parte de la entrada y hasta la fecha de la entrada.Puedes usarlo para auto-promocionar el blog, esa técnica es muy Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com3tag:blogger.com,1999:blog-5248247656224370068.post-9497021906298488082009-05-07T12:05:00.008-06:002009-05-13T22:32:57.145-06:00Añadir miniposts en el BlogSeguro que ya haz visto alguna vez minimo, el tipico mensaje de 'Leer Mas', que muestra solo la primer parte del post. Pero ¿cómo hacerle para mostrar un resumen de verdad, es decir, algún tipo de doble entrada y que el segundo minipost se muestre solo la página de la entrada y el primer minipost en las demás?Solo es cuestión de añadir en la entrada dos etiquetas clave, de las cuales, la primera Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-78163501870684070062009-04-07T18:00:00.003-06:002009-04-07T18:08:10.376-06:00Estructura de un gadget en Blogger IIAnteriormente había explicado la estructura de un gadget, pero la estructura no se lleva solamente una entrada. Pues faltan por explicar algunos aspectos. Como lo son los b:includables, con los cuales reutilizaremos código fácilmente. Es decir sin tener que escribirlo dos veces.La estructura por defecto de un gadget es la siguiente:<b:widget id='HTML1' locked='false' title='' type='HTML'> Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-12514187995094458122009-03-30T09:10:00.011-07:002010-01-22T01:18:37.224-07:00Entradas expandibles en BloggerUn efecto bastante vistoso, pues puedes hacer que las entradas se muestren expandidas o contraídas, para ahorrar espacio o simplemente por estética o por simple decoración. Puedes configurarlo para que sean por defecto o solo en las paginas de etiquetas y búsquedas./!\ Actualizacion 21/01/10: Se actualizo en el paso 3, la solución al problema de las páginas individuales de Blogger [1] Para Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-71965535760773191312009-03-25T12:05:00.004-07:002009-05-02T09:01:24.405-06:00Entradas relacionadas en BloggerLas entradas relacionadas son bastante interesantes, pues explicaré como funciona. Según las etiquetas que coloques en cualquier post, el script revisará el feed de cada etiqueta y colocará una entrada por etiqueta en las entradas relacionadas, sin repetición de alguna.Para conseguir el script, necesitas descargarte el archivo zip, que contiene el archivo Related.js. Y despues subirlo al host queAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com8tag:blogger.com,1999:blog-5248247656224370068.post-43588745068370307632009-03-11T11:22:00.005-07:002010-01-04T13:10:40.833-07:00Mostrar entradas recientes de cualquier blogPuedes utilizar trucos como: mostrar comentarios recientes, entradas relacionadas y este. Para conseguir una mejor eficacia en cuanto a lo que buscan los lectores o lo que les interesa, ya que si solo colocas las puras entradas en la portada solo verán esas entradas, pero ¿...y las demás?Es por eso que siempre se debe colocar algo de "Auto-publicidad" hacia tus otras entradas ya sea con los hacksAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-90529697017922714852009-02-23T21:37:00.019-07:002011-01-23T16:09:24.351-07:00Mostrar u ocultar objetos Div, con Javascript y DOMExiste un metodo para mostrar u ocultar elementos Div, es decir ocultar el elemento y todo lo que este dentro de él.
Inicialmente ocultoEstos botones niciarán en la página con el contenido no visible para el visitante, así el visitante podrá decidir si quiere mirar el contenido del botón o lo que oculta, xD.
CSS.- Botón con CSS:
Para que se entienda un poco mejor y mucho más práctico aqui estaAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com37tag:blogger.com,1999:blog-5248247656224370068.post-13943413778825813672009-02-17T18:23:00.004-07:002011-01-23T16:09:24.352-07:00Añadir Gadgets entre el header y las entradas (crosscol)Existe una seccion de Blogger, que no es utilizada por el mismo blogger, y por ende por CASI nadie. La sección se llama crosscol, lo mejor es que esta, esta ubicada por debajo del header y de las entradas./!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.[1]Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com34tag:blogger.com,1999:blog-5248247656224370068.post-40999724070103193952009-01-28T09:16:00.015-07:002011-01-23T16:09:24.353-07:00Cambiar el texto del feed en BloggerSi estan aqui casi estoy seguro que ya tienes un blog en Blogger y ya has visto este texto, o algo parecido:Suscribirse a: Entradas (Atom)La verdad es que el texto es muy genérico, y en veces no va con nuestros blogs. En esta entrada del blog, te explicaré como cambiar el texto del link anterior, así como agregarle imágenes o algo por el estilo./!\ En esta entrada se asume que tienes Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-82694815960089916352009-01-22T19:14:00.003-07:002009-06-18T21:42:43.666-06:00Cambiar el color de la selección del textoA veces queremos cambiar el color de fondo de la selección del texto, ya que por default viene un color azulado que en algunas ocaciones no se ve. O simplemente por personalizar nuestra página web o blog, podemos utilizar el siguiente código CSS:/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Como editarAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com8tag:blogger.com,1999:blog-5248247656224370068.post-70218025111889096162009-01-18T15:56:00.008-07:002009-02-24T03:12:53.713-07:00Enlace aleatorioSi tienes demasiados enlaces en tu web o blog, puedes usar este script, para que se vea menos abultada tu página, es sencillo instalarlo solamente tienes que dirigirte a la parte de Edición HTML, sin expandir las plantillas de artilugios, de blogger, en el blog que prefieras./!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-7885779703408779892009-01-10T13:24:00.011-07:002009-09-19T14:41:14.053-06:00Transparencia en objetos (Opacidad)Esto no es un truco ni demás, solo es un atributo de CSS que hace a cualquier objeto de una página web, disminuir la opacidad y hacer que se vean un poco transparentes, si no me estas entendiendo puedes hacer clic en:Mostrar Ejemplo[cerrar]/!\Trata de seleccionar algo!!![1] Para disminuir la opacidad de un objeto solo le agregaremos estas lineas de estilo:filter:alpha(opacity=60);-moz-opacity:.60Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2