Feliz Dia del Amigo

Muy facil Scroll

Esta es otra manera de ahorrar espacio en el blog.
Simplemente lo que tenés que hacer, es ajustar los valores del código con tus preferencias y añadir las urls de las imágenes y enlaces.

Este es el Código:

<marquee direction="up" scrollAmount="2" style="background-color: #FFFFFF; text-align: center; width:120px;height:150px;border:1px solid #000000;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='2'">
<a href="URL del enlace" title="texto"><img src=" aquí url imagen"</a> <br>
<a href="URL del enlace" title="texto"><img src="aquí url imagen"</a>
</marquee>

De este código podés modificar casi todo para que quede afin a tu blog, la dirección a donde se desplaza, la velocidad, el color de fondo, la alineación del texto o imágen, el ancho y el alto, borde, y si querés agregar más direcciones solo tienes que copiar <a href="URL del enlace" title="texto"><img src=" aquí url imagen"</a> <br>

Quedaría así

Menú Desplegable

Esta entrada esta dedicada a Feripula, como le había prometido, que plantea esta consulta.
"Bueno, te escribo para consultarte sobre un temita. Mi blog personal ya tiene una lista bastante extensa de amigos y estoy buscando un rollblog...o (no se bien cómo se dice....algo para guardarlos y que se desplegue la lista, así no me ocupa tanto espacio)"
Para realizar esto tenés varias opciones, pero por la descripción de la consulta, creo que esta es la más adecuada.
Es muy fácil, solo tenés que copiar el siguiente código, le ponés las URLs y los títulos que te interesen, y lo pegás en la sidebar como un nuevo elemento Html

<select onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" class="combobox" name="SiteMap" size="1">
<option selected/>TITULO DE TODOS LOS LINKS

<option value="URL DE LA PAGINA"/>TITULO DE LA PAGINA
<option value="URL DE LA PAGINA"/>TITULO DE LA PAGINA
<option value="URL DE LA PAGINA"/>TITULO DE LA PAGINA
<option value="URL DE LA PAGINA"/>TITULO DE LA PAGINA
<option value="URL DE LA PAGINA"/>TITULO DE LA PAGINA
<option value="URL DE LA PAGINA"/>TITULO DE LA PAGINA
</select>

Para agregar más Urls solo tenés que copiar una de las líneas (entre las ya existentes):

<option value="URL DE LA PAGINA"/>TITULO DE LA PAGINA


El resultado sería así
Los Blogs de FeripulaRecursos para tu BlogDe FeripulaHistorias de la Jirafa

Cambiar fondo del blog

Algunos le dicen fondo, otros background, otros layout....
Yo le digo fondo.
Como verán lo he cambiado con la misma imagen del truco anterior Imagen en pie de entrada.
Lo que hice fué muy simple, ingresé en "Plantilla/Edición HTML/Expandir artilugios" y en body {
inmediatamente después incluí lo siguiente
background: url(http://img142.imageshack.us/img142/9313/brown054wn2.jpg);

Por lo gral tiene un código de color como Background, simplemente lo que hacemos es eliminar ese código de color y para incluir la imagen en su lugar, agregar url(URL DE LA IMAGEN);

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^


De todos modos existen otras maneras para hacer esto sin necesidad de cambiar la plantila.
Por ejemplo Rosa nos da como idea, el poder incluir 2200 fondos distintos y muy lindos, para usar como background (imagen de fondo) en tu blog.
Sólo tienes que ingresar en Toolshell

Del mismo modo Yolanda nos da un tutorial de como hacerlo y varias direcciones con muchas imagenes !!!

Seguir Leyendo...[+/-]

Texto en columnas

Una forma original de escribir una entrada, y a la vez se ahorra un poco de espacio, es en tablas, dando a la vez una apriencia muy bonita.

El texto va dentro de una tabla y después lleva los valores añadidos que conforman el estilo de letra, el tamaño y los márgenes. Todos esos valores se pueden

modificar en el código a nuestro gusto. Y también se pueden incluir las imágenes subidas a Blogger como hacemos normalmente en nuestras entradas.

Este es el código que deben utilizar para poder dar este efecto:

<table><td style="width:40%;margin-top:0px;padding:15px;"><p style="text-align:justify;">AQUI VA EL TEXTO DE LA PRIMER COLUMNA</p> <td style="width:40%;margin-top:0px;padding:15px;"><p style="text-align:justify;">AQUI EL TEXTO DE LA SEGUNDA COLUMNA</p> </table>

Lo podés ver en práctica aqui

Exelente idea de Rosa

Avatar Simpson

Yolanda de Cabalas virtulaes nos trae una idea genial !!!
Al parecer en la página promocional de la pelicula Los Simpson, tenés la posibilidad de crear un avatar de tu imagen pero como quedarías en el mundo de Los Simpson.
Yo quedaría así


No es genial !!!

Daily Motion

Me comentaron por mail que Daily Motion era mejor que Youtube.
Me pasé por allí y tiene las mismas prestaciones, pero debo reconocer que visualmente es mucho más amigable, y la calidad de los videos es bastante mejor, además es sabido que desde que fué comprado por Google, cualquier vídeo que no cumpla con ciertas normas, causara la eliminación de los vídeos, sin mencionar los problemas de copyright que antes no eran tan severas.
La velocidad aquí es bastante buena también.
Se puede subir videos de 20 minutos y hasta 150 megas.
Podés elegir el tamaño en como querés que quede el video, yo elegí el mediano, aquí va:

Led Zeppelin - Communication Breakdown

Ya indagaré más sobre el tema.

Inhabilitar botón derecho

Al aplicar este código verás que inhabilita el botón derecho del ratón.
Pero no sirve para asegurarlo definitivamente, es para entorpecer la captación de un código ó imagen en tu blog.
Puedes ver una muestra aquí

Para aplicarlo nos situamos en Plantilla/Añadir elemento de página/HTML Javascript
Pegamos el código, podés modificar la frase que apararece al apretar el botón derecho, sin modificar el resto del código.

<script language="JavaScript">
<!--
function inhabilitar(){
alert ("AQUI VA EL MENSAJE QUE APARECE AL APRETAR EL BOTON DERECHO.")
return false
}
document.oncontextmenu=inhabilitar
// -->
</script>

Este es el código que debemos pegar, no te preocpes que en la sidebar no te aparecerá nada.

Ahora, si lo que querés es bloquear una imagen en especial, de una entrada determinada lo que tenés que hacer es agregar este código en la misma entrada:

Es decir tu imagen tiene determinada URL, ej: http://www.gifszone.com/content/image/kao_anis/kao_anis_0.gif

Le agregás lo siguiente
<p align="center"><img oncontextmenu="alert('AQUI VA EL MENSAJE QUE APARECE AL APRETAR EL BOTON DERECHO');return false" oncopy="alert('AQUI VA EL MENSAJE QUE APARECE AL APRETAR EL BOTON DERECHO');return false" src="http://www.gifszone.com/content/image/kao_anis/kao_anis_0.gif" /></p><p style="text-align: left;"></p>

Éste es el efecto: (apretá el botón derecho)

Fuente Gem@
Seguir Leyendo...[+/-]

Fodey

En Fodey.com podés encontrarte con varios generadores, entre ellos elegí este con un gatito parlanchín

Fuente Yolanda

Efecto botón pulsado

Podemos aplicar este efecto a cualquier imagen, queda muy bien especialmente con las imágenes tipo botón que funcionan como link o con iconos, yo lo apliqué al menu horizontal y a algunos elementos en el sidebar.

Para obtener dicho efecto debemos añadir este código en el CSS de nuestra plantilla:
.pushbutton a:hover {position: relative; top: 1px; left: 1px;}

Las imagenes con link tienen esta forma
<a href="http://URL A DONDE DIRIGE.com/"><img src="url del botón ó imagen"></a>;

Para darle el efecto de pulsado, tenemos agregar al publicarlo:
<span class="pushbutton"><a href="http://URL A DONDE DIRIGE.com/"><img src="url del botón"></a></span>

Fuente Rosa