En otro post os contaba como insertar también un reproductor mp3 en vuestro blog o web pero debido a algunos problemas ya no funciona correctamente.
Hoy os traigo una herramienta increible y mucho más sencilla que la anterior. Se trata de un reproductor online y lo podemos encontrar en Goear.
Lo unico que tendremos que hacer es entrar en la web, buscar la canción que deseamos que suene en nuestra página web y una vez encontrada (los resultados aparecen más abajo), pinchamos sobre ella. Se nos abrirá una página con el reproductor y la canción que hemos elegido, de tal modo que solo tenemos que copiar el código que aparece en el campo This song in your site: y pegarlo en el lugar donde deseamos que aparezca en nuestra página web. Aqui os dejo una canción que seguro que os gusta como ejemplo:
Reproductor insertado en tu web o blog
Como agregar traductor google a nuestra web
Muchos de vosotros ya conoceréis esta herramienta pero siempre hay algún despistado que aún no la conoce.
Google deja a nuestra disposición un widget que permite traducir nuestra página web a infinidad de idiomas, dando asi la posibilidad a nuestros visitantes extranjeros a exarle un vistazo al blog antes de asustarse. Aquí os explicaré dos sencillos pasos para implementar este widget en vuestra web o blog:
1) Si poseéis un blog en blogger, os he facilitado la implementación en un sencillo paso. Simplemente tendréis que buscar el traductor que tengo implementado en la parte derecha del blog y pulsar en el botón Obtener este widget.
De esta manera se os abrirá vuestro perfil de blogger preguntandoos si deseáis añadir el nuevo artilugio. Aceptais y después podéis mover el widget en la parte de la plantilla que más os guste, así de sencillo.
2) Si deseáis añadirlo a una página web su implementación es bien sencilla, entramos en la página del widget de google y pulsamos el botón Añadir a tu página web.
Una vez realizado este paso, nos permitirá personalizar el traductor a nuestro gusto, tamaño, colores, idioma. Es importante seleccionar primero el idioma ya que si lo cambiamos despues nos deshará todos los cambios realizados hasta el momento.
Una vez tengamos personalizado el traductor pulsamos Vista previa de las modificaciones y por último Obtener el código.
Para implementarlo solo tendremos que copiar el código obtenido donde queramos mostrarlo.
Es importante que escribáis correctamente ya que las faltas ortográficas no las traduce.
Como poner efecto nieve en mi web o blog
Con motivo de las fechas en las que nos encontramos, me puse ha buscar algo con lo que poder decorar nuestra página web o blog durante el invierno y las navidades. Pues bien, lo encontre gracias al Escaparate de Rosa. Se trata de un script que da un efecto de nieve en nuestro sitio web.
Para integrarlo es muy fácil, simplemente tendremos que ir a la pestaña diseño, editar html y justo antes de la etiqueta </body> , pegamos el siguiente código:
<script type="text/javascript" src="http://agudovk.googlepages.com/snow.js"></script>
Recordar que antes de modificar la plantilla de nuestra web es importante guardarla por si acaso hacemos algo mal. También os recomiendo descargaros el script y alojarlo en el servidor que soláis utilizar para vuestras imágenes y demás archivos.
AQUI os dejo una página de ejemplo
Como poner una encuesta en mi web o blog
Crear una encuesta para nuestra página web o blog puede servir de mucha ayuda para conocer la opinión de nuestros visitantes acerca de nuestro blog, web o simplemente algún tema de interés que tengamos.
En blogger como muchos sabréis existe la posibilidad de crear encuestas pero no permite modificar el diseño a nuestro gusto por lo que no siempre es demasiado útil está utilidad. Para aquellos webmaster que dispongan de una web en lugar de un blog también les será de gran utilidad esta herramienta.
Poll4you nos da la posibilidad de crear y personalizar nuestras propias encuestas y colocarlas en nuestro sitio web. Es muy sencillo de utilizar y no es necesario registrarse en su página web. Para colocar nuestra encuesta tendremos que seguir estos 4 pasos:
1) Entramos en http://www.poll4you.com/ y en la parte superior derecha encontraremos un recuadro donde iremos poniendo las opciones de nuestra encuesta. El primer paso será escribir la pregunta que deseamos realizar a nuestros visitantes y el numero de respuestas posibles que tendrán.
2) En el segundo paso, escribiremos las posibles respuestas que deben elegir los usuarios.
3) En este paso será donde diseñaremos nuestra encuestra, colores, tamaño, texto de los botones... Escribimos nuestro email y la url de nuestra web y pulsamos en el botón Give me the Poll.
4) Por último colocaremos la encuesta en nuestra web. Si tienes un blog en blogger, bastará con copiar el código que nos proporcionan y añadir un nuevo elemento html/javascript. Pegamos el código y listo. Si nuestro sitio es una página web, pearemos el código en la parte donde queramos que aparezca la encuesta.
Como véis es muy sencillo de integrar y apenas se tardan 2 minutos. Creo que puede ser de muicha utilidad
Como poner efecto de reflejo de agua en una imagen
Ultimamente se ven mucho por internet imágenes con un efecto de reflejo en el agua que resulta llamativo y queda bastante bien, claro siempre depende de donde y como se utilice.
Lo único que deberéis hacer es copiar el siguiente código javascript dentro de la etiqueta body en el lugar que queramos que aparezca. En blogger podemos escribir el código añadiendo un nuevo elemento html/javascript.
El código a insertar es el siguiente:
<!-- Mas javascripts en http://ayudaparamiweb.com -->
<center>
<!--Change following image name to your own-->
<img id="reflect" src="URL de la imágen"/><br/>
<script language="JavaScript1.2">
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}
if (document.all){
document.write('<img id="mdiv" style="filter:wave(strength=3,freq=3,phase=0lightstrength=30) blur() flipv()" src="'+document.all.reflect.src+'">')
window.onload=f1
}
</script>
</center>
Por ultimo cambiamos donde pone URL de la imágen por la direccion donde este alojada la imágen a la que queramos poner el efecto.
Como cambiar el icono del raton
Hoy os mostraré como podemos cambiar el típico icono del cursos cuando entremos a nuestra pagina web o blog. Es un recurso que puede resultar muy llamativo y original, siempre que se elija bien en nuevo cursor que pongamos, ya que puede no gustar a todo el mundo.
Si tenemos un blog en blogger, nos vamos a diseño, edicion html, y donde tenemos todos los estilos de nuestra plantilla buscamos el estilo definido para nuestro body. Este código tiene que estar encima de la etiqueta ]]></b:skin>. Una vez localizado, el texto que debemos colocar dentro de body { es el siguiente:
CURSOR: url(URL DEL CURSOR);
Si nuestro sitio web es una página normal y corriente, tenemos dos posibilidades. Si disponemos de una hoja de estilos css externa simplemente añadimos la misma linea dentro del estilo de nuestro body. Si por el contrario no tenemos una hoja de estilos, tendremos que insertar el siguiente código justo encima de la etiqueta </head>:
<style type="text/css">
CURSOR: url(URL DEL CURSOR);
</style>
Por último, solo tendremos que cambiar donde pone URL DEL CURSOR por la dirección donde tengamos alojado el nuevo icono para nuestro ratón.
Como insertar juegos en mi blog
Está bien traerles siempre alguna herramienta o algún truco con el que podéis mejorar vuestro blog o página web, pero hoy me apetece hablarles de otra cosa. También es un elemento para vuestro sitio web, pero está vez un poco más entretenido.
¿A quién no le apetece de vez en cuando jugar una partidita a los típicos juegos para pc o consola, pero en tus blogs favoritos? Pues bien en poqbum nos ayudan a conseguirlo.
Podrémos encontrar una gran variedad de juegos que añadir en nuestro blog, para que, ¿porque no?, nuestros visitantes se entretengan un poco entre artículo y artículo.
Para insertarlos en nuesra web o blog es bien sencillo, busca el juego que más te guste, incluso podrás probarlo. Una vez encontrado copia el código que nos facilita la web y págalo donde quieras que aparezca en tu código html o plantilla del blog.
Iré agregando algunos juegos en mi blog para que de vez en cuando juguéis unas partidas, ya me comentaréis que os parecen. Os dejo uno para que probéis:
Deshabilitar botón derecho del ratón en nuestra web
Hoy vamos a ponerselo un poco más difícil a aquellos webmasters que se dedican a copiar el contenido de los blogs o web de otras personas. Para ello os traigo un pequeño truco el cual consiste en desactivar el botón derecho dentro de nuestra web.
Es cierto que hay otras formas de copiar el contenido e imágenes pero al menos no será tan sencillo como darle al botón derecho y copiar.
Lo que deberemos hacer es buscar la etiqueta <body> y la sustituimos por el siguiente código:<body oncontextmenu='return false' onkeydown='return false'>
Guardamos los cambios y listo, el botón derecho estará deshabilitado para todos los visitantes.
Añadir enlace para agregar a menéame en cada post
Como muchos de vosotros sabéis, menéame es uno de los mayores portales de envío de artículos que existe.
Hoy quiero explicaros como podréis añadir un enlace para que vuestros visitantes envíen la noticia o artículo a menéame desde cada uno de vuestros post. De esta manera visitantes que hayan quedado agradados con un artículo específico podrán enviarlo sin que lo tachen de spammer (y eso que no es muy difícil que lo hagan jaja), y además tener la posibilidad de recibir las miles de visitas que está web puede acarrear. Cierto que la mayoria de estas visitas no vuelven, pero muchas otras si lo harán.
Lo primero que debemos hacer es elegir donde queremos colocar nuestro enlace. Yo os lo explicaré según como lo tengo en el blog, pero esto como todo es a gusto de cada uno.
Decidí colocarlo el primero, justo después de la hora. Para ello nos vamos a edición html, expandir artilugios y localizamos el siguiente código:
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
Justo debajo añadimos lo siguiente:
| <img alt='meneame' src='URL imagen menéame'/> <a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'> menéame </a>
Os explico el código. El caracter "|" ejercerá de un bonito separador que hará que el diseño parezca algo más profesional. A continuación añadimos la imágen de meneame y por último, el enlace que envía el artículo a la web. Solamente tendréis que cambiar URL imágen meneame por la dirección donde tengáis alojado vuestro icono.
Por último os aconsejo poner en el resto de elementos el separador "|", en mi caso lo tuve que colocar después de los siguientes códigos:
<b:if cond='data:post.allowComments'>
|
y...
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
|
Realmente lo que hacemos es añadir un enlace en una aparte determinada del blog, pero también sirve para blogs que no sean blogger y para vuestras páginas web. Añadir el enlace del código que os deje donde deseáis que se muestre y no tendréis problemas.
Si les gusta algún artículo en especial no duden en enviarlo, muchas gracias.
Como añadir reproductor flash a mi web o blog
Hoy les explicaré como añadir un reproductor de música en vuestro blog o página web donde los visitantes puedan escuxar la canción que queráis ya sea cuand pulsen el botón play, o automaticamente al entrar en la web.
Simplemente tenéis que añadir este codigo donde queráis que aparezca el reproductor:
<object type="application/x-shockwave-flash" data="http://www.estvideo.net/dew/media/dewplayer-vol.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF&showtime=1" width="240" height="20">
<param name="movie"value="http://www.estvideo.net/dew/media/dewplayer-vol.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF&showtime=1">
</object>
Este código exclusivamente mostrará nuestro reproductor flash en nuestra web o blog. Para que reproduzca la canción que queremos debemos subir esta en al gun servidor de almacenamiento de ficheros. Si no conocéis ninguno os recomiento leer este post.
Una vez subido nuestro fichero de musica .mp3 deberemos cambiar en el código anterior la parte donde pone http://tucancion.mp3 por la ruta completa donde está almacenada tu canción.
Hay varios tipos de reproductor e incluso podréis cambiar el diseño del mismo. Para ello os aconsejo que leais este post exlicativo en Ayuda para el blog.
Aqui les dejo un ejemplo con mi canción:
Como abrir enlaces en una nueva ventana
Mucha gente por raro que resulte desconoce como puede hacer que sus enlaces se abran en un ventana nueva.
Simplemente tendremos que añadir la propiedad target="_blank" a nuestro enlace de tal modo que quede de la siguiente manera:<a href="http://ayudaparamiweb.blogspot.com" target="_blank">Ayuda para mi web</a>
Añade un menu a tu web
Hola a todos¡¡¡
Hoy sin duda es uno de los días que escribo más tristes para mí. Hoy... volví de las vacaciones, un duro golpe para un currante como yo pero bueno, una vez que la playa se quedó atrás, que mejor para animarse que escribiendfo unas palabritas que seguramente os sirvan de ayuda.
Hoy os traigo un recurso para aquellos a los que el diseño se nos da un poco mal y nos gusta más que nos den parte del trabajo hecho. Navegando por la web he encontrado esta curiosa web. Se trata de CSS Menu Maker.
CSS Menu Maker es sin duda una excelente herramienta para la creacion de menús para tu pagina web o blog. Tienes 3 tipos de menú donde elegir:
- Menú Desplegable
- Menú vertical
- Menú horizontal
Bien os explico un poco como funciona. Primero elegimos uno de los tres tipos de menú anteriormente citados. El segundo paso será editar el menú, con está opción podremos añadir los botones que queramos y modificar el titulo y el enlace aunque os recomiendo que lo dejeis para el final. Por último descargamos el código del menú elegido.
Una vez descargado el código de nuestro menú deberemos implementarlo en nuestra página web. Para los que lleváis algo de tiempo con esto de los blogs y páginas web, supongo que lo implementareis facilmente, para los más nuevos en este mundo, podéis leer como poner un menú vertical el blogger.
Espero que os sirvan todos los menús que hay que estoy seguro de que alguno os gustará.
También te puede interesar:
Como poner un menú en blogger
Cambiar icono de la barra de direcciones
Muchas personas deséan cambiar el icono que aparece en la barra de direcciones, en la parte izquierda de esta.
Este icono se llama favicon. Cualquier persona que disponga de una página web podrá crear su propio favicon para distinguir a su web de las demás, siempre es agradable ver que una web tiene su propio logotipo o icono en la barra de direcciones, le da un toque algo mas profesional aunque sea realmente sencillo de hacer.
Se pueden crear favicon desde photoshop o simplemente transformando una imagen normal que tengas en tu pc, eso ya depende de cada uno. Si deseas conocer algunas formas de crear tu propio favicon visita este post.
Para colocar en tu web el icono deseado solo tendrás que añadir a tu código html una simple linea. En tu código busca la etiqueta </title> y justamente despues pega este codigo:
<link href='URL DE TU ICONO AQUI' rel='shortcut icon'/>
Deberéis cambiar unicamente URL DE TU ICONO AQUI por la dirección donde tengáis subida vuestra imágen. Si no sabeis donde subir archivos visitar este otro post.
Una vez escrito este código ya tendréis vuestro icono personalizado. Este icono solo se mostrará siempre en firefox y en algun otro navegador. En IE no aparecerá si la web no esta añadida a vuestros favoritos.
Aplicaciones Android recomendadas
Otros
Suscríbete
