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.
Penalizacion Page Rank
Hace unos meses Ayuda para mi web tenía un maravilloso page rank 3, entonces fue cuando mi avaricia por aprovecharlo me llevo al pecado. Comence a vender reviews, enlaces, favicon, etc. Conseguí sacarme un dinero para para pagar el dominio y sacarme un pequeño beneficio pero fue entonces cuando Google hizo acto de presencia.
De la noche a la mañana mi blog paso a tener page rank 0 en todas sus páginas. Es cierto que leí que google penalizaba a las webs que vendieran enlaces ya que en cierto punto se desvirtúa su famoso pagerank, pero pensé que mi humilde blog no llegaría a ese punto.
Mis visitas se han mantenido a pesar de tener PR0, y el posicionamiento de mi blog también, pero sin embargo, ese númerito da más prestigio de lo que realmente parece que valga.
He intentado todo lo posible por volver a tener pagerank, he quitado todos los enlaces vendidos(que eran muchos) y he seguido mejorando el blog, pero ya han pasado un par de actualizaciones de PR y no he obtenido resultados.
Me gustaría saber si alguno de vosotros fue penalizado y si tuvo suerte de obtener el perdon del todopoderoso Google. Exarme una mano por favor, muchas gracias
Editor de imagenes online
Hoy les traigo una herramienta increible que dará miles de posibilidades a nuestra imaginación para editar una imagen a nuestro gusto.
Se trata de Cellsea, un editor de imágenes online de uso muy sencillo para todo tipo de usuarios, desde los más principiantes hasta los más expertos.
Para empezar a editar nuestra imagen es muy sencillo, entramos en la web y podremos elegir si seleccionar una imágen de nuestro pc e incluso escribir la url donde está alojada la imagen que queremos editar, siendo posible editar cualquier imagen que encontreis en la web directamente, sin guardarlo ni alojarlo en ningún sitio.
Una vez elegido esto, es ponerse a probar las opciones que nos da, que no son pocas. La verdad es que la herramienta me ha encantado y hay algunas imagenes de muestra muy buenas en las que se ve lo que nos permite hacer esta herramienta. Aqui os dejo algunas de ellas:
Vendo dominio para videos
Bueno como se que este blog es visitado por bloggers, os dejo esto que es probable que a alguno de vosotros os interese. Si estais desarrollando un blog de videos aqui os dejo una propuesta para vosotros.
Se trata del dominio vaya-videos.com, empece ha realiazar un blog de videos bastante interesante pero por mi evidente falta de tiempo tuve que dejar el proyecto a un lado y ahora tengo este dominio sin utilizar.
Expira el 31 de octubre de este año y si alguno lo quiere acepto ofertas, si estais interesados enviarme un correo o escribir un comentario y me pondre en contacto, un saludo y gracias
Como destacar los comentarios del autor en tu blog
Este es un truco tan sencillo como maravilloso ya que nos permite destacar los comentarios que escribimos como autores de nuestro blog entre los distintos comentarios de los lectores.
Guardamos nuestra plantilla actual como siempre antes de modificar nada. Entramos en edicion html y expandimos los artilugios. Una vez hecho esto buscamos la parte de codigo que hace referencia a los comentarios y añadimos el código en azul.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Una vez añadido este codigo, tendremos que poner el estilo que queremos que tenga nuestro comentario asique buscamos la parte css de nuestra plantilla (justo encima de ]]></b:) y añadimos lo siguiente:
blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3FDB8;
}
Con estos sencillos pasos haremos que nuestro comentario destaque sobre los demas, cosa que vendra muy bien a nuestros visitantes a la hora de resolver sus dudas y nos encuentren facilmente.
Para personalizar el estilo del comentario a vuestro gusto lo podréis hacer cambiando los valores de estas lineas:
border:1px dotted #254117;
background:#C3FDB8;
Espero que no os sea muy complicado y que os dirva de ayuda, aqui os dejo un ejemplo con mi comentario personalizado:
Aplicaciones Android recomendadas
Otros
Suscríbete
