30 junio 2012

Fanbox de twitter en el blog


Fanbox de twitter en el blog

Para agregar en el blog el famoso fanbox de twitter, parecido al likebox de Facebook, pero con la diferencia que este gadget muestra los últimos diez seguidores de tu cuenta de twitter (Facebook muestra siempre los mismos dentro de su likebox) solo tienes que pegar el código en tu sidebar. 

Aunque este no es un gadget oficial de twitter (lo facilitó moopz para Joomla) funciona aceptablemente bien. 

Entra en Diseño, Añadir Gadget, Html Javascript, y dentro de él pega lo siguiente:

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("
twitter");</script></div>
</div>


<style>
.FB_SERVER_IFRAME {
width: 290px !important;
height: 250px !important;
}
</style>


Sólo cambia la cuenta de twitter por la tuya y listo. Pones el gadget donde más te guste y eso es todo. A presumir de cuántos seguidores tienes en twitter.

29 junio 2012

Lugas: Ideal plantilla de Blogger para fotos


Lugas: Ideal plantilla de Blogger para fotos
Lugas es un blog ideal para aquellos que gustan de las fotografías, genial para fotolog, con 2 columnas y un sidebar. Incuye botones de redes sociales y 2 columnas en el footer. Puedes verlo funcionando aquí. O también puedes bajarlo desde aquí.

Y lo que es más importante: ¡Es gratis! 

24 junio 2012

Meta-tags (Keywords) en el blog


Meta-tags (Keywords) en el blog

Lograr que los buscadores indexen nuestro blog muchas veces requiere de un trabajo arduo y el resultado a menudo no siempre es el que deseamos. Además, hay factores que influyen bastante a la hora de “competir” con otras webs por una mejor posición, factores que si bien son importantes para lograr un mejor posicionamiento (buen título y descripción de las entradas del blog, contenido de calidad, etiquetas en la entrada, etc.) éstos resultan casi ineficientes si no se combinan con otros factores que ayuden a describir nuestro blog y hacerlo más “interesante” a los ojos de los robots buscadores.

Existen algunos trucos (meta descripción, palabras claves, etc.) que podemos implementar dentro de nuestro blog (en lenguaje html) para que éste sea más amigable y más visible para dichos buscadores. Aunque como dije en la entrada anterior existe la posibilidad de agregar estas palabras claves (keywords) a través de Configuración, Preferencias de Búsquedas, esta es una herramienta que por lo pronto es mejor dejarla para los expertos en SEO y programación. Nosotros haremos algo parecido pero que conlleva mínimos riesgos y los beneficios son igual o mejores que si lo hiciéramos desde esa sección.

Para agregar estas palabras claves entra en Diseño, Edición Html, y justo después de <head> pega lo siguiente:

<!-- Inicio de metatags -->
<meta content='nombre del blog' name='Title'/>
<meta content='palabras claves del blog' name='keywords'/>
<meta content='Blogger,' name='Subject'/>
<meta content='descripción del blog' name='description'/>
<meta content='nombre del autor del blog' name='author'/>
<meta content='all, index, follow' name='robots'/>
<meta content='es' name='language'/>
<meta content='all' name='googlebot-image'/>
<meta content='4 days' name='Revisit-After'/>
<!-- Fin de metatags -->

Reemplaza lo que está en color naranja por la descripción de tu blog, agrega las palabras claves con las que quieras que los robots muestren tu blog. La idea es que tus palabras claves deben tener relación con la temática de tu blog. En autor, es el nombre de quien escribe las entradas, en es es el lenguaje, en este caso español; y 4 days son los días que tardan los robots en volver a revisar el blog por si hay algo nuevo que mostrar.  

Recuerda siempre primeramente dar en vista previa por si algo no está bien, aunque esto es sencillo, ser precavido nunca está de más. Ahora con esta información de seguro que tu blog estará mas visible para los buscadores. 

20 junio 2012

SEO en las entradas del blog


SEO en las entradas del blog

Aunque también se puede optimizar las entradas (agregar un poco de SEO) del blog desde Configuración, Preferencias de Búsqueda, y agregar unos cuantos metatags para que el robot de google sea más condescendiente con nosotros, hacerlo requiere tener conocimientos de códigos avanzados y su implementación, el mismo Google advierte que la usemos con precaución o corremos el riesgo de ver desaparecer nuestro blog en la esfera blogeríl y entonces sí, darle cristiana sepultura.

Pero para los que no tenemos esa sapiencia tan admirable como para forzar a los robots txt a que optimicen nuestro blog, si podemos ayudarnos con unos cuantos trucos para lograr que los títulos de las entradas de nuestro blog sean más llamativos para los rastreadores, y así lograr que indexen nuestro contenido para mostrarlo en una búsqueda generalizada, y que por tanto, más gente conozca tu blog.

Blogger por defecto indexa primera el nombre del blog y luego el título de las entradas, y en una búsqueda generalizada, lógicamente, mostrará primero el título del blog. Pero ¿y si pocos saben el nombre de tu blog? Si tu blog es nuevo, ¿cómo te buscarán?

Me explico: Así es como Google muestra su búsqueda por defecto. Poniendo primero el nombre del blog:

Bloger & Bloger: Poner estadísticas de entradas y comentarios...

Pero si lo que buscamos es poner estadísticas en el blog, que es una búsqueda más generalizada, lo que ponemos en el buscador será: Poner estadísticas en el blog, omitiendo el nombre del blog. Y entonces allí la cosa cambia. Los buscadores mostrarán muchas opciones y si tienes suerte mostrarán tu blog en alguna de esas páginas, y no precisamente entre las primeras.

¿Cómo logramos una mejor atención de los robots buscadores para que en esas búsquedas generalizadas incluyan tu blog? Diciéndoles que esa entrada también está en Mi BLOG. Y para ello, deberás hacer unos simples cambios en el código de tu plantilla para que los buscadores incluyan tu blog en aquellas búsquedas generalizadas. Entra en Diseño, Edición Html y busca esta parte de código:

<title><data:blog.pageTitle/></title>
 
Reemplázalo por:

<b:if cond='data:blog.pageType == &quot;item&quot;'>         <title><data:blog.pageName/> | <data:blog.title/></title><b:else/>       
         <title><data:blog.pageTitle/>
</title></b:if>

Con esto los robots buscadores pondrán más atención a la descripción del título de las entradas de tu blog y tendrás más probabilidades de que ellos muestren tu blog. O sea, en las búsquedas generales aparecerán ahora así:

Poner estadísticas de entradas y comentarios... Bloger & Bloger

Parece que no influenciara mucho, ¿verdad? Pero en realidad este simple cambio juega un papel importantísimo a la hora de dar a conocer tu blog. Al menos ahora cuando alguien busque algo en la red y que tu blog sí lo tenga, los robots también les mostrará tu blog a los visitantes. Y eso en sí, ya es una enorme ventaja, ¿no crees?

18 junio 2012

Cambiar a minúsculas el título de los gadgets


Cambiar a minúsculas el título de los gadgets
Algunos blogs tienen los títulos de los gadgets con letra mayúscula, lo que a algunos resulta un tanto molesto y quisieran cambiar dicho texto a minúscula. Pues eso se cambia de una manera tan rápida y sencilla que casi no lo creerán. 
Pues sí, y para hacerlo solo entra en Diseño, Edición Html, y busca lo siguiente:
Para plantillas del Diseñador de Plantillas de Blogger:

<Variable name="widget.title.text.transform" description="Widget Title Text Transform" type="string" default="uppercase" value="uppercase"/>

Para Plantillas Personalizadas:


/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
text-transform: uppercase;
  margin: 0 0 .5em;
}

También puedes cambiar el tamaño, la fuente y el color del texto. En las plantillas del Diseñador de Plantillas de Blogger debes reemplazar "uppercase" por "lowercase"; o en su defecto reemplazalo por "none" y el texto será tambien normal. En Plantillas Personalizadas, deberás agregar lo que está en rojo para conseguir cambiar a minúscula el texto; también cambia lo que está en fucsia por el valor de cada propiedad, así en font: $(widget.title.font); debes reemplazar por una fuente de texto válida (arial, arial arrow, san serif, etc.); y en color: $(widget.title.color); deber poner el código de color que más gustes. Mira esta entrada para que consigas el color que deseas.

¿Y si quieres agrandar el tamaño del texto? Busca:
 
  <Group description="Gadgets" selector="h2">
     <Variable name="widget.title.font" description="Title Font" type="font"
        default="normal normal 15px Palatino, serif" value="normal normal 15px Palatino, serif"/>

Reemplaza 15px por el tamaño de texto que quieras. Por último,  si notas que el texto de la fecha de las entradas también cambia de color, sólo busca el siguiente código en tu plantilla y agrega lo que está resaltado en verde:

/* Posts
=================================================*/
h2.date-header {
                margin:1.5em 0 .5em;
        color: #999999;
                }

Con lo demás no tendrás problemas. Lo ves, te dije que era super sencillo.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger