Mostrando entradas con la etiqueta Etiquetas. Mostrar todas las entradas
Mostrando entradas con la etiqueta Etiquetas. Mostrar todas las entradas

Suscribirse sólo a etiquetas determinadas

Si tienes un blog en el que tratas muchas temáticas, es posible que no tengas lectores fieles, pero afortunadamente puedes fidelizarlos si permites elegir el suscribirse sólo a una o varias etiquetas.



Para añadir la posibilidad de suscribirse a determinadas etiquetas de tu blog debes hacer lo siguiente:

1) Vamos a Diseño
2) Edición de HTML
3) Marca la casilla expandir artilugios
4) Busca <b:loop values='data:labels' var='label'> (teclea Ctrl + F para buscar más rápido)
5) Te encontrarás con algo así:


<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>


Pues bien, debajo de <li> pega el siguiente código:


Código a copiar/pegar<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Suscribete por etiquetas' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

6) Clica en vista previa y si todo está correcto, guarda tu plantilla. Ahora ya tendrás disponible la opción de que tus lectores se puedan suscribir a una etiqueta en concreto.



EXTRA: Si estás atento te habrás dado cuenta que en lugar de proporcionar la opción de suscribirse también puedes poner una imagen al lado de las etiquetas. Para ello, en lugar de poner el código del paso 5) pon este:


<img src='http://www.ENLACEdelaIMAGEN' style='vertical-align:middle;border:0'/>


Sólo deberás poner el enlace de la imagen que quieras, pero siempre teniendo en cuenta la dimensión de la imagen. Yo recomiendo no exceder de un tamaño 16x16px.

Cómo dividir el gadget de etiquetas en dos

Si quieres que el gadget de etiquetas de tu blog quede dividido por dos partes iguales ahora te explico cómo gracias a chicablogger. Dividir las etiquetas en muy útil para que tu blog no se muestre como una columna interminable de etiquetas, cosa que desde siempre he recomendado no hacer.

Para empezar debo matizar que sólo funciona y vale la pena si tienes una sola sidebar y ésta tiene unas dimensiones considerables.

1) Vamos a Diseño
2) Edición de HTML
3) Buscamos (tecleamos Ctrl + F para buscar más rápido). Puede variar en tu plantilla y no aparecer como'Label1', sino fíjate bien e identifica cuál hace referencia a las etiquetas de tu blog.




A continuación de Label1 veremos que hace referencia a las etiquetas o como le hayamos llamado a ese gadget, en mi caso 'Categorías'. Si te das cuenta estarás frente a la totalidad de los gadgets de una zona de tu blog. Por lo que si quieres hacer lo mismo con otro gadget deberás fijarte en su identidad id=''

4) Entendido esto ahora buscamos ]]></b:skin>
5) Justo antes añadiremos el siguiente código:


#Label1 ul li{
float: left;
width: 45%;
}


Dependiendo de tu plantilla deberás modificar el width: 45%, asignando un valor mayor o menor para él.

6) Clicamos en vista previa y si todo está bien guardamos la plantilla.

Cómo elegir las etiquetas a mostrar

Llevo ya un tiempo empleando esta magnífica función que recientemente incorporó blogger. Se trata de poder elegir qué etiquetas mostrar.

Si quieres emplear esta valiosísima función en tu blog debes seguir estos pasos:

1) Vamos a Diseño
2) Elementos de página
3) Si no tenemos ya añadidas las etiquetas en nuestro blog deberemos ir a "Añadir un gadget" y allí seleccionar "etiquetas". Si ya teníamos implatando este gadget nos olvidamos de este paso.



4) Una vez instalado el gadget ahora clicamos en "editar" y aparecemos en:


* Abajo hay una casilla llamada "Mostrar cantidad de entradas por etiqueta". Otro truco ya implantado que anteriormente vimos modificando la plantilla.

Si nos fijamos en la imagen vemos que pone "Mostrar - Etiquetas seleccionadas" y justo debajo "editar". Entramos en editar y seleccionamos las etiquetas que queramos mostrar en nuestro blog:



Una vez hayamos seleccionado todas las tags que queramos pulsamos en Finalizado y ya hemos terminado.

Cómo crear un índice (sitemap) con todas las entradas de tu blog de blogger

Gracias a bloggerbuster y a ciudadblogger os traigo esta gran utilidad para poder crear un sitemap o también llamado tabla de contenido para poder mostrar todas las entradas del blog como si de un índice se tratara.

indice para el blog

Para poder crearlo es tan sencillo como crear una entrada y pegar en ella el siguiente código:


<script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script>
<script src="http://www.tublog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


Pones los datos de tu blog y ya hemos terminado.... ¡No! No hemos terminado. Ahora debes editar esta entrada en la que has pegado ese código y ponerle una fecha anterior, por ejemplo una fecha anterior a la que creaste tu primera entrada del blog.

Cada vez que crees una entrada el índice se actualizará solo y encima las entradas más nuevas tendrán la palabra Nuevo! a su lado. Ahora sí que ya hemos terminado.

Quizá te interese también como poner ultimas actualizaciones en el blog.

Cómo eliminar mensaje "Mostrando entradas con la etiqueta..." de tu blog de blogger

Si quieres que no aparezca más el mensaje "Mostrando entradas con la etiqueta..." cada vez que tus lectores pulsan sobre alguna etiqueta, deberemos hacer lo siguiente:



1) Vamos a Diseño
2) Edición de HTML
3) Buscamos el código ]]></b:skin> (tecleamos Ctrl + F para buscar más rápido)
4) Antes de ]]></b:skin> pegaremos el siguiente código:


.status-msg-wrap {
visibility:hidden;
display:none;
}



Clicamos en vista previa y si todo está bien ya habremos terminado.

Nube de entiquetas que se mueve en 3D para blog de blogger

Si queremos que las etiquetas de nuestro blog estén en una nube de tres dimensiones en movimiento deberemos hacer lo siguiente:



1) Vamos a Diseño
2) Edición HTML
3) Buscamos <b:section class='sidebar' id='sidebar' preferred='yes'> (tecleamos Ctrl + F para buscar más rápido)
4) Una vez localizado pegaremos justo después el siguiente código:



<b:widget id='Label99' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>




Si queremos modificar el tamaño tan solo debemos cambiar el 250 y 200 por los valores que queramos.

Clicamos en vista previa y si todo está bien guardamos la plantilla.


Fuente: bloggerbuster.

Eliminar número de entradas en las etiquetas de blog de blogger blogspot

Gracias a chaantii´s vemos este truco para eliminar el número de post que se muestran en las etiquetas o archivo de nuestro blog.

Para ello debemos hacer lo siguiente:

1) Vamos a Diseño
2) Edición de HTML
3) Buscamos este código: (<data:label.count/>) (tecleamos Ctrl + F para buscar más rápido) y lo eliminamos


4) Pasaremos de ver esto:


5) A ver esto:


Mucho mejor, ¿no?