jueves, 24 de junio de 2010

Abrir todos los link en pestañas aparte

Es de gran necesidad cuando estas en un blog de descargas (como por ejemplo de descarga de juegos) y cuando haces click en descargar este se va a otra página y se sale de esta impidiendo poder descargar más cosas. Aunque ya existe al hacer click con el derecho del mouse y poner que se abra en otra pestaña es mucho mejor tenerlo de forma automatica en el blog.
Para para lograr que tus link`s se abran en ventanas aparte solo debes hacer lo siguiente:
1.- Vas a diseño.
sshot-5
2.- Luego click en Edición HTML
sshot-2
3.- Buscas <head>
sshot-3
4.- Y por ultimo pegas esto después de <head>y LISTO!:
<base target='_blank'/>
Seguir Leyendo...

Suscribete a Cirujano Blogger

Puedes suscribirte a través de tu correo electronico, solo escribe tu email en el siguiente espacio y click en aceptar


Escribe tu correo aquí:

Delivered by FeedBurner



 Subscribe in a reader
Add to Google Reader or Homepage

Add to My AOL






Cirujano Blogger



Seguir Leyendo...

Menú Despegable

Si no te gusta ocupar mucho espacio en tus link`s esto te vendrá como anillo al dedo.


Se creará algo así:

Para poder crear un menú despegable te resultará muy sencillo ya que no hace falta una gran mente para hacerlo. Para realizarlo debes hacer lo siguiente:

1.- Vas a diseño

sshot-5 

2.- Y luego clickeas en “Añadir un gadget”.

sshot-1

3.- Sleccionas HTML/Javascript icon_html

y copia y pega esto:

<select onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" class="desplegable" name="menu" size="1">
<option selected/>Seleccionar...
<option value=""/>- - - - - - - - - -
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
</select>

4.- Solo cambias donde dice "URL de la página" y lo reemplazas por cualquier Link

Si quieres añadirle color entonces entra a Diseño > Edición de HTML y antes de ]]></b:skin> pega lo siguiente:

.desplegable {
background-color: #ccc;
color: #000;
}

 

En background-color puedes elegir el color de fondo del menú, y en color puedes escoger el color de las letras.

Seguir Leyendo...

Arrastrar las imágenes del blog

Este es una forma de hacer que tu blog sea mucho más interactivo ya que no en muchas páginas se ve algo parecido a lo que haremos.
ADVERTENCIA: una vez que uses este script prodia desactivarse tu gadget de "Seguidores" impidiendo la vizualicación de este.
Fíjate en este ejemplo que podrás mover dentro del navegador y se quedará donde lo dejes:

Puedes ver como te quedará el efecto haciendo click aquí para ver el blog de pruebas


Para lograr debes hacer lo siguiente:
1.- Hacemos click en Diseño
sshot-5
2.- Luego hacemos click en Edición HTML
sshot-2
3.- Buscamos esto: </head>
sshot-3
Para buscarlo sin problemas presionamos la tecla Atl y al mismo tiempo la tecla F y escribes </head> en el espacio*
4.- Ahora pegamos esto antes del </head>

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype y Scriptaculous-->



5.- Guarda los cambios.
6.- Ahora cuando quieras agregar el efecto a una imagen copias y pegas este codigo:
<img id="drag1" style="cursor:move; border:0px;" src="URL de la imagen"/>
<script type="text/javascript">new Draggable('drag1');</script>

7.- Donde dice “URL de la imagen” copias el link de tu imagen (por ejemplo http://www.guardadordeimagenes.com/tuimagen.jpg) y LISTO!

Recuerda que cada vez que vayas a hacerlo deberás cambiar la ID de la imagen, por ejemplo drag2, drag3, etc. de modo que ninguna imagen tenga el mismo ID.

Seguir Leyendo...

Guardar gradget sin título

Hasta hace algún tiempo blogger ha creado un impidimento para guardar los gadget al no tener título:
sshot-2
Sale un error lo que no deja que se guarde el gadget pero para esto haremos lo siguiente
1.- En el título del gadget escribiremos esto: &nbsp;
Quedará así: sshot-3
2.- Clickeas Guardar y Listo!
gadget añadido cirujano.blogspot.-com
sshot-4
Seguir Leyendo...