lunes, 31 de enero de 2011

Efecto- tiembla blog

Aqui les traigo un javascript que quizás te pueda interesar para que sirve o que hace?, pues siemplemente al ingresar en tu blog (o web) el navegador temblará por el lapso de un corto tiempo, pues si eso es todo lo que hace este script:

para implementarlo tan solo tendrás que copiar el script despues del head (primero) desde Diseño -> Edición HTML. tal y como lo muestro en el ejemplo:



Ahora una pequeña aclaración, el código inertara un pequeñisimo botoncito nada molesto. (podríamos llamarlo una pequeña retribución por el hosting)

Código 
<script type="text/javascript"
src="http://juanmosa.com/javascript/temblar.js"></script>

*en esta oportunidad se ponde debajo del head para que sea lo primero en cargar y en ejecutarse tal y como muestra la imagen del ejemplo.

miércoles, 26 de enero de 2011

Como agregar un reproductor al Blog

primero tienen que registrarse en esta  pagina myflashfetish y se logean.
 Le dan  click en MP3 Playlist para elegir el tipo de reproductor que se va a mostrar en su blog.  cuando eligieron su reproductor le dan click en Create a playlist.  Despues escogen la banda o el tema que ustedes desean, solo le dan click en el simbolo (+) para agregar al reproductor.
Si gustan pueden dar click en Customize, color and  styles  para escoger el color del Playlist.
Luego damos click en Save Playlist, y ponemos el nombre del Playlist y le damos Save.
Eligen la opcion Blogger y copian el html y lo pegan en su blog.

Suerte!

sábado, 22 de enero de 2011

INSERTAR TRADUCTOR


Lo primero que debemos hacer para añadir un traductor a tu blog (Blogger) es ir a la sección de Diseño> Plantilla> Elementos de Página. Luego en el sidebar (o donde deseen) dan clic en la opción “Añadir un elemento de página”, debemos hacer es seleccionar la opción que dice “HTML/Javascript”, luego aparecerán dos campos: Título y Contenido. En cualquier caso los campos son:Título:

Translate to your language
Contenido:
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="ES" name="wl_srclang" type="hidden"/>
<select style="font-size: 100%; width: 160px;" name="wl_trglang">
<option value="EN"/>Spanish to English
<option value="FR"/>Spanish to French
<option value="ZH_CN"/>Spanish to Chinese (Simplified)
<option value="ZH_TW"/>Spanish to Chinese (Traditional)
<option value="NL"/>Spanish to Dutch
<option value="DE"/>Spanish to German
<option value="EL"/>Spanish to Greek
<option value="IT"/>Spanish to Italian
<option value="JA"/>Spanish to Japanese
<option value="KO"/>Spanish to Korean
<option value="PT"/>Spanish to Portuguese
<option value="RU"/>Spanish to Russian
<option value="AR"/>Spanish to Arabic
<option value="SV"/>Spanish to Swedish
</select>
<input value="http://www.aquivatublog.com" name="wl_url" type="hidden"/>
<input value="Go !" type="submit"/>

No olviden cambiar en ese código el texto que dice http://www.aquivatublog.com y reemplazarlo por la dirección de su blog. El campo de título ustedes pueden cambiarlo por el que deseen. Incluso el texto que dice “Go !” que es el que será mostrado en el botón. Pueden ponerle “Translate”, “Traducir”, etc. Una vez que copian esos dos códigos, guardan los cambios y listo.

PONER UNA IMAGEN EN LA ESQUINA INFERIOR

tan solo introduce este codigo como un elemento de pagina


Diseño-añadir elementos de pagina - opcion Html/javascript - pega el codigo y listo.

Codigo:


<a
href="http://www.blogger.com/DIRECCION%20DE%20TU%20BLOG" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="URL DE LA IMAGEN QUE DESEAS PONER"
 /></a>




CAMBIOS QUE DEBES REALIZAR:
Dirección de tu blog: (ejemplo) http://tutorial-para-blog.blogspot.com/

Url de la imagen que deseas subir

viernes, 21 de enero de 2011

PONER ENTRADAS RELACIONADAS

LinkWithin es un servicio web que permite a través de un widget enlazar con post antiguos que guarden relación con el contenido del nuevo artículo publicado, el cual incrementa el número de visitas y el tiempo de permanencia de tus usuarios en tu blog.
El widget dispone de la imagen en miniatura que contenga el artículo, es gratuito y sencillo de instalar.

1. Accedemos a la página de LinkWithin y a la derecha veremos el formulario para obtener el Widget, en donde tenemos:



2. En la siguiente página se muestra instrucciones sobre como instalarlo en la plataforma elegida:
Blogger
- Click Install Widget. Si es necesario ingresas a tu blog.
- Seleccionas tu blog, luego Add Widget.
- Para un mejor funcionamiento de este widget, ponerlo debajo de las entradas del blog.
- Finalmente Guardar.

Tener en cuenta:
Este Widget se demora en mostrar, dependiendo del número de entradas que se quiera visualizar.
Por ejemplo: Mostrar 5 entradas.

Wordpress
- Hay que descargar un archivo ZIP y descomprimirlo en una carpeta.

Nota:
1. La frase que lleva el widget en su título “You may also like stories” se cambia automáticamente al español por “Quizás también le interese”, simplemente esperar a que se haga el cambio respectivo. En caso contrario, si queremos poner un texto mucho mejor, editamos el widget y colocamos lo siguiente:

<script>linkwithin_text='El texto aquí:'</script>

2. Podemos hacer que el widget se vea en la parte del blog que nosotros queramos, ya sea arriba o abajo, simplemente colocando esta línea de código:

<div class="linkwithin_div"></div>

3. Si queremos mostrar este widget dentro del post porque utilizamos entradas ampliables -Leer más o Continúa Leyendo-, buscar lo siguiente:
<b:widget id='HTML12' locked='false' title='LinkWithin' type='HTML'> y después agregar lo siguiente (lo que esta de color azul):

<b:widget id='HTML12' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

** id='HTML12' = Número de Widget.

jueves, 20 de enero de 2011

juegos para blog

Si te haces la pregunta: ¿Cómo agregar juegos a mi blog? en este articulo encontrarás una solución muy sencilla.

Una forma fácil y libre de publicidad es usando los juegos online de: www.minijuegostop.com.mx, este sitio tiene miles de juegos que ofrece para que quien quiera los agregue a su blog sin preocuparse por el ancho de banda ni el espacio de alojamiento.

Los pasos para añadir juegos al blog son los siguientes:

1.- Elige un juego que te guste. En mi caso voy a elegir “Edad de Guerras“

2.- Busca un recuadro que dice “inserta el juego en tu sitio” y copia el código a continuación.

3.- Pega el codigo en tu post en el modo “Editor de HTML”

Poner la hora tu blog


Get your own Digital Clock




Pasos:




  • Clickeas al enlace Quiero este reloj que está aquí encima
  • Bajas por la web hasta donde dice Digital clock
  • Luego eliges el color y tamaño que quieras para tu reloj
  • Luego le clickeas donde pone Get the code
  • Y como último paso copias el código que se ha generado.