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.

CONTADOR DE VISITAS PARA TU BLOG O WEB

Una de las cosas que nos gusta a todos los bloggers, es tener un recuento de las personas que visitan nuestro blog. explicaré algunas de las maneras de obtener un contador  para nuestra web en castellano y como insertarlo en nuestra web y blog. 
Para utilizar un contador hemos de buscar alguna página externa que nos suministre el código HTML y posteriormente registrarlo en nuestro blog.
A continuación mostraré diferentes servicios que no son más que ejemplos de formas de crear un contador web en internet.
1. es.99counters.com/   el contador que esta en mi web es de esta pagina,  nos muestra el lugar de procedencia de los visitantes y la creacion es muy sencillo, se necesita registrarse.

2. contadorweb.com – Servicio muy parecido al ofrecido por el anterior proveedor, también muy sencillo.
3. 24log.es – Parece una empresa más seria que las otras, y permite crear contadores sencillos, y otros para visitas. Requiere registro.

La principal ventaja es que simple de cara a mostrar al usuario el número de visitas/páginas vistas.
El resultado de estas páginas será algo similar a:


Objeto fijado:
Para insertar el código fuente han de hacer lo siguiente:
1. Página web propia. Ir al código fuente HTML, y buscar la sección donde desean insertar el código. Una vez allí copia el código y comprueba que funcione. No tendría que traerte mayor problema.

2. Insertar al blog. Como viene siendo habitual, también está todo explicado en un vídeo. Hemos de ir a la pestaña diseño, y en elementos de página añadir nuevo elemento y seleccionamos “HTML/Javascript”, una vez hecho esto ya tendría que funcionar.




CHAT PARA BLOGGER

Hay muchos servicios en la web que nos ofrecen incorporar un chat al blog ya sea tanto para ponerlos en la sidebar o en las entradas, según mi parecer la que creo que más facil de usar es la de Xat


Xat es una pagina en la que podrás chatear sin necesidad de registrarte, podras cambiar tu nombre agregar amigos escuchar radio etc etc..





Cbox es mas elegante y simple no necesita registrarse es un chat bastante facil de entender.



[cbox+ejemplo.bmp]


Chatango es más moderno y vistoso, pero tambien más dificil de usar pero bueno para gustos y colores aqui les dejo las tres opciones.



miércoles, 12 de enero de 2011

Como publicar entradas

Si luego del tutorial anterior percibieron que crear un blog en blogger era muy fácil, es por que todavía no redactaron su primer mensaje; Obviamente, por que es mucho más fácil.

Como podemos ver en la pantalla a la que llegamos luego de presionar EMPEZAR A PUBLICAR, nos encontramos con una solapa donde dice “Creación de entradas”, luego tres opciones: Nueva entrada, Editar entradas y Editar páginas . Nosotros estamos situados en Nueva entrada, y debajo de eso podemos ver un formulario donde se puede ingresar él titulo de nuestra entrada; y luego el articulo que queremos redactar.

El lugar donde se redacta él articulo es un lugar donde se puede escribir (al mejor estilo “word”) y tiene una muy bella barra de herramientas donde podemos editar el formato, corregir ortografía, hasta añadir imágenes o videos. Por otro lado, también tenemos la opción de editar el articulo en formato HTML para los que deseen hacerlo.

Una vez redactado el articulo, pueden visualizar entrada en "Vista previa" para saber que tal les quedo su entrada o bien guardarlo (para editarlo mas adelante) presionando el botón de GUARDAR AHORA; O bien publicarlo para que toda la gente que ingrese a tu blog pueda verlo presionando el botón de PUBLICAR ENTRADA.




Como hacer un blog en blogger



Blogger es una herramienta basada en web que le permite publicar al instante en Internet, en el mismo momento en que le surja la necesidad. Se trata de la mejor herramienta disponible en el vertiginoso campo de la publicación en la web, conocido como weblogs o blogs.


Blogger le ofrece un método para automatizar (y agilizar enormemente) el proceso de publicación de blogs sin tener que escribir ningún código ni preocuparse de instalar software o secuencias de comandos de servidor. Además, le permite ejercer un control absoluto sobre el aspecto y la ubicación de éstos.


En términos más concretos, en lugar de codificar manualmente las entradas de su blog y tener que actualizar con frecuencia a la versión más actualizada de su página, le permite publicar dichas entradas mediante el envío de un sencillo formulario desde el sitio web de Blogger. Los resultados aparecerán inmediatamente en su sitio web con el diseño que prefiera.

Comencemos 

Para comenzar, iremos al sitio de blogger: http://www.blogger.com, donde nos encontraremos con la pantalla que vemos a continuación, y vamos a apretar el botón que dice COMENZAR

ImageShack, share photos, pictures, free image hosting, free video hosting, image hosting, video hosting, photo image hosting site, video hosting site



Al dar click, nos dirigira a un formulario para crear una cuenta de google, si ya tienes una cuenta das click en " primero acceder a ello". En caso no tener una cuenta de google debemos completar el formulario, es bastante simple. Luego de completar el formulario, le das click en continuar.


Crear una cuenta de blogger (google)


Luego llegaremos a una pantalla donde dice " Asignar un nombre a su blog", como vemos en el siguiente imagen .


En el campo “Título del blog”, que será el título que aparecerá en tu blog; Este básicamente, es el nombre que se le quiere dar al blog.
En el campo “Dirección del blog (URL)”, será la dirección por la cual se podrá acceder a tu blog. Es recomendable comprobar la disponibilidad, haciendo click en el link que se ve allí; para no intentar varias veces con diferentes nombres.
Una vez completados estos campos, presionaremos el botón de CONTINUAR.



Crear una cuenta de blogger (google)



Ahora llegamos a una pantalla donde nos pide “Elegir una plantilla”. Aquí vamos a elegir la apariencia que va a tener nuestro blog; como pueden ver, hay muchos estilos para elegir. Así mismo, aquí, si presionamos sobre el link de vista preliminar, vamos a poder ver un ejemplo para poder decidirnos mejor. Si no te gusta ninguna de estas plantillas, mas adelante veremos como personalizarla o incluir una plantilla nueva.
Una vez que hayamos elegido el que más nos gusto, apretamos el botón de CONTINUAR.

Asigne un nombre a su blog



Y al fin llegamos a la pantalla donde dice “Su blog se ha creado”.

Su blog se ha creado