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-23493952687270809012011-05-31T17:05:00.002-06:002011-05-31T17:08:55.534-06:00Nuevas caracteristicas en imagenes alojadas en BloggerHace algunos días que me percate de una nueva característica de las imágenes que subimos a Blogger. Se trata de modificar el tamaño de la imagen mediante el url de esta, para no sobrecargar la página.
Veamoslo de un modo práctico... Todos estamos de acuerdo que cuando subimos una nueva imagen, se genera automáticamente un código como este:
<div class="separator" style="clear: both; Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-89343972875249192382011-01-26T22:31:00.001-07:002011-01-26T22:35:32.953-07:00Blogger: Acerca del Autor de la entrada tipo WordPress
Seguro ya habrán visto en algunos blogs que al final de la entrada se encuentra un pequeño apartado donde el autor de la entrada se presenta con sus lectores con un pequeño texto.
Es un recurso interesante, pues mediante eso, los autores del blog pueden hacerse algo de audiencia y preferencia única hacia ellos, mientras que de la manera tradicional casi siempre o siempre pasa desapercibido Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag: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-32539053129135052232010-02-01T11:38:00.004-07:002010-02-06T13:54:50.308-07:00Blogger: Sustituir el nombre de las etiquetas por imagenesSi te molesta que en cada entrada se muestren las etiquetas en forma de texto, por estética o por lo que quieras, sencillamente podrías hacer que cada etiqueta, en vez de mostrar su nombre en texto, mostrara una imagen relacionada con ella. Es decir, si tienes de etiqueta algo así como "noticias", en vez de que tu entrada muestre "noticias" en la parte de las etiquetas muestre un periódico, Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com9tag: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-64929308766868589152009-06-27T08:45:00.001-06:002009-07-08T23:26:16.260-06:00Enlaces de navegacion con nombre de entradaAunque para algunos es muy poco para mi es un pequeño gran salto, pues hace un año que cree este blog sin saber absolutamente nada de los lenguajes web xD. Ahora soy todo un programador y hablando de desarrollar para es post numero 100, les comparto un hack, que si bien me resultó fácil desarrollarlo nunca lo he visto en otro blog de Blogger, así que disfrutenlo en este post número 100 xD!![1] Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag: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-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-75775792833077762182009-05-05T08:45:00.001-06:002009-05-05T08:45:03.185-06:00Mensaje de suscripción en página de cada etiqueta IIHace un poco publiqué una manera de agregar un mensaje de suscripción en la página de cada etiqueta, junto con las entradas de la misma etiqueta, que se conseguía con un gadget, que yo mismo desarrollé. Pero a ese gadget se le pueden aplicar varias mejoras, como agregarle un fondo al mensaje, distinto con la etiqueta especificada, para conseguir el siguiente efecto:El código Blogger, es el Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-83801674400472883162009-05-02T19:50:00.002-06:002009-05-02T19:57:47.349-06:00Administracion personal del BlogPara los que ocultamos la navbar de Blogger, o al menos a mi, se hace muy tedioso el tener que ingresar a Blogger y después darle en edición de entradas, en especial si no esta activado el icono editor rápido de entradas. Pero gracias a una clase de CSS, predefinida por el mismo Blogger, esta tarea se simplifica y nos ahorra un poco de tiempo.Lo primero a hacer, es obtener el id de el blog. Lo Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-7659271369112520832009-04-25T07:45:00.004-06:002009-04-26T01:35:16.492-06:00Recuperar el editor por defecto de BloggerYa son bastantes los que necesitan saber como cambiar de editor en Blogger, pues en blogger existen dos tipo de Blogger.El primer tipo de editor y mas común es el editor llamado WYSIWYG (what you see is what you get).El segundo tipo de editor es mucho mas liviano y no tiene tantas funciones.Para cambiar el tipo de editor, es necesario entrar en la pestaña Configuracion del blog y después buscar Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-21829674735061822052009-04-19T10:35:00.000-06:002009-05-02T09:07:28.311-06:00Expandir o contraer, cada gadgetLos gadgets contraíbles tienen la misma funcionalidad que las entradas contraíbles. Puedes utilizarlo en los gadgets que quieras!![1] Para colocarlo simplemente debes dirigirte a Diseño>Edicion HTML>Expandir plantillas de artilugios y agregar las siguientes lineas de código antes de la etiqueta </head>, para cargar los archivos JavaScript, que contienen los códigos necesarios para el Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com3tag: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-41485755177750435932009-03-22T11:54:00.005-07:002010-01-03T23:07:21.304-07:00Aumentar y reducir el tamaño del texto de las entradasAumentar y reducir el tamaño de la fuente en las entradas, se puede realizar de mas de una manera. Existen varios métodos para lograrlo, aquí les explico el que yo utilizo.[1] Debes ir a Diseño>Edicion HTML>Expandir plantillas de artilugios, donde tienes que agregarlo antes de la etiqueta </head>:<!-- Start Text-Sizer --><script type='text/javascript'>//<![CDATA[Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com12tag:blogger.com,1999:blog-5248247656224370068.post-6157854519117507902009-03-03T00:20:00.001-07:002009-03-07T12:58:37.098-07:00Ampliar imágenes con mouse y CSSYa habíamos explicado un código para ampliar imágenes con el mouse y Javascript y gracias a el comentario de Italo Disco Style, que preguntaba si se podía traducir a ese código Javascript a CSS. Lo cual dio resultado a lo siguiente.El inconveniente aqui es que no usaremos javascript, por lo que necesitaremos definir cada uno de los ID de cada imagen.El código CSS es el siguiente:#img { width:Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag: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-5598992389697353232009-01-22T15:51:00.006-07:002009-02-24T00:14:57.328-07:00Texto que crece soloSe podría utilizar para publicidad o para cualquier otra razón que requiera una atención especial, lo sencillo de esto no es que aumente por si solo de tamaño si no que colocarlo es aún mas./!\ 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]Solo tienes queAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-24792727092975641372008-12-24T08:10:00.009-07:002009-05-02T09:07:28.313-06:00Agregar 2 o mas gadgets en el header (Titulo) Me he alejado un poco del blog pero a cambio tengo muchísimas ideas mas para compartir y mejorar nuestros webs/blogs. Espero y sean de su agrado.Bueno En esta ocasión les mostraré como agregar 2 o mas gadgets a la cabecera de tu blog. Y así poder colocar cualquier objeto arriba o abajo de nuestra cabecera./!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com11tag:blogger.com,1999:blog-5248247656224370068.post-74406467934339932022008-07-21T11:46:00.008-06:002009-06-18T21:42:43.667-06:00Diferenciar linksEste código es simplemente para diferenciar los tipos de archivo a los que tienes enlazados en tu blog. Los pasos son los siguientes./!\ 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] necesitas entrar en Edición de HTML, no necesitamos expandir plantillasAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-74640379617524762882008-07-16T13:00:00.010-06:002009-09-15T00:21:50.228-06:00Fijar imagen en el blogAlgo que suele ser muy útil en los blogs muy extensos, es una imagen de "subir arriba" que se quede estática mientras la página se desliza. Para así el lector se devuelva a donde comenzó[1]para esto solo es necesario que coloques lo siguiente dentro de <body> y </body>:<a expr:href='data:blog.url + "#"' style='display:scroll;position:fixed;bottom:0px;right:0px;'><img src='URLAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-88169027157463048032008-07-13T00:15:00.007-06:002009-01-23T16:23:17.355-07:00Texto en Imágenes tipo graffitiPues esta es una web para descargar fonts, o tipos de letra. Pero además ofrece el recurso de probar la imagen. Bueno pues lo que haremos será usar ese recurso para obtener imágenes interesantes. Los pasos los describo enseguida:[1] Entra a FontReactor.com luego que te guste un tipo de letra escribes donde dice:[2] Luego de que escribas el texto, haces clic en [previsulizar], se generará una Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-32258146179923156792008-07-12T23:39:00.006-06:002009-01-23T16:26:21.647-07:00Reflejo a ImagenCon solo hacer unos clics puedes hacer que una imagen se pueda ver de esta forma.Para hacer esto requieres entrar a Reflectionmaker.com.Si te preguntas además de donde saque esta imagen te puede interesar este otro post:texto en imágenes tipo graffitiAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-14199277911898022008-06-27T11:38:00.004-06:002009-05-02T09:00:35.040-06:00Aumenta tus comentariosEste truco consiste en donde dice el número de comentarios despues de cada post, salga el numero de comentarios seguido de un link que dice 12 comentarios Agrega el tuyo!, bueno pues para esto tienes que buscar el siguiente código y añadir el codigo rojo:<span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4