Generadores Varios

Visitá The Generator Blog éste es un exelente blog donde podemos encontrar cientos de generadores para lo que se te ocurra, letra, imagenes, fotos, dibujos, botones, baners, logos, etc, etc, etc.
La única manera que descubras lo que necesitás y no sabías que lo necesitabas, es experimentar con cada uno de ellos.
Hay miles de ideas, Buena suerte!!!

Seguir Leyendo ...

Siempre me pregunté cómo hacen algunos blogs que cuando publican una entrada, no la publican entera, sino que publican un pantallaso, y luego existe un link que por lo gral. se identifica como "Sigue Leyendo", y despliega la entrada completa.
Entonces encontré lo siguiente, un código con el cual se despliega la entrada en la misma pantalla, y clickeando nuevamente se reduce otra vez.
Paso a explicar:


Primero debemos ubicar en nuestra plantilla (Plantilla/Edición de HTML/expandir artilugios)</style> y justo antes de esto debemos pegar este código
.posthidden {display:none}
.postshown {display:inline}

Luego ubicamos en la plantilla <head> y justo antes pegamos este otro código<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown") {
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>

Y guardamos los cambios.
Cuando creamos la entrada, antes del texto que deseamos que quede oculto ponemos el siguiente código <span class="posthidden" id="El título del post">
y al final de la entrada no nos debemos olvidar de incluir </span>. (Donde dice "Título de Post" debe ser sólo el título, NO la Url, si se quiere se pude hacer Ctrl+C Ctrl+V, con el título de la entrada, para que no se produzcan errores)

Para finalizar, donde incluimos el último </span>, a continuación incluimos este último código
<a href="javascript:expandcollapse('El título del post')">Seguir Leyendo...[+/-]</a>
Éste es el código que crea el link que expande y contrae la entrada.

Y pronto, se crea la magia.
Por último agradecer como siempre a Gema@

Actualización 17/07/07
Nuestra querida Gem@ nos deja otra manera más sencilla de crear este tipo de efecto, aquí va su excelente explicación:

Primero debemos guardar y alojar este script: functiontoggleIt.js

Luego nos situamos en Plantilla/Edición HTML y marcamos la casilla para expandir plantillas de artilugios.

Después buscaremos en nuestra plantilla </head> y justo antes añadimos...

<script src='URL DEL SCRIPT functiontoggleIt.js' type='text/javascript'/>


Después vamos a buscar lo siguiente:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Y lo vamos a sustituir por:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>SIGUE LEYENDO</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>CIERRE TEXTO</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Donde dice SIGUE LEYENDO y CIERRE TEXTO puede sustituirse por otra frase o si lo desea una imagen añadiendo el código de imagen: <img src="url-de-la-imagen">
Por último debemos añadir un código en las entradas donde aparecerá "Leer más"

Para facilitar la tarea y evitar tener que copiar y pegar ese código cada vez que deseemos añadirlo hay una solución y es aplicarlo en la plantilla de entrada.

¿Dónde está eso?
Nos situaremos en Plantilla/Opciones/Formato casi al final encontraremos la plantilla de entrada, es una ventana con opción para escribir donde añadimos:

aquí texto<span id="fullpost">
aquí texto
</span>

Guardamos los cambios y listo.

Ahora cada vez que editamos una entrada aparecerá ese código, escribiremos en la primera línea donde dice "aquí el texto" el inicio de la entrada y en la segunda línea de "aquí texto" es el texto que aparecerá "escondido"

Seguir Leyendo...[+/-]

Imagen en cabecera

Ayer había posteado la manera de cambiar la imágen de la cabecera.
Pues hoy, gracias a un comentario de Rosa, me vengo a enterar que Blogger nos da la opción de manera más fácil, como si subieramos una imágen a una entrada.
Lo que debemos hacer es ir a Plantilla y Editar (cabecera) allí nos da la opción de buscar desde la web o en nuestro pc la imágen que deseamos colocar en la cabecera.

Si lo que querés es que no se vea el título antiguo, simplemente vuelve a elementos de la página y pincha en editar cabecera, te saldrán dos nuevas opciones:
-Behind title and description
-Instead of title and description
Tenés que marcar la segunda opción y guardas. Entonces el título habrá desaparecido. Y listo.
Je je, mucho más fácil y sin rompernos la cabeza XD (cuánta energía perdida no?)

Imagenes para cabecera

En esta página http://www.freewebpageheaders.com/gallery/index.php hay más de 500 headres para poder cambiar nuestra cabecera.
Consejo: esta página te pide que te registres, aunque puedes copiar la imagen una vez que encuentres la que más te agrade, clickeando con el botón derecho del mouse le das a guardar como y ya está. Una vez que tienes la imagen la puedes modificar con el programa de imágenes que utilices.


Para cambiar la imagen de la cabecera nuevamente recurro a Gem@, que lo explica muy bien:
Las explicaciones son para la plantilla mínima, pero poniendo un poco de empeño puede servir para alguna otra.
Nos situamos en Plantilla/Edición HTML/ Expandir plantilla de artilugios.
Una vez allí donde dice:

*/
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}


Cambia el valor border:1px de header-wrapper a border:0px y el de header también a border: 0px
(Lo anterior hace que el borde donde aparece el título desaparezca)

Más abajo a continuacion de: <div id='outer-wrapper'><div id='wrap2'> añadimos lo siguiente:
<div id='header'>

<a href='aquí-la-url-de-tu-blog'>
<img border='0' height='190' src='aquí-la-url-de-tu-imagen'
width='670'/></a>

(Con este cambio añadimos la imagen que hace enlace con nuestro blog de manera que al clicar en ella actualiza la página)


Por último debes buscar esta parte del código:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)'
type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>

<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>

Eliminaremos los dos códigos <data:title/>guardamos los cambios y listo.
(Al eliminar <data:title/>estamos eliminando el título)

Yo lo realisé en el Blog de Recetas y quedó bastante bien, teniendo en cuenta que desde donde realizo este blog no puedo tener programas de imágenes :-(Seguir Leyendo...[+/-]

Cómo postear codigos HTML

Una herramienta fantástica es el que se encuentra en chuano.net ó simplecod.com
Se trata de un convertidor del código HTML para que podamos postearlo en nuestro Blog.
Es decir si nosotros quisieramos poner un código que represebta una imagen, lo que se publicaría sería la imagen y no el código, es en esa situación que utilizamos el convertidor.
Este nos modifica el código HTML de manera tal que podamos verlo en el post que realisemos.

Ej:
si yo aplicara un código para añadir una imagen que a su vez sea enlace de una página, aplico el código para ello a continuación:


Obviamente no ven ningún código, sólo la imagen que si la pinchan lo llevan a este Blog.
Entonces lo que hacemos es ir al convertidor, copiar el código que nos dá y el resultado sería este:

<a href="http://keytrucos.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfuMX17LrLUbfO_B4Tt08hgtyORdUGfsDohDzavm7IVyapLMOySgZnbdQAQnTvPKtTYBU0h3PUX2fEl3xMZjzdZMuYw2UMhnJwuhnMFpeHtu-IDKnJXflupy4z4jlZueipVeHmd-SzUw/s320/keymu%C3%B1eca.png" /></a>
Y pronto !!!!

Hotlinking?

Gracias a Gema@ me enteré de que se trata esto.
Sobre todo es una cuestión de respeto.
Copio y Pego ya que lo explica clarito:

"Siempre he recomendado a todo aquel que quiere oírlo que no es ético robar la Url de las imágenes, me explico...Una cosa es apropiarse de una imagen, es decir... guardarla y subirla a un servidor para más tarde exponerla en una página o blog .Otra muy distinta es copiar la Url de esa imagen y cómodamente añadirla al espacio donde uno desea exponerla, la diferencia es palpable, cuando robamos la Url de una imagen estamos también aumentando el ancho de banda, pudiéndole provocar al autor de esa web pagar más por el alojamiento.Eso es a lo que se llama hotlinking, apropiarse de la url de las imágenes alojadas en un servidor ajeno, yo no le llamaba de ninguna forma pero claro pensaba que quien hiciera eso debía ser un comodón o estar en la ignorancia de lo que he explicado anteriormente.También quiero añadir que hay formas de saber si alguien ha añadido la url de nuestras imágenes, y es por medio de Technoraticlaro está no hay que confundir adueñarse de la url de una imagen con el gesto de enlazar nuestro blog con un botón tipo enlace invitando a ser enlazados, cosa dicho sea de paso es de agradecer.
Como decía en Genbeta nos han dado la solución, se trata de una pequeña aplicación Web que nos ahorrará tiempo y ancho de banda.
Funciona de la forma más sencilla, cuando deseamos llevarnos una imagen de algún lugar en vez de utilizar la url de esa imagen le añadimos justo delante: http://imgred.com/Cuando realizamos esto la petición la hace al servicio de ImgRed, pidiendo la primera vez la imagen original y devolviendo una versión cacheada de la misma.
[...] os invito a probar este nuevo sistema comprobando después en propiedades de imagen el funcionamiento de tan útil aplicación."
Esto es importante, si no lo sabías como yo, ahora ya lo sabes, y estaría bueno que lo apliquemos.
Seguir Leyendo...[+/-]

Fotos Varias

Este resumen no está disponible. Haz clic aquí para ver la publicación.

Cambiar texto "Entradas Antiguas" por iconos de navegación

En GemaBlog encontré esto que está sumamente interesante, y aquí lo comparto.
Obviamente lo puse en practica en mis blogs.
Sustituir o cambiar por gráficos los datos que salen como:
*Entrada más recientes *Página principal *Entradas antiguas
Nos situamos en Plantilla/Edición HTML/Expandir plantilla de artilugios hasta encontrar esta parte de código:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>

<div class='clear'/>
</b:includable>

Y lo sustituimos por esto otro:
<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='http://img58.imageshack.us/img58/8076/leftxv5.png'/>
</a>
</b:if>

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://img260.imageshack.us/img260/9691/rightli5.png'/>
</a>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://img260.imageshack.us/img260/6710/homepngrg7.jpg'/>
</a>
</div>
<div class='clear'/>
</b:includable>

El resultado seria el siguiente:

Llueve !!!!

http://www.glitter-graphics.com/generators/falling_objects.php
Esta página es genial, hay de todo, me pasé un buen rato probando cositas, y lo que dejo de muestra es esta lluvia de corazones.
Llegué a travez de la página de Feripula (http://recursosparatublog.blogspot.com)

Asiduos visitantes

http://widget.criteo.com/

autoroll

bi=2136307040