Redireccionar en blogger codigo script

bueno muchachos hoy les enseñare como redireccionar con blogger con un codigo facilito o mejor dicho breve lo que debemos hacer es ir a blogger -->elegir nuestro blog-->diseño-->Añadir un gadget-->HTML/Javascript--> pondremos el siguiente codigo:

<script>
var pagina="http://informacional100.blogspot.com.co"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>

finalmente cambiamos lo que esta en rojo por la url de tu pagina web y listo guardamos

Via: Añadir dos columnas de gadgets arriba o abajo de las entradas.

Para añadir un gadget arriba o abajo de las entradas bastara con arrastrar el gadget hasta donde queramos que aparezca,

Pero si queremos añadir dos columnas de gadget arriba o abajo de las entradas. tal y como vemos en la siguiente imagen

Si quieres las columnas de gadgets encima de las entradas, entonces agrega arriba de lo anterior esto:

<div id='BlogGadget1' style='width: 48%; float: left; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-1' preferred='yes' style='float:left;'/>
</div>
<div id='BlogGadget2' style='width: 48%; float: right; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>

Si también quieres dos columnas de gadgets debajo de las entradas, entonces agrega debajo del primer código esto:

<div id='BlogGadget3' style='width: 48%; float: left; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-3' preferred='yes' style='float:left;'/>
</div>
<div id='BlogGadget4' style='width: 48%; float: right; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>

Navegadores de internet

Articulo original en Navegadores de internet

No cabe duda de que Internet es uno de los grandes inventos del último siglo. Desde su creación no ha dejado de crecer a un ritmo casi exponencial. Igual que para conducirnos por las carreteras necesitamos un buen vehículo, para navegar por Internet necesitamos un buen navegador.

Igual que con los buscadores, que salieron cientos y ahora quedan unos pocos, con los navegadores se reparten el mercado entre unos pocos.

El rey en número es el Internet Explorer, seguido de mozilla firefox que le va comiendo terrenos. Como no, Google tenía que sacar su propio navegador, Google Chrome, que la verdad sea dicha está muy completo. Mac también tiene su propio navegador que es Safari y por último están los noruegos de Opera, que no está nada mail.

Creo que Explorer, a pesar de las últimas mejoras, todavía tiene un poco que mejorar. El resto de los mencionados están muy bien. Elegir uno u otro es más una cuestión de gustos, y de lo familiarizado que estés. Aunque si tuviera que elegir por solamente uno, creo que mozilla firefox de momento es el mejor.

Navegadores de internet

1.- MOZILLA FIREFOX :  Por la sencillez, estabilidad y el gran número de posibilidades que ofrece, Mozilla Firefox es el segundo navegador más usado por detrás de Internet Explorer.
2.- GOOGLE CHROME: Google Chrome es un navegador web desarrollado por Google y compilado con base en componentes de código abierto.
3.- OPERA : El Opera Browser es uno de los mejores navegadores que existe en la actualidad.
4.- AVANT BROWSER: Avant Browser es un navegador de internet que usa el motor de búsqueda de Windows Internet Explorer.
5.- IE, INTERNET EXPLORER: Es el navegador de Internet más utilizado de la actualidad.
6.- NETSCAPE NAVIGATOR:  Netscape Navigator compitió cabeza a cabeza con  Internet Explorer.
7.- FINEBROWSER: Este multinavegador permite la visualización de páginas web de forma múltiple en una sola ventana.
8.- SAFARI: Este navegador de Apple, denominado Safari crece cada día más en el mercado.
9.- CRAZY BROWSER: Crazy Browser es un novedoso navegador web.
10.- KALGAN: Es un conjunto de herramientas que permite al usuario tener un producto muy completo.
11.- GREEN BROWSER: GreenBrowser es un práctico navegador basado en Internet Explorer.
12.- SEA MONKEY: SeaMonkey es un completo navegador web del grupo Mozilla.
13.- MAXTHON: Maxthon es un navegador web que usa y mejora el motor de Internet Explorer añadiendo una infinidad de novedades.
14.- FLOCK: Flock es un completo navegador gratuito que añade novedosas funciones.
15.- LIVELY BROWSER: Lively Browser es un original navegador que añade además de navegación por pestañas.
16.- CHROMIUM: Navegador de código abierto muy rápido, seguro y estable, que incoporporta funciones muy interesantes.

Sobre los navegadores web:

Cuando te encuentras en el mar nada mejor que un bote para desplazarte como pez en el agua, cuando te encuentras en carretera y preferiblemente en una autopista de gran velocidad nada mejor que un auto de carreras para desplegar todo su poder, pero si te encuentras en internet necesitarás un navegador para que puedas desplazarte por las páginas, navegar como pez en el agua, y desplegar toda su utilidad y poder.

Internet sería un ideal o algo utópico si no existieran los navegadores internet, que te permitieran en forma amigable y fácil, ágil y entretenida, moverte por sus facilidades e ingresar a las diferentes aplicaciones. Porque internet es un medio de conexión entre las personas, equipos, webs, empresas, tiendas virtuales, redes sociales, foros, blogs, y todo lo que te imagines que puedas necesitar, de información, productos y servicios.

De la misma forma como en el mar puedes viajar en un bote de vela, en un yate o en un crucero con todos los lujos, en internet puedes movilizarte en navegadores lentos o más rápidos, amigables o más complejos, de lujo o en clase económica, y a veces en el transporte o navegador que te toca, porque no sabes ni cual ni por qué lo estás utilizando.

Eso mismo ocurre con el navegador de internet más utilizado hasta la fecha que es Internet Explorer o IE, el cual viene por lo general incluido en los equipos nuevos que adquieres, y lo utilizas para tener acceso a internet y navegar por las diferentes webs y buscadores, sin saber ni cómo ni por qué lo hiciste. La razón es que las marcas de computadores llegan a acuerdos comerciales con proveedores de software como Microsoft e Internet Explorer, para que las personas a penas compren el equipo puedan utilizar sus funciones básicas y algunas más avanzadas como ingresar a Internet.

Desde este punto de vista, debemos agradecerles a los proveedores de tecnología porque nos brindan las facilidades de utilizar Internet y sus facilidades, que es lo más importante, sin importar si el navegador se llama Internet Explorer o Mozilla o Google Chrome u Opera o Avant o Safari o cualquier otro.

Pero si se mira con ojos de eficiencia, de productividad o de rendimiento, con seguridad habrás notado que va ganando fuerza y preferencia entre los usuarios navegadores como Google Chrome o Safari. El primero porque su origen se encuentra en el más importante buscador de Internet como lo es Google, y el segundo Safari porque es el navegador utilizado por Apple y otras marcas en sus diferentes productos móviles, ipod, ipad, tabletas y cualquier medio pequeño que conozcas, que están supliendo a los computadores por su facilidad para cargarlos a donde vayas y te encuentres.

Para el usuario desprevenido, no importará si ingresó a Internet por Internet Explorer o por Google Chrome o por Safari, pero para aquel que utiliza con regularidad bajar música o ver videos, que todos el día se encuentra conectado e interactuando con otras personas, que tiene un negocio, que crea una página web y la mantiene actualizando, es decir que le gusta la multimedia y la utiliza mucho. Para ellos, podrá hacer la diferencia utilizar uno u otro navegador de internet.

Sin duda Internet Explorer es el navegador más robusto y probado en diferentes medios debido a su larga trayectoria, y por ello si necesitas actualizar la información de un blog o ingresar texto, irás a la fija si ingresaste por él. De la misma manera, en los aparatos móviles y de Apple no te dan más opción y por ello es el navegador que usas, sin saber que podrías incluir otros y probarlos, pero es cuestión de ser prácticos y Safari lo incluyen y se utiliza sin problema. Por el lado de Google Chrome el hecho de que se llame Google ya le da una importante carta de presentación, lo cual vienes comprobando por ser un navegador que carga rápido y es ágil y sencillo de navegar o surfear por Internet.

Sin embargo, te invitamos a que explores otros navegadores como Mozilla Firefox que te permite opciones y facilidades como copiar y guardar la imagen de la página web que estás viendo o parte de ella, lo cual puede ser útil para determinados propósitos y proyectos. Podrías ensayar el navegador Opera que a demás de mencionarse como una solución muy buena, te permite tomar notas directamente en el navegador. Qué tal si pruebas con el navegador Finebrowser en donde puedes interactuar con varias páginas en forma simultánea, o el navegador Crazy Browser o Kalgan o Green Browser o Sea Monkey o Maxthon o Flock o Lively Browser o Chromiun. Verás que cada uno tiene sus propias funcionalidades y atractivos.

Los navegadores de internet son como las tablas de surf que gracias a ella puedes moverte con facilidad dentro de las olas, tomar cursos de acción, mantenerte por encima, y lograr velocidades inimaginables. En este caso, se reemplazan las olas por las webs, el mar por el contenido lleno de conocimiento, las tablas por los navegadores, y tú por encima de todo aprovechando las facilidades que se te presentan.



Los atributos de un navegador de internet deben ser, la facilidad, agilidad, utilidad, comodidad, escalabilidad, servicio y economía. La facilidad para que no te des ni cuenta que te encuentras encima de la tabla de surf o utilizando un navegador, por lo natural que resulta. La agilidad para que la información que necesitas aparezca en la pantalla a la velocidad de la luz, porque no existe nada más molesto que la espera entre contenido y contenido. La utilidad para que el navegador te permita realizar todo lo que deseas en los medios virtuales, con la nitidez de un televisor con tecnología HD.

La comodidad de acceso al navegador con un par de clicks y la escalabilidad para que puedas mejorar la tecnología dependiendo de tus necesidades.

Video Eliminar Eazel Search sin programas

URL del feed de Blogger

Importante

Después de ajustar la configuración del feed del sitio, el blog ya estará listo para que todos lo sigan. Simplemente introduce una de las siguientes URL en tu lector de feeds favorito, donde se entregará y actualizará automáticamente el contenido de tu blog.
Nota: asegúrate de sustituir "nombredelblog" por la dirección correcta del blog y "nombredeetiqueta" por la etiqueta que te interesa. Los feed del sitio no funcionan con blogs privados o alojados en FTP.

Feed del sitio completo:

• Atom 1.0: http://nombredelblog.blogspot.com/feeds/posts/default
• RSS 2.0: http://nombredelblog.blogspot.com/feeds/posts/default?alt=rss
Nota: estos feed de sitio completo están habilitados en tiempo real; los desarrolladores pueden suscribirse a actualizaciones de baja latencia mediante la utilización del protocolo PubSubHubbub.

Feed de comentarios exclusivamente:

Atom 1.0: http://nombredelblog.blogspot.com/feeds/comments/default

RSS 2.0: http://nombredelblog.blogspot.com/feeds/comments/default?alt=rss

Feed de sitio específico de etiquetas:

Atom 1.0: http://www.googleblog.blogspot.com/feeds/posts/default/-/privacy

RSS 2.0: http://www.googleblog.blogspot.com/feeds/posts/default?alt=rss/-/privacy

Feed de comentario de entrada individual:

• Atom 1.0: http://nombredelblog.blogspot.com/feeds/postId/comments/default
• RSS 2.0: http://nombredelblog.blogspot.com/feeds/postId/comments/default?alt=rss
Nota: puedes encontrar el ID de una entrada individual en la pestaña Creación de entradas | Editar entradas. Simplemente pasa el ratón por el enlace "Editar" que se encuentra junto a una entrada determinada y el ID del post se mostrará en la barra de estado del navegador.

¡Sí, claro! Si un blog que sueles leer emplea etiquetas y también tiene activada la función de feeds del sitio, puedes seleccionar a qué temas deseas suscribirte. El siguiente es el formato de los feeds para etiquetas:

http://nombredelblog.blogspot.com/feeds/posts/default/-/nombredelaetiqueta.

Tienes que reemplazar nombredelblog por la dirección correcta del blog y nombredelaetiqueta por la etiqueta que te interesa. Y no olvides colocar el guión ("-") en la URL. ¡No es un error tipográfico!

Ten en cuenta que una URL con este formato sólo funcionará si el blog en cuestión utiliza esta etiqueta específica y tiene activada la función feeds del sitio. Sin embargo, no es necesario que tenga ninguna configuración especial de feeds del sitio. Siempre que la función básica de feeds del sitio para entradas esté activada (ya sea con descripciones completas o abreviadas), bastará para que los feeds de etiqueta funcionen.

Agregar el FanBox de Facebook en el blog con diferente color de fondo

El Articulo principal se muestra en: Agregar el FanBox de Facebook en el blog (sin bordes y un extra) El FanBox o LikeBox de Facebook es esa cajita que muestra los avatares de las personas a las que les gusta determinada página de Facebook. Agregar el Fanbox en Blogger es bastante sencillo y no requiere quebrarse la cabeza con códigos. Primero entra a Facebook Developers . Ahí agrega la URL de tu página de Facebook, selecciona el ancho del gadget, color del tema, si deseas mostrar los avatares, la actividad reciente y la cabecera del gadget. Ya que lo tengas listo da click en Get Code.

Aparecerá un código para copiar; copia el código que está debajo de iframe. Luego entra en Diseño | Elementos de la página | Añadir gadget | HTML/Javascript y ahí pega el código que copiaste. Con eso ya tienes el Fanbox en tu blog.

Algunas veces la página de Facebook anda medio loca y en el código nos pondrá una altura de 62px con lo cual se verá sólo un rectángulo. Para arreglarlo sólo cambia el alto (height) del código en las dos veces que aparece:

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffans.ciudadblogger&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:289px;" allowTransparency="true"></iframe>

Con una altura de 289px será más que suficiente, pero si deseas mostrar más avatares entonces agrega una altura mayor.

Notarás que el Fanbox tiene integrado unos bordes grises que no se ven nada estéticos y además debajo aparece el icono de Facebook con el texto Plug-in socialde Facebook.
Lo que haremos ahora será quitar esos bordes, el texto debajo, y aprovechando podemos modificar el color de fondo.
Para aplicar estos cambios agrega a tu código lo que está en color azul:

<div class='likeboxwrap'>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffans.ciudadblogger&amp;width=292&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=true&amp;height=289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:289px;" allowtransparency="true"></iframe>
</div>

<style type='text/css'>
div.likeboxwrap {
width:290px; /* Quitar 2px al ancho del gadget */
height:264px; /* Quitar 25px al alto del gadget */
background-color:#8A084B; /* Color de fondo del gadget */
overflow:hidden;
}
div.likeboxwrap iframe {margin:-1px}
</style>

Y el resultado será este:

Aquí hay que tomar algunas cosas en consideración:

Para poder aplicarle un color de fondo es necesario que tengas el tema light en el gadget y NO el dark.

Dentro del código extra que hemos agregado hay unos estilos del ancho y alto del gadget; al ancho (width) del Fanbox le restaremos 2px para eliminar por completo el borde; y al alto (height) le restaremos 25px. Eso se cambia en donde se ha señalado en color verde.

En algunos casos cuando el Fanbox sea más grande o cuando hayan elegido no mostrar la cabecera del FanBox entonces podrían restarse otros valores del acho y alto, ya será cuestión de que cada uno modifique ese ancho y alto hasta que obtenga el mejor resultado.

Añadir el botón +1 (PlusOne) de Google en Blogger, en cada entrada de Blogger

El post pertenece a: Añadir el botón +1 (PlusOne) de Google en Blogger 

Desde hace un par de meses Google había anunciado un botón llamado Plus One (+1) el cual funcionaría como el botón 'Me gusta' de Facebook, o sea que, al ver los resultados en una búsqueda podríamos ver cuántas personas han recomendado algún enlace de los resultados y nosotros mismos también valorar los enlaces que más nos gusten.

El botón ya ha sido lanzado, y como lo han anunciado en Blogger Buzz ya está disponible también en Blogger.

El botón estándar viene incluido dentro de los botones de compartir de Blogger, si aún no los tienes sólo ingresa en Diseño | Elementos de la página, da click en Editar sobre el elemento Entradas del blog y ahí marca la casilla de los botones.

Si ya tuvieras los botones pero no ves el botón Plus One, entonces agrega después de esta línea:

Configurar tu domino Blogger en Namecheap

Fuente: http://www.silverspear.me/2011/07/how-to-setup-blogger-custom-domain-with.html


As promised on previous post, here are the screenshots showing the process to setup custom domain on Blogger with NameCheap.



I guess if you found this page, you already know what Blogger custom domain is and the important of using a custom domain instead of Blogger standard address.



So, let's proceed with the setup. (Click images for larger version)



Setting on NameCheap Control Panel

1. Click "All Host Records" under Host Management.
2. Host Name: www, IP Adress/URL: ghs.google.com. (include "." and the end of .com). By default, NameCheap has inserted some value in the text box. Just overwrite with the given value.
3. Sub-Domain Settings
• @/216.239.32.21/A (Address)
• @/216.239.34.21/A (Address)
• @/216.239.36.21/A (Address)
• @/216.239.38.21/A (Address)
4. Finally,  "Save Changes" to save your setting.

Setting on Blogger Dashboard

1. Click "Settings" and under "Basic",
2. Click "+Add acustom domain".

3.  Click "Switch to advanced settings"

4. Enter your domain name with "www".
5. Click "Save" to save your settings.

6. Click the checkbox to redirect your naked domain to domain with "www".
7. Finally, click "Save" again to save your settings.
8. Wait a few minutes for the domain to propagate. Sometime it can take longer than that. If it takes longer than 48 hours, you have done something wrong. Please check back your settings and make sure they are correct. If problem still persist, contact your domain registrar.

Como agregar el botón de Google + plus al blog

Fuente Todo Blogger

Como muchos habrán notado, hace una semana aproximadamente salió la nueva red social de Google, llamada Google plus. Y junto a esa red, salió un botón de recomendación estilo TweetMe o Me Gusta, sólo que este es Google +1.

Este botón, al ser de Google, tiene un gran poder en los buscadores, cuantos más clicks tengamos, tenemos más probabilidades de obtener mejores posiciones en los buscadores. Google ya anunció que el botón Google +1 será determinante en el posicionamiento de varios sitios, y suena lógico.

Hoy quiero explicar como agregar el botón de Google +1 al blog, ya que como mencioné antes, es beneficiario en el posicionamiento web, y vale la pena colocarlo para todas nuestras publicaciones. El botón de Google +1, por si no lo conocen, es el que estoy utilizando en la derecha, al comienzo de cada artículo.

A continuación, los pasos a seguir para agregar el botón de Google +1 a sus sitios:

[1] Primero vamos a la página del generador del botón Google +1.

[2] Allí veremos una serie de opciones, pero lo explicaré por pasos. En la primera opción podemos elegir el tamaño del botón. El pequeño, el mediano, el normal o el alto.

En la segunda opción podemos elegir el idioma del botón, el idioma se ve afectado sólo cuando colocamos el cursor sobre el botón, ya que se despliega un cuadro que dice que hagamos click para publicar el contenido en nuestra cuenta.

A la derecha podremos ir viendo una vista previa de como va quedando nuestro botón.

[3] A continuación podemos utilizar otra opción llamada Opciones avanzadas, la cual al desplegar, podemos encontrar otras opciones.

Allí podremos elegir si utilizar el contador o no (sólo para los botones horizontales).

Podemos elegir también si queremos que se utilice el botón para la página en donde se está navegando o en una página única indicada, por ejemplo la página principal de un blog.

También podemos encontrar la función de devolución de llamada de JavaScript, la cual no entendí mucho, pero me parece que es para utilizar nuestro propio código JS y no depender del de Google, aunque no sé si estoy acertado en eso.

Por último está la opción de agregar nuestra propia URL al botón de Google más uno, si es que seleccionamos esa opción antes.

[4] Finalmente, sólo nos queda copiar un código que se genera según las opciones que hayamos elegido. El código está situado abajo, es fácilmente reconocible. El mío es algo así:

<!-- Agrega esta etiqueta en la cabecera o delante de la etiqueta body. -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'es-419'}


</script>

<!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->

<g:plusone size="tall"></g:plusone>

[5] Ahora tenemos que pegar el código en nuestro sitio. A continuación voy a explicar cómo hacerlo para Blogger y para WordPress:

Si utilizás Blogger:

1. Primero que nada vamos a descomponer el código en dos partes. Como vemos en el código nos explican dónde pegar cada cosa, entonces haremos eso.

2. Debemos ir a Diseño > Edición de HTML y vamos a espandir los artilugios.

3. Luego vamos a buscar la etiqueta </head> y antes de ella vamos a pegar lo que esté antes de <!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->, en mi caso quedaría así:

<!-- Agrega esta etiqueta en la cabecera o delante de la etiqueta body. -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'es-419'}

</script>

</head>

Esta parte del código es el script, el cual estaremos llamando con el otro código faltante por colocar.

4. Ahora vamos a buscar la siguiente linea y pegar todo el código restante a continuación de ella:

<div class='post-header'>

5. A continuación vamos a encerrar el código que pegamos recién en un divisor con estilos, para que quede mejor alineado con el texto:

<div style='float: right; padding:10px;'>

Código restante del botón Google más uno (+1)

</div>

En mi caso quedaría algo así:

<div style='float: right; padding:10px;'>

<!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->


<g:plusone size="tall"></g:plusone>

</div>

6. En caso de que quieras que el botón se vea sólo en las páginas individuales del blog, debemos etiquetar el código que nos quedó del paso anterior nuevamente, pero ahora entre una condicional, que le dirá al blog que ejecute el código que está entre medio sólo en las páginas individuales:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Código del paso 5.

</b:if>

En mi caso el código quedaría algo así:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='float: right; padding:10px;'>

<!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->

<g:plusone size="tall"></g:plusone>

</div>

</b:if>

Si utilizás WordPress:

1. Vamos a Apariencia > Editor. Primero vamos a buscar el archivo header.php o similar y vamos a pegar antes de </head> el código que está antes de <!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->, lo cual quedaría algo así:

<!-- Agrega esta etiqueta en la cabecera o delante de la etiqueta body. -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

{lang: 'es-419'}

</script>

</head>

2. Guardamos los cambios y ahora vamos a seleccionar el archivo en donde se encuentran las páginas individuales, generalmente es algo como single.php.

3. En ese archivo vamos a buscar la parte que refiera a lo que es el contenido, en el caso de muchos es <?php the_content(); ?>, obviamente puede tener distintos atributos. Entonces vamos a pegar el código restante de lo que teníamos al comienzo justo antes de esa etiqueta:

<div style='float: right; padding:10px;'>

Código restante del botón Google más uno (+1)

</div>

Y obviamente sustituiremos lo que dice Código restante del botón Google más uno (+1) por el código restante, dejando algo como esto:

<div style='float: right; padding:10px;'>

<!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->

<g:plusone size="tall"></g:plusone>

</div>

4. Ahora simplemente guardamos los cambios y listo.

Si utilizás WordPress (Google +1 con plugin):

Hay un plugin disponible para facilitar la instalación del botón de Google +1 en WordPress. Ese plugin se llama Google +1 Button, un nombre no tan complejo. Para instalarlo debemos hacer como con cualquier otro plugin, y luego tendremos muchas opciones, como cuando creamos el código desde la página del generador de Google +1.

Si quieren obtener más información sobre el botón Google +1: Botón de Google +1

Si tienen alguna duda sobre el botón: Preguntas frecuentes sobre el botón Google +1

Incoming search terms:

• google plus
• agregar el boton de google en ell blog
• agregar boton google plus
• google plus boton
• boton google plus
• blogger google plus
• Añadir boton google
• plantilla google plus para blogger
• google plus en blogger
• boton google plus blogger

Importar y exportar marcadores de Firefox a otra Computadora

Nota Original: Importar y exportar marcadores de Firefox
* Desde el menú Marcadores – Administar marcadores accedemos al gestor de marcadores de Firefox.
* Desde Ahí, vamos al Menú Archivo – Exportar… y saldrá la ventana de windows preguntando la carpeta destino del archivo “bookmarks.html”. Se generará un archvo html con todos los enlaces.
* Para Importar seguiremos el mismo camino y desde el gestor de marcadores iremos al Menú Archivo – Importar

Como agregar meta Tags y Meta Descripcion a blogger

Agregar etiquetas META en Blogger

Como ya hemos comentado en Como utilizar los Metatags los metatags son muy importantes para indicar a los buscadores el contenido de nuestra web. Veamos como agregar metatags en blogger de manera sencilla.

Normalmente se deberían agregar un description y keywords por cada página de nuestro blog, pero solo agregaremos los metatags a la página principal de nuestro blog. En las páginas que no tengan metatags los buscadores generarán automáticamente el description basado en el texto de la página.

Código para los Metatags en Blogger

Entonces utilizando la sintaxis condicional en Blogger, tendríamos el siguiente código para mostrar los metatags en el home de nuestro blog. Este código debe ser colocado justo antes del tag </head>.

1 2 3 4

<b:if cond='data:blog.pageType == "index"'> <meta name='keywords' content='keywords, separados, por, comas' /> <meta name='description' content='Descripcion del sitio web' /> </b:if>

Ejemplo Practico


Entonces para nuestro blog de ejemplo creado en Blogger tendríamos nuestros metatags personalizados con el siguiente código:

1 2 3 4

<b:if cond='data:blog.pageType == "index"'> <meta name='keywords' content='tips, wordpress, blogger, twitter, html, css' /> <meta name='description' content='Tips, tutoriales, ejemplos y descargas para personalizar tu web.' /> </b:if>

Sencillo pero les ayudará mucho a posicionar su blog en los buscadores.

Tambien ver: Como agregar Meta keywords & meta description

Como sabrán hay varias meta tags que puedes añadir a tu blog, y estas son de alguna manera importante para el posicionamiento en los buscadores esta vez solo hablaremos de como agregar las meta tags: <keywords> y <description>


Lo se tendría que hacer es añadir meta keywords y meta description sólo para la página de inicio, con condicionales. De esta forma, Google no detecta meta keywords y description duplicados.

Para ello, buscar (también al inicio de la plantilla):

<b:skin><![CDATA[/*

Y añadir el siguiente código antes:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="La descripción de tu blog" />
<meta name="keywords" content="keyword1, keyword2, keyword3, keyword4, keyword5" />
</b:if>

Solo falta editar ese codigo, poniendo la descripción del blog y donde dice: keyword1, keyword2, keyword3, keyword4, keyword5 escribirás logicamente las palabras claves que quieras y de lo que trate tu blog.

Como ves es muy facil, aplicalo a tu blog y obtendrás beneficios a largo plazo. Espero que se haya entendido todo.

Como Descargar audio de YouTube

Fuente SpamLoco

Generalmente cuando quiero obtener el audio de un video de YouTube utilizo a Freecorder, un programa que permite capturar cualquier sonido que pasa por el navegador. Pero para los que no desean instalar programas y quieren una solución más sencilla, existen servicios online que permiten descargar el audio de los videos de YouTube en formato mp3.

Descargar Musica YouTube .com y Dirpy, son sitios que te permitirán lograrlo, con el primero además de descargar el sonido se pueden convertir los videos a otros formatos, algo que también podemos hacer con Ace Downloader; con el segundo sitio es posible descargar el audio y editarlo online.

El primero es el más sencillo de utilizar, aunque el funcionamiento de todos es similar, simplemente debemos ingresar la url del video y descargar el mp3.

Blogger estrena un Diseñador de Plantillas Propio

Ya era hora lo que muchos de nosotros estabamos esperando, ahora podremos diseñar o tener blogs mas profesionales diseñandolos nosotros mismos.

Para hacer la prueba de esta nueva funcion puedes hacerlo entrando por Blogger in Draft.

Como poner el Boton de Dacebook en tu blog de Blogger

Es facilisimo solo busca y configura tu codigo en:

http://www.facebook.com/facebook-widgets/share.php

Truco: Añadir tres columnas en la sección debajo de la cabecera

TRuco de propiedad del Escaparate de Rosa

Después de haber publicado la manera de añadir tres columnas en la sección del footer, algunas personas me han estado consultando para conseguir la posibilidad de añadir mas gadget en distintas partes de sus plantillas, una de las zonas más demandadas para aprovecharla al máximo es, sin duda, el crosscol.



Antes de empezar tengo que aclarar que estás modificaciones están basadas en el código de las plantillas originales de Blogger que ya tienen incluido el crosscol en su código por defecto.

Para hacer esto mismo en una plantilla que no incluya en su diseño el código del crosscol tendríamos que saltarnos el paso [1] y [2].

Colocar el código del paso [3] justo antes de <div id='main-wrapper'> y aplicar el paso [4] tal como está.

[1] Tendremos que retirar cualquier elemento que tengamos colocado en el crosscol del blog, moviendolo a la sidebar de forma temporal y, una vez añadidas las tres columnas en el crosscol, volver a colocarlo en esa sección si así lo queremos.




[2] Nos situamos en "Edición HTML" de nuestro panel y sin expandir las plantillas de artilugios, localizamos la sección del crosscol:

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

</div>

[3] Sustituimos ese código por este otro:

<div id='crosscol-wrapper' style='text-align:center'>

<div style='clear:both;'/>

<div id='crosscol-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='crosscol' id='crosscol-bottom' preferred='yes'>

<b:widget id='Text3' locked='false' title='' type='Text'/>

</b:section>


</div>

<div id='crosscol-columna-contenedor'>

<div id='crosscol2' style='width: 30%; float: left; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol1' preferred='yes' style='float:left;'/>

</div>

<div id='crosscol3' style='width: 40%; float: left; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol2' preferred='yes' style='float:left;'/>

</div>


<div id='crosscol4' style='width: 30%; float: right; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>

</div>

</div>

Una vez guardados los cambios ya podremos volver a incluir en el crosscol los elementos que queremos mostrar en esa sección.



[4] Ahora ya solo nos queda añadirle unas líneas de CSS a la plantilla para conseguir controlar la separación de las columnas y añadirles además un color de fondo (blanco en el ejemplo) y un borde.




Pegamos estas líneas antes de ]]></b:skin>:

#crol1{

background:#fff;

margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}




#crol2{

background:#fff;

margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}



#crol3{

background:#fff;


margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}



#crosscol-columna-contenedor {

clear:both;

}

.crosscol-columna {


padding: 10px;

}

[5] Y tendríamos que conseguir entonces algo así:

Modificaciones



Para retirar el borde a los elementos, colocamos en border: 1px solid #60A9D1; el valor 1 en 0, o directamente borramos esa línea del código CSS.




Para cambiar el color de fondo, lo hacemos sustituyendo #fff por el código del color que vamos a usar.



El ancho de cada gadget está aplicado en porcentajes, podemos modificar la anchura de cada uno cambiando en width: el valor del porcentaje, cuidando que la suma del valor de los tres gadget juntos no sobrepase el 100%

50 Herramientas útiles blogs para profesores

Via:

50 Useful Blogging Tools for Teachers

Blogging is becoming more and more popular in the classroom. Teachers can blog to stay in touch with parents and students or they can incorporate blogs from all of the students as a learning tool. The beauty of the student blog is that children from Kindergarten to high school can blog. No matter how you use blogs in your classroom, these tools will help you get started, enhance your experience, or bring the students into the fun.

Where to Create Your Blog

Creating a blog is the first step. The following resources all offer blog publishing. Some of these are aimed specifically at school blogs while others are available for anyone.

1. Class Blogmeister. Created as a blogging platform specifically for educators, this free service will get you and your students blogging in no time. An added bonus to this service is that it is rarely blocked by school filters due to it’s specific safety features.
2. Edublogs. Another blogging platform made just for educators, this service is based on WordPress, so comes with all the features of WordPress. Another benefit of Edublogs is the short and simple URLs for the blogs that make it easy to share with parents.
3. WordPress. Get a free blog with WordPress and you will also have access to plenty of tools such as spellcheck, integrated stats tracker, and spam protection. This is one of the more popular blogging platforms.
4. Blogger. Another popular blogging publisher, Blogger is teamed up with Google and offers lots of tools to make your blogging experience easier. You will need a Google account to create a blog with these folks.
5. TypePad. TypePad lets you select from thousands of designs and has lots of widgets, custom banners, and more. However, this service is not free. You can take advantage of a free trial before you decide to pay the low monthly fee or annual subscription, though.
6. LiveJournal. In addition to providing a blog, LiveJournal also makes it easy to create a social network through the blogs. This might work great for your class if all the students will have their own blog as well.
7. Moveable Type. Another free blog publisher, Moveable Type offers many of the same features as the others with a spam blocker, templates, and more.
8. Tumblr. Not really a full-fledged blogging platform, Tumblr is designed for smaller posts and a much more personalized experience. If you aren’t ready to go the way of the blog, this might be a good way to get your feet wet.
9. Windows Live Writer. Get a Space in Windows Live and download Live Writer to start blogging with this publisher. You can connect with others, post video, and more with Live Writer.
10. Thingamablog. All you need to get started with this blog platform is FTP, SFTP, or access to a server. The setup wizard will guide you through the steps of getting your blog in place.

Blogging Tools and Help for Teachers

The following tools and articles are all focused on helping teachers blog or provide free access for teachers to blogging tools that would normally cost money.

11. Smilebox. Create scrapbooks, slide shows, postcards, and more to post on your blog with this tool. While it’s not specifically designed for educators, teachers can receive the premium subscription for free.
12. Using Del.icio.us for Blogging. This article describes how you can incorporate the popular bookmarking site, Del.icio.us, into your blogging program.
13. avatars. Let your students design their own personal avatars with one of these free tools. Using an avatar lets the students personalize while also keeping their identity private.
14. VoiceThread. Create an online presentation with audio and text. You can incorporate PowerPoint, Flickr, Word, PDF, and more. Teachers get a free account.
15. Teacher Training Videos. While this site is not specifically for blogging, it is directed at teaching educators how to use technology in the classroom. There are some blogging videos that will help get you started.
16. A Vision for Classroom Blogging. Read about reasons to blog in your classroom as well as how to go about doing it in this article written by an experienced teacher and blogger. She also includes links at the end of the article for even more information.
17. Classroom 2.0. Read blog discussions between teachers with blogging experience ranging from newbie to veteran blogger. You can find helpful advice as well as resources in these blog posts.

General Blog Tools

From adding fun photos to maps showing where your blog readers live, these tools will help you and your students create fun and educational blogs.

18. Spellery. Type in the URL to your blog and find out if you have any spelling mistakes. This simple tool is invaluable for ensuring your posts are in top shape.
19. Jiglu. This tool creates tags within your blog that allows readers to find more information from your previous blog posts. You can manually assign tags or let Jiglu assign the tags automatically.
20. Wufoo. If you would like to create an online form for your blog, use this tool to do it for you. It’s easy to use and you’ll be creating polls, invitations, and more right on your blog.
21. AddThis. With this simple tool, you can add a button on your blog that allows readers to easily bookmark and share your website. Having this button will allow parents and other teachers easier access to your site.
22. Buttonator. If you need to create buttons for your blog, this easy tool will help you with the task. Choose the style, font, color, and more.
23. Bananr. Want to put those photos from the class field trip or talent show on your blog? This tool allows you to enter your Flickr user id or photoset id and easily add the photos to your blog.
24. Gickr. Add photos to your blog and put them in motion with this tool. Create fun slide shows and more without using difficult software.
25. Website Ribbon Generator. Create a ribbon for your favorite cause or use an originally designed ribbon to tie all your students’ blogs together with this simple tool.
26. FeedBlitz. Add this tool to your blog so readers can have your blog posts sent directly to their email. FeedBlitz also offers widgets to add to your blog such as a blogroll.
27. ClustrMaps. When visitors click on your blog, this tool logs their location on a map. Watch as over the life of your blog, the map fills with information on your visitors’ locations. This tool can also serve as a geography lesson.
28. MakeBeliefsComix.com. Choose your characters and add word or thought bubbles complete with your own text to create your very own comic strip. This is a fun activity for students to incorporate in their blogs, too.
29. TagCrowd. Create a cloud of words from your blog with this tool. Once you have created the cloud, the tool will provide the HTML code so you can put it on your blog.
30. widgetbox. Add any imaginable widget to your blog with this tool. Let your students run wild to allow their individuality to shine with these widgets that range from clocks to animals to word searches.
31. LabPixies. Add any number of fun widgets like Google maps, games, calendars, and more on your blog. There are some great learning opportunities among these.
32. gabcast. Record using your phone and post audio on your blog with gabcast. This tool can also be used to host conference calls, which would be helpful with parent-teacher conferences.
33. BlogRolling. With this tool, you can add a blogroll to your blog to show readers what other blogs you find interesting. The is great for localizing a whole class worth of blogs in one spot.

Blogging and Internet Safety

As a teacher, you are already well aware that keeping your students safe is a priority. Introducing blogs in the classroom is undeniably a powerful learning tool, but it also brings about an opportunity for the teacher to reexamine student safety. The following resources will help you protect your students from harm.

34. Google Analytics. Keep a close eye on your blog traffic and find out who is visiting your website. This tool breaks down the visitor information in several ways, including plotting a map of where the visitors are located.
35. Keeping students cybersafe!. This blog post, written by an educator, offers suggestions on how you can protect your students while enjoying student blogs.
36. Children’s Online Privacy Protection Act of 1998. This law explains how a child’s privacy is protected online. Working with children and blogs, this is a must-read item.
37. Copyright and Fair Use. This simple primer gives the basics on copyright and fair use laws as it pertains to the Internet. Any teacher posting on the Internet should take the time to read this.
38. A Teacher’s Guide to Fair Use and Copyright. Another helpful guide to fair use and copyright, this one is specifically designed for teachers. It also includes a chart for fair use to post in your classroom.
39. Responsible blogging. Taken from a 10th grade class, these guidelines for safe and responsible blogging are not just teacher-generated, but also come from the students themselves.
40. Blogger’s Contract. This contract between the teacher and student is a great way to remind the student of the safety and responsibility required when blogging. Use this contract as a model for one you can create for your class.
41. Consent for Your Child to Participate in Online Collaborations. This teacher has drawn up a consent form for parents explaining how technology will be used in the classroom and asking for parental consent. Click on the link at the beginning of this letter for the actual consent form.
42. Blogging Rules. This list of rules was compiled by a teacher for his classroom. You may find this helpful for setting the rules in your class before you begin blogging.
43. Discovery Blogging Rules. Another set of rules for classroom blogging, this one is a bit more extensive and also includes clearly defined consequences to breaking the rules. This list can serve as a model for the rules in your classroom.

Getting Students in on the Action

Don’t keep all the fun to yourself–let your students blog too. These resources offer suggestions and tools for getting students into blogging.

44. 21Classes. Set up classroom homepages and host and manage blogs for your students with this free service. Students can customize their pages and insert photos and videos.
45. Reflections on Student Blogging. This article written by a teacher working with middle and high school students describes how she implemented a student blogging project. She also offers more generalized helpful tips on blogging with students.
46. Blogging Basics: Creating Student Journals on the Web. This tutorial covers all the basics for getting your students set up to blog in the classroom. There are even some links to school blogs.
47. Students 2.0. This blog is run by students and allows them a chance to raise their voice on the topic of education. Not only does this blog serve as an example of what student blogs can be, it is also a great tool to share with your older students.
48. Student Tools–Let them fly!. Compiled by an educator, this list offers the top tech tools for students. Many of these tools can be used in student blogs or help students set up blogs.
49. iLearn Technology: Dipity. This educational blog reviews Dipity, a time line generator that students can use to create time lines on any topic. Students can use Dipity in conjunction with their blogs to create personal timelines.
50. Making it Interesting: What would you add to this classroom. This is a fun little visual to suggest various technology tools to get students excited about learning. Think about what you would add for your students.

El formulario de comentarios (forma sencilla) si tu plantilla es muy antigua

Habíamos visto anteriormente como implementar el formulario de comentarios en las plantillas que llevaban tiempo online o con bastantes modificaciones.



El problema surge cuando algunos modelos de plantilla no tienen incorporado el código que debemos localizar en la explicación anterior (es el caso de la Aspire por ejemplo, o de muchas de las plantillas adaptadas de Wordpress).



Hay otro método aún más sencillo y que parece funcionar sin problemas:



[1] Localizamos esta línea de código en la plantilla con los artilugios expandidos:

<b:include data='post' name='comments' />

[2] Justo después pegamos esta otra línea de código:

<b:include data='post' name='comment-form'/>

[3] Guardamos cambios.

Como colocar el Formulario de comentarios Blogger si tu plantilla es antigua

Ya podemos incluir en nuestro blog un formulario de comentarios "incrustado" en el pie de nuestras entradas al final de los comentarios.



De momento esta opción solamente está disponible en Blogger in Draft que, como ya casi todos sabréis es una especie de "laboratorio de pruebas", donde el equipo de Blogger va añadiendo nuevas funcionalidades que los usuarios podemos probar antes de incluirlas en el Blogger "normal".

Actualización:

La opción ya está incluida en la "Configuración" del panel de Blogger "normal", aunque sigue siendo necesario en algunas plantillas, seguir los pasos de esta entrada para mostrar el formulario.

Disponer de esta opción en nuestros blogs es, de entrada, bastante sencillo:



[1] Accedemos a nuestro panel de Blogger a través de Blogger in Draft.



[2] Una vez allí, pinchamos en la pestaña "Configuración" de nuestro menú y después en "comentarios".



[3] Veremos entonces una nueva opción que dice "Ubicación del formulario de comentarios", ahí marcaremos "Entrada incrustada a continuación":

[4] Si todo ha ido según lo previsto, el formulario debería verse ya debajo de los comentarios de cada entrada:

El formulario será así de sencillo de implementar en los blogs de nueva creación o en los blogs que no hayan personalizado ciertos aspectos de la plantilla.



Si hemos modificado estas partes del código de la plantilla como es mi caso, entonces seguramente aunque habilitemos la opción para mostrar el formulario, este no funcionará.




Como podéis comprobar acabo de implementarlo en El Escaparate y, de momento, parece funcionar correctamente sin necesidad de hacer grandes cambios en el código de la plantilla.



La forma de implementarlo sin necesidad de cambios demasiado complicados, la he encontrado esta tarde guiándome por Blogger Buster, y digo guiándome porque mi plantilla está tan modificada que el código que Amanda nos muestra apenas coincidía con el mio.



Aún así y tomando las debidas precauciones (guardar una copia de la plantilla es imprescindible) no pude resistirme a probarlo.



Os explico como Amanda ha logrado incluir el formulario en su plantilla previamente modificada:



[1] En primer lugar es imprescindible marcar la opción en "Configuración - Comentarios" que ya expliqué al comienzo de esta entrada.




[2]Una vez habilitada la opción y comprobado que el formulario no aparece en nuestro blog, vamos a la parte de "Edición html" de nuestro panel y marcamos la casilla para expandir las plantillas de artilugios.



Tendremos que localizar este código:

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </p> </b:if>

[3] Una vez localizado tendremos que cambiarlo por este otro:

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p></b:if>

Notas: Tened en cuenta lo que ya os comentaba antes:



el código que Amanda nos indica no estará igual en una plantilla con modificaciones previas pero si aún así decidís probarlo como hice yo, no os será demasiado difícil encontrar el código correcto si os fijáis bien e incluso si recordáis alguno de los cambios que hicisteis antes en esa zona.



Si habéis incluido la forma de mostrar el antiguo formulario de Blogger debajo de las entradas, tendréis que volver a la configuración original antes de implementar el formulario nuevo.



Por si os sirve de referencia os diré que yo había incluido ahí la imagen con un lápiz que sustituía al "Publicar un comentario en la entrada" y que mi código se veía así:

<p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><img alt='Enlace para comentar' src='http://2.bp.blogspot.com/_sbaQpFxeL1Q/R_4XR7UekbI/AAAAAAAAAJU/rhqHxL2mMLI/s400/



nombrenndn7.jpg' title='Deja tu comentario'/></a> </p> </b:if>




Una vez incluido el nuevo formulario en el blog podemos hacerle algunas mejoras de diseño.

48 trucos para mejorar tu blog alojado en Blogger

Aca algunas cosas imprescindibles para mejorar sus blogs en blogger.

1. Ajustes básicos para personalizar la plantilla. (4 Truquitos)
2. Como programar posts futuros.
3. Títulos de colores en el sidebar.
4. Como colocar imagen a pie de los post.
5. Widgets para mostrar el Top Comentaristas.
6. Como crear un álbum o galería de fotos con Flickr.
7. Mandar un post a Twitter.
8. Agregar sidebar extra en la plantilla.
9. Crear una barra de navegación.
10. Como utilizar dominio propio.
11. Como convertir etiquetas en botones.
12. Agregar paginación.
13. Como crear un buscador interno.
14. Como añadirle un favicon a tu blog.
15. Creando mensajes al azar.
16. Slideshows con la galería de imágenes o contenido del blog.
17. Añade imágenes a las etiquetas en Blogger.
18. Tutorial paso a paso: Migración de Blogger a Worpress.
19. Tutorial para expandir y/o contraer posts.
20. Redireccionar un blog en Blogger.
21. Añadir tag clouds, nube de etiquetas.
22. Colocar en el sidebar los seguidores de tu blog.
23. Como agregar entradas relacionadas.
24. Como agregar Meta Tags.
25. Como colocar banners 125 x 125.
26. Crear sitemap y enviarlo a Google y Yahoo.
27. Armar lista de entradas recientes.
28. Ultimos comentarios personalizados con iconos.
29. Firma personal que nunca desaparece.
30. Imagen delante de “Publicado por”, “Comentarios” y “Etiquetas”.
31. Personalizar el mensaje de suscripción al feed.
32. Como Sacar el Título y la Descripción del blog.
33. Mostrar firma en los feeds de blogger.
34. Dos columnas en un post.
35. Botón agregar a favoritos en tu blog.
36. Crear barra de menu para tu Blog.
37. Colocar en grande la primera letra de los posts.
38. Como publicar videos.
39. Poner comentarios al estilo Wordpress.
40. Formulario de comentarios estilo Wordpress.
41. Fecha al estilo Wordpress.
42. Añade un banner a tu blog y el código para que te enlacen.
43. Formulario de contacto sin servicios externos.
44. Colocar columnas en el footer.
45. Firma en los comentarios del autor.
46. Como poner emoticonos en los comentarios.
47. Como mostrar/ocultar vínculos en las entradas.
48. Ocultar la fecha de las entradas.