Google Maps en blogger

>  Colocar un mapa de google maps en tu blog o pagina web es muy sesillo con solo unos pasos. Esta es una buena utilidad para mostrar sitios vía satelital o para dar alguna referencian de alguna lugar.

Los pasos serán los siguientes:

1. Vamos a la web de Google Maps, y elegimos la vista que deseamos mostrar (podemos elegir modo mapa o modo vista aérea, y el zoom básicamente). Además también podemos hacer un como llegar en caso que queramos que se muestre una ruta de un lugar a otro en el mapa.

2. Posteriormente en la superior del mapa, buscaremos el botón “Enlazar“, y pulsaremos sobre él, y aparecerán dos cajas de texto. A continuación, copiaremos el contenido que hay debajo del texto “Pegar HTML para insertar en sitio web”.

3. A continuación, iremos a nuestro blogger, y crearemos una nueva entrada. Elegiremos la pestaña “Edición de HTML”, y a continuación pegaremos el código HTML que acabamos de copiar. El resultado podría ser algo similar a:
Como colocar google maps en blogger




Ver mapa más grande

Información: Creative Commons

Hoy es muy común ver el contenido de tu blog duplicado en Google. Cada día son más las personas que se dedican al copy & paste y nos roban nuestro contenido sin ni siquiera agregar una fuente de la obra original. Esto es prácticamente imposible de editar, porque si bien podemos bloquear el botón derecho en nuestro blog, no dejar seleccionar el texto de nuestra web o bloquear el teclado en nuestro blog, ellos siempre buscan una nueva alternativa que podría ser bloquear el JS de una página o mirar el código fuente.

Pero siempre tenemos una gran protección llamada Creative Commons. Con esto colocaremos un botón de la licencia en nuestro blog y de esta manera si una persona copia nuestro contenido y nosotros nos enteramos tendremos el derecho de realizar una denuncia. Hay 6 tipos de licencias que pueden observar en la página oficial de Creative Commons y todas tienen prácticamente las mismas características pero con algunas variaciones.

Obtener una licencia es gratis y no requiere de registro ni formularios. Para proteger nuestro contenido con alguna de éstas licencias seguiremos estos pasos:

1-Ve a la página oficial de Creative Commons y elige una de las licencias.

2-Lee detalladamente la licencia y sus características, algunas permiten que copien nuestro contenido pero solo si colocan la fuente original. Otras permiten la copia pero con la fuente del autor y no estaría permitido hacerle modificaciones a la obra. Ya verás con cual te beneficias más.

3-Una vez decidido que licencia utilizaremos vamos a Use this license for your own work. Se ubica al final de la página

4-Selecciona el botón que utilizarás, copia el código que te proporcionan y pégalo en la parte de tu blog que más desees. Puede ser en el footer, la sidebar o cualquier otra parte.
Ya tendrás tu contenido protegido, ahora cada vez que alguien te copie una entrada y no coloque la fuente original o rompa alguna de las otras reglas de la licencia elegida tendrás todo el derecho a plantearle una denuncia.

Optimizar la carga del blog

Una de las cosas que los webmaster tenemos que poner dedicar un poco de tiempo, es en mejorar el tiempo de carga del blog, ya que los segundos en Internet se convierten en minutos, y los usuarios somos demasiado exigentes, personalmente si visito un blog y tarda en cargar más de 7 segundos ya no lo visito.
Si queremos disponer de un buen flujo de tráfico en nuestro sitio, tenemos que dedicar un poco de tiempo al blog en el sentido de mejorar el tiempo de carga, pero seguramente te preguntarás que medidas podemos tomar para mejoras dicho tiempo, pues no te preocupes, porque en este post daré a conocer algunas medidas que podemos realizar fácilmente.


1.- Primero revisemos nuestra plantilla en busca de código HTML o CSS que realmente no necesitamos.

2.- Las imágenes de la plantilla la podemos optimizar y subirlas a nuestro propio servidor, ya que puede que tu plantilla la estén utilizando muchos usuarios, y así quitándote ancho de banda lo que hace que las imágenes de tu plantilla tarden en cargar. Las imágenes la podemos subir al mismo blogspot.

3.- Si en nuestra plantilla utilizamos Scripts que hemos encontrado en Internet y no lo hemos subido a nuestro propio servidor, es hora de subir dichos Script a nuestro propio servidor, porque al igual que las imágenes, puede que lo estén utilizando muchas personas en su plantilla, así quitándote ancho de banda. Los Script lo podemos subir a Dropbox.

4.- Revisemos nuestro blog en busca de banners o enlaces que consideremos que son inútiles y eliminémoslo. Los banners que consideremos útiles optimícenlo y súbanlo a su servidor.

5.- Si tenemos banner de directorios o de sitios amigos, optimícenlo y súbanlo a su propio servidor.

6.- Si tienes un chat y consideras que no es tan útil, es preferible eliminarlo, ya que consume recursos.

Si tienen otro método para mejorar el tiempo de carga de un blog, pueden darlo a conocer por medio de los comentarios.

Como elegir un host para tu blog

En estos días estaremos viendo bastantes artículos sobre hosting, y la razón es muy sencilla: charlando con otros bloggers, he observado la cantidad de problemas que tienen con sus servicios de hosting contratado.
Creo que son problemas, cuyo orígenes se deben a que no prestamos atención a la elección de servicios de calidad. Luego cuando nuestro blog comienza a tomar impulso, el servidor comienza a mostrar fallas, hasta no resistir y dejar a nuestro blog "a oscuras".
Si bien la elección de un buen servicio, acorde a nuestra disponibilidad, es la clave, debemos recordar tres principios o leyes a seguir:

1. Actualizaciones de los CMS: cuando utilizamos un gestor de contenido, como WordPress por ejemplo, estos suelen ofrecer constantes actualizaciones de seguridad o funcionalidad. Es importante que en el lapso inferior al mes, actualicemos nuestro blog para evitar que nuestro hosting sea fuente de ataques nocivos.

2. Copias de seguridad: nada mejor que tener una copia de seguridad de todo nuestro sitio, por si algo (externo o interno al blog) afecta al buen funcionamiento.

3. Ancho de Banda: por más que contratemos un ancho de banda ilimitado, es prudente usar lo justo y necesario. Así nos evitaremos problemas con la empresa prestadora del servicio.

Redondear los bordes de tus imágenes

 Aquí la solución mas practica para redondear los bordes de tus imágenes para darles un mejor aspecto.
¿Quieres quitar los bordes a una imagen?
Si no tienes grandes habilidades en los programas típicos de edición de imágenes, y necesitas redondear los bordes de una fotografía fácilmente.
Roundpic, es una herramienta que cumple esta función muy fácil y que lo puedes ocupar por internet.
Una vez que entras a su sitio http://www.roundpic.com/
Buscas la imagen en tu PC o colocas su dirección URL y luego pinchas Round It!


Luego puedes hace modificaciones de tamaño de imagen, de tañamo de borde y si quieres borde redondo en las cuatro esquinas.

Cuando ya estén listos, pueden pre visualizar la imagen pinchando Preview
Para obtener la foto final, sólo tienes que pinchar download y bajarla

Opción responder comentarios en blogger

      Sabemos muy bien que esta opción en Blogger no aparece, pero la podemos agregar de la siguiente manera: como primer punto debemos tener a mano la ID de nuestro blog, porque de ella depende este truco. Para conseguir la ID de nuestro blog sólo tenemos que acezar a el y hacer click sobre la pestaña Configuración. Luego observamos la barra de navegación para observar una numeración que corresponde a la ID de nuestro blog

Luego con los artilugios expandidos ubicamos lo siguiente:

<data:commentPostedByMsg/>

y colocamos debajo el siguiente código:

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=AQUI_LA_ID_DE_TU_BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Responder]</a></span>

Ahora solo tenemos que guardar los cambios efectuados en nuestra plantilla y observar en la parte de los comentarios lo siguiente:

Espero les sea de utilidad.

via: http://milaboratoriodepruebas.blogspot.com/