Oculta el nombre de Gadgets o Widgets en Blogger

Como Ocultar Nombre de Gadgets en Blogger

Un asunto típico en blogger, es que no queremos que nuestro diseño este lleno de títulos de las secciones creadas en gadgets, y es por eso que dejamos vacío espacios que al final generan un desorden total en la composición de nuestro blog, ¿o es que tu te ubicas bien en la sección de diseño de tu blog, llena de pestañas que dicen ‘HTML/Javascript?.
Bueno, para solucionar este problema es que les presento esta súper solución para ocultar los títulos de los gadgets de tu blog en blogger. ¿Lo mejor?, apta para expertos y para recién iniciados en Blogger.

Muestra Títulos Gadgets Blogger
A esto me refería con el diseño del blog lleno de textos “HTML/Javascript”

Ahora bien, como ventajas, gracias a esta solución podremos tener nuestro diseño más ordenado, tener un acceso más fácil a las secciones de tu top, sidebar, footer, etcétera y además mantener un dominio extra en las zonas de tu blog.

Sin más relleno, vamos al paso a paso.

Instrucciones

  • Primero, comenzaremos colocando nombre a todos nuestros gadgets. Si, TODOS.
  • Luego, en el menú de nuestro Blogger, vamos a “Plantilla” y luego damos click en “Editar HTML”.
  • Ahora, dentro del código de nuestro blog, iremos buscando los nombres de los gadgets que vamos a ocultar. 
  • Por ejemplo, si queremos ocultar el título de gadget llamado ‘Redes Sociales’, lo buscamos en el código, presionando CRTL+F y colocando el nombre, y una vez encontrado nos toparemos con un código como este:

<b:widget id=’HTML1′ locked=’false’ title=’Redes Sociales‘ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>

<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:includable>
</b:widget>

  • Ahora la magia. Simplemente eliminamos lo que aparece en color rojo, y listo.
  • Recuerda siempre comprobar el nombre del gadget a borrar para no cometer errores (lo que aparece en verde).
  • Si te arrepientes del cambio vuelves a introducir el código en rojo y se podrá visualizar el título de nuevo en tu blog.
  • El resultado interno (configuración de diseño) es lo que se muestra a continuación:
Resultado Títulos Gadgets Blogger
El resultado, secciones ordenadas y fáciles de encontrar 😀
  • Y respecto a lo externo (lo que se verá en el blog) serán títulos visualizados solo los que tu elegiste (:

Facebook Messenger en Mac OS X

Parsear Códigos HTML a XML Blogger

Hace más o menos un año dejé Facebook de manera definitiva (no descarto que en alguna oportunidad regrese), sin embargo, por el hecho de tener como única vía de comunicación con muchísimas personas el chat de Facebook (ahora llamado ingeniosamente Facebook Messenger), me he mantenido atado y sin poder escaparme en un 100% de todo lo que ya me tenía apestado de esta red social.
El asunto es, que se me ocurrió googlear un poco para encontrar una solución definitiva a este problema, y encontré la solución, obviamente en Inglés. Al final esto resultó más sencillo de lo que pensaba y por eso ahora a quienes deseen manejar también el Facebook Messenger desde su iMac o Macbook les doy a conocer lo que deben hacer, paso por paso.

Colocar Anuncio Bajo el Título de Post en Blogger

Anuncio Publicidad Bajo el Título de Post Blogger

En esta ocasión les presento un truco para colocar de manera super sencilla un anuncio de cualquier tipo bajo el título de post en blogger, el procedimiento es muy rápido y podrán usarlo para colocar anuncios de adsense, banners de otras empresas de publicidad, publicidad propia, etcétera.

Este arreglo es para visualizar el anuncio bajo el título al momento de ver un post en individual y no desde la página principal, así no lucirá tan molesto a la vista de los lectores y además podrán agregar otros tipos de anuncios en la página principal.

Instrucciones

  • En el menú de nuestro Blogger, vamos a “Plantilla” y luego damos click en “Editar HTML”.
  • Una vez dentro del código del blog, haremos un click dentro del cuadro, y sin seleccionar nada, presionaremos CRTL+F y buscaremos el siguiente trozo de código:

<data:post.body/>

  • Y arriba de esto pondremos:

<div align =”center”>
<b:if cond=’data:blog.pageType == “item”‘>
AQUI CÓDIGO DEL BANNER, ANUNCIO, PUBLICIDAD
</b:if>
</div>

  • Justo donde esta marcado en rojo reemplazamos y pegamos el código de nuestro anuncio, eso es todo!. 

Notas Importantes

  • Si vas a colocar un banner de adsense o de otra empresa de publicidad debes ‘parsear‘ el código, es decir, tomas todo el código del anuncio y lo pegas en esta herramienta, la cual te dará como resultado el código parseado apto para tu blog de Blogger.
  • Además de banners o espacios de publicidad puedes agregar bajo el título textos, archivos en formato flash, videos, etc…

Ante consultas, sugerencias u otros similares relacionados a este tutorial puedes escribir en la caja de comentarios bajo esta publicación (;

Parsear Códigos HTML para usar en Blogger

Parsear Códigos HTML a XML Blogger

Con esta herramienta online puedes convertir o parsear códigos HTML de Adsense, y cualquier otro sistema de publicidad para hacerlo compatible en tu sitio web o blog alojado en Blogger.
El sistema de esta herramienta es super sencillo, transforma el código HTML a XML para así poder usar códigos que deban colocarse dentro de la plantilla de tu blogspot.

No Indexar / Desindexar Paginación en WordPress

NoIndex Desindexar Paginación WordPress

Uno de mis proyectos en WordPress con paginación dio resultados duplicados en los buscadores, cosa que me llevó a conseguir una solución para aplicar no index en la paginación de manera eficaz y sencilla, además de desindexar las páginas ya incluidas en los buscadores.

El proceso en si se me hizo super sencillo, pero como la información de calidad en su mayoría se encuentra en inglés tome la iniciativa de publicarla en Español. Aquí vamos.

1er Paso: Aplicando noindex / follow dentro del sitio.

– Primero iremos al editor de tema de WordPress y en el template header.php incluiremos el siguiente código:

<?php if ( is_paged() or is_search() ) { ?>
<meta name=”robots” content=”noindex,follow” />
<?php } ?>

Esto hará que la paginación dentro del sitio deje de indexarse, pero con el segundo paso podremos definitivamente eliminar la indexación de la paginación.

2do Paso: Aplicando noindex para la paginación de WordPress en robots.txt.
En mis proyectos con WordPress yo tengo acceso a robots.txt desde Ajustes, gracias a un sencillo plugin llamado WP Robots Txt, luego desde esta zona debemos incluir el siguiente texto:

Disallow: /page/

Entonces, con el paso 1 y 2 tendríamos aplicado de manera correcta el noindex para la paginación. Ahora falta desindexar la paginación ya incluida en los buscadores, que eliminaremos con ayuda de Google Webmaster Tools.

3er Paso: Desindexar paginación de WordPress desde Google.
Para desindexar la paginación iremos a Google Webmaster Tools y una vez dentro del panel perteneciente al sitio en cuestión iremos a la zona de eliminación de url ubicado en la zona marcada de la siguiente imagen:

Eliminación de URL Google Webmaster Tools

Una vez dentro, simplemente debemos crear una ‘nueva solicitud de eliminación‘ agregando todas las urls de paginación que ya fueron indexadas por Google y listo.

¡Hola Mundo!

Panorámica de Santiago de Chile
Santiago de Chile – Fotografía de Rodolfo Paez

Por fin me he dado el tiempo de lanzar mi propio blog. Llevo un poco más de dos años trabajando de lleno como independiente, y dentro de lo que hago, la labor más frecuente que realizo es desarrollar weblogs, a los cuales en su mayoría también le hago el trabajo de crear contenido. Gracias a esto es que he tenido la necesidad de crear mi propio espacio para escribir y dar mi parecer a varias cosas que veo, leo y vivo, además de enseñar varias cosas que he aprendido durante este tiempo.

Aunque tengo el chip de ‘trabajador de internet‘ creo que tener un espacio donde decir lo que se te ocurra es ultra necesario, de hecho a mi blog le podría crear mucho más contenido que a cualquiera de mis proyectos, por que llevo demasiado tiempo con muchas cosas estancadas que quiero dejar anotadas, con su respectiva huella en la red.

En lo que va de mi vida he tenido un cerro de amistades, relaciones fraternas, conocidos y uno que otro ente que me odia, por lo cual a quienes no saben hace tiempo de mi existencia se podrán poner al día desde ahora. También a quien me esté recién conociendo puede saber más de mi desde este mismo blog. Y ya si quieren algo más biográfico, pueden ir a la sección típica de cualquier blog de persona, el sobre mi.

Tengo proyectos que algunos conocen, otros que ni se imaginan que soy su creador y así pretendo mantenerme por ahora, ya que hay muchos colegas que viven de la copia de ideas y de la destrucción de los proyectos de los demás, sin embargo, pretendo por este mismo medio enseñar varias estrategias e ideas para principalmente ganar dinero de manera estable desde internet.

Ahora retomando el fin de esto, pienso escribir y archivar publicaciones sobre temáticas de todo mi interés, tanto en lo profesional como en mi estilo de vida y mis gustos personales, es decir, pasaré entre medios digitales, marketing, internet, música, diseño, basuras y blasfemias varias.

Este, como blog personal, es una publicación donde todas las opiniones expresadas y el material compartido o enlazado de este sitio son de mi uso y gusto netamente personal y nunca jamás tendrán una relación con el pensamiento de los proyectos externos en los que trabajo y desarrollo, y mucho menos con las marcas que formo parte como colaborador, partner o afiliado.

Finalizo este “hola mundo” también dejando en claro que no soy ningún genio en redacción, de hecho mi fuerte es desarrollar proyectos web y hacerle ganar posiciones en los buscadores (labor llamada SEO, sobre la cual hablaré más adelante), así que si ven mucho ‘xd’, caritas y errores de tipeo no me crucifiquen. #ColocandoElParcheAntesDeLaHerida

IG.