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;'/>

Video Mejorar Rendimiento de Windows 7 en 3 minutos

Modificar las plantillas móviles de Blogger

Desde que Blogger habilito la versión móvil de nuestras paginas, solo podíamos seleccionar algunas plantillas predeterminadas y nada mas. Ahora desde el blog de desarrolladores de Blogger nos indican que es posible modificar y seleccionar algunas cosas en esa versión móvil que se muestra automáticamente al acceder desde un dispositivo móvil a nuestras paginas.



La primera opción es poder seleccionar que widget queremos que se vean en la versión móvil y cuales no queremos que se vean, para ello solo deberemos acceder a la edición de nuestra plantilla y añadir las siguientes etiquetas:

Esto es lo que tenemos habitualmente



<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>



Si queremos que se vea ese widget en concreto le añadimos



<b:widget id='BlogArchive1' title='Blog Archive' mobile='yes' type='BlogArchive'>



Si no queremos que se vea le añadiremos



<b:widget id='BlogArchive1' title='Blog Archive' mobile='no' type='BlogArchive'>



Si queremos que se vea solo en la versión móvil, pondremos



<b:widget id='BlogArchive1' title='Blog Archive' mobile='only' type='BlogArchive'>

También es posible añadir el condicional <b:if cond="data:mobile"> en los códigos de los widget por si queremos mostrar una cosa u otra dependiendo de que la versión sea vista móvil o no.

Os dejo el ejemplo



<div class="widget-content">

<b:if cond="data:mobile">

<!-- Show a text link in mobile view.-->

<a href="http://www.blogger.com">

Powered By Blogger

</a>

<b:else/>

<!-- Show an image link in desktop view.-->

<a href="http://www.blogger.com">

<img expr:src="data:fullButton" alt="Powered By Blogger"/>

</a>

</b:if>

</div>

También es posible modificar las plantillas mediante CSS pero es algo más complejo y lo explicaremos mas adelante

Como poner Adsense en vista móvil para blogger

Vito en: Como poner Adsense en vista móvil para blogger
Bien en esta entrada os voy a enseñar a poner un banner de adsense para la vista móvil en blogger justo debajo del título. Tenemos 2 opciones, una fácil con problemas que luego explicaré más adelante y otra un poco más complicada pero con óptimos resultados.



Antes de todo debemos habilitar la vista móvil en blogger/plantilla y donde pone móvil pulsamos abajo y la ventana que se nos abre la dejamos de la siguiente manera

Opción 1

Con esta opción debemos localizar el gadget o widget que queremos que sea visible para la vista móvil y añadiendo los atributos en HTML podremos elegir entre:

mobile='yes' para que sea visible tanto en vista de escritorio como en móvil

mobile='no' para que no sea visible en vista móvil

mobile='only' visible solo en vista móvil



Supongamos que queremos que el widget Adsense sea visible en vista móvil también, pues nos vamos a plantilla/editar HTML localizamos el widget y añadimos mobile='yes'



<b:widget id='Label1' mobile='yes' locked='false' title='Adsense' type='Label'/>



Recuerda que donde pone Label1 es el numero del widget y donde pone title es el nombre.



El problema de esto es que a la hora de poner mobile='only' para que sea visible solo desde la vista móvil, el widget desaparece del diseño y cuando queramos cambiar algo dará el error bX-7d26hw al guardar los cambios.



Opción 2

Para poner Adsense debajo de la descripción de nuestro blog para que quede de esta manera

Lo aremos con el siguiente condicional <b:if cond='data:blog.isMobile'> visible solo en vista móvil </b:if> de esta manera a la hora de cargar la página, le estamos diciendo a blogger que esa parte la queremos que sea visible solo en vista móvil. Entonces al lío.



Nos vamos a plantilla/editar HTML y pulsamos Ctrl+F para abrir el buscador y escribimos </header> justo debajo ponemos lo siguiente:



<!-- Adsense vista movil -->

<b:if cond='data:blog.isMobile'> 

<div align='center'>



Tu código Adsense en texto plano aquí



</div>

</b:if>

<!-- Adsense vista movil -->



Para pasar adsense en texto plano



Una vez hecho esto, guardamos cambios y probamos la vista móvil, recuerdo que debes añadir /?m=1 de tal forma www.tublog.com/?m=1 para hacer visible la vista móvil desde el escritorio.



Explicación de lo que hemos hecho



</header> es el cierre de la cabecera donde va el título del blog

<!-- Adsense vista movil --> para localizar el widget facilmente ya que lo que escribamos dentro de <!-- --> no es visible

<b:if cond='data:blog.isMobile'> le estamos diciendo que sea visible solo en vista móvil

<div align='center'> que esté centrado en la pantalla



y los correspondientes cierres de cada atributo </div> </b:if>

Ver o Incrustar otra web en tu blog

Fuente Blog de Lujo

Hacer que se vea en una entrada, columna, footer... otra web es bien sencillo con una simple orden. Basta usar "iframe" para darle una anchura y altura que nos guste.

Alguien se preguntará, ¿para qué sirve?. Sólo puedo responder:

1. Sobre todo enseña una web sin que salgan de la tuya o tu blog. Puede ser una fórmula para que tus visitas se queden algo más de tiempo al mostrarle esa facilidad.
2. Para reducir el número de pestañas abiertas en los navegadores.
3. Mostrar una entrada antigua sin necesidad de colocar un enlace para abrir o cerrar una página.
4. Un truco para experimentar.

■ En este blog lo he usado varias veces con los siguientes ejemplos:




<iframe src="http://www.ismyblogworking.com" width="520px" height="210px"></iframe>


<iframe src="http://blogdeladymarian.blogspot.com" width="550px" height="200px"></iframe>


El modelo a seguir es:

<iframe src="url-de-la-web-que-desees-mostrar" width="nº-de-ancho px" height="nº-de-alto px"></iframe>

**Recordad que width o height se expresan en píxeles (px). P.ej: 420px - 550px - 670px ...

Estas instrucciones se pueden colocar en una entrada de nuetro blog o en un gadget HTLM/Javascript si queremos colocarlo en algún lado de nuestra sidebar, footer, crosscol...

Actualización:

Para que no salgan las líneas deslizantes en los bordes es necesario añadir la orden:

scrolling="no"

dentro de la opción iframe .P.ej:


<iframe scrolling="no" src="url-del-sitio-web" width="550px" height="200px"></iframe>

Cómo poner el botón +1 de Google en el blog de Blogspot

Como sabes, el botón +1de Google permite al usuario marcar como recomendado el contenido mostrado en tu blog o web. Estas recomendaciones se mostrará en los resultados de las búsquedas en el buscador Google a partir del martes 28 de Junio de 2011 de manera global.

Para recomendar debes haber iniciado sesión en Google y el perfil asociado a tu cuenta debe ser público. Es evidente que este botón compite de manera directa con el mundialmente conocido "Me Gusta" de Facebook. Sin embargo, el botón de Google tiene un peso muy importante ya que favorecerá el posicionamiento de los sitios recomendados. Por lo tanto atentos no solo los Bloggers sino también los WebMasters.

Si como usuario marcas este botón, estas recomendado con 1 voto el contenido. Si lo vuelves a pulsar, quitas el voto. También puedes gestionar tus votos desde tu perfil público. El efecto que quiere conseguir Google es..."que mejor recomendación, que la que te hace un amigo"

Antes de continuar te invito a ver el siguiente video de apenas 1 minuto donde se muestra el funcionamiento de este nuevo botón que sin duda inundará todo Internet. Activa  los subtitulo en español pulsando el botón CC en la barra de reproducción.

Video de cómo funciona el botón +1 de Google:

Pasos para poner el botón +1 de Google en el blog (Blogger):

Existen dos métodos y debes elegir la que más se ajuste en tu caso.

Método 1. Usando los botones de compartir

Para aquellos blogs (no es mi caso) que no tienen botones personalizados como los que aparecen en este blog al pie de cada entrada, hay una forma muy sencilla y es habilitar los botones de compartir por defecto de las nuevas plantillas de blogger.

1. Habilitar los botones de compartir en cada entrada del Blog
• Abre la pestaña "Diseño" 
• En "Entradas del Blog" pulsar "Editar"
• Marcar "Habilitar botones de compartir"
• Guarda la plantilla y visualiza el blog
• Debes ver bajo cada entrada la siguiente barra de botones: 

Nuevo botón +1 en los botones de compartir de Blogger

Método 2. Utilizando un código Javascript y personalizando la plantilla

Este es el método que he usando en iniciaBlog ya que desde que incorpore el botón de "Twittear", ya no muestro los botones de compartir de la plantilla (siempre me parecieron poco visuales).

1. Código para la sección "Head" del blog
• Abre la pestaña "Diseño" y luego "Edición de HTML"
• Pulsa "Descargar plantilla completa" para hacer una copia de seguridad
• Busca con ayuda del navegador (Ctrl F o Ctrl B) esta cadena </head>
• Pega justo antes de la linea anterior el siguiente código:
  <!-- boton+1 de blogger -->
  <script lang='ss' src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
2. Código del botón para situarlo debajo de cada entrada
• Ahora buscamos esta cadena:
• Para colocarlo al pie de la entrada: post-footer-line post-footer-line-1
• Para colocarlo en la cabecera de la entrada: post-header-line 
• Justo debajo pega este código:
  <g:plusone expr:href='data:post.url' size='medium'/>
  
  
  A partir del 25 de Enero de 2012, además si quieres mostrar las caras de las personas que han hecho clic en el botón añade el parámetro annotation de la siguiente forma:
  <g:plusone expr:href='data:post.canonicalUrl' size='medium' annotation='inline'/>
  
  
• Guarda la plantilla y visualiza el blog. 

Tamaño del botón: 

Además del tamaño mediano (medium), si quieres puedes probar con otras dimensiones.  Sustituye la palabra medium resaltada en rojo por estas otras opciones:

• Pequeño: small
• Enorme: tall
• Normal: déjalo en blanco, es decir size=''

Visita la página oficial del botón +1 de Google para ver otras opciones

Si te fijas además de este botón en iniciaBlog también tenemos el botón de "Me gusta" de Facebook y el botón de "Twittear" de Twitter que te recomiendo los implementes en tu blog (si no lo has hecho ya)

Si te gustan las publicaciones de iniciaBlog, puedes recibirlas directamente en tu buzón de correo electrónico o bien seguirme desde Twitter.com/iniciaBlog o Facebook.com/iniciaBlog

Lecturas recomendadas:

• Estadísticas del botón +1 en las Herramientas para Webmaster y Google Analytics
• Cómo registrar los eventos del botón +1 en Google Analytics

Gracias ;-)

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.