0

Ranking de estrellas en Blogger ya disponible

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Está disponible ya en Blogger el "Ranking de estrellas" para nuestras entradas, el problema es que aunque este operativa la opción, en algunas plantillas no está incluido el código que hace posible su funcionamiento.

¿La solución? Pues como en otras ocasiones tendremos que incluir el código directamente en la plantilla:

[1] Iremos a nuestro panel de Blogger y en la pestaña de "Diseño" pichamos en el Editar de "Entradas del blog".

Entre las opciones disponibles, marcamos "Mostrar la evaluación de estrellas":


[2] Una vez guardados los cambios nos aseguramos de que la opción se muestra debajo de nuestras entradas, sino es así, lo más probable es que tengamos que incluir el código nosotros mismos.

[3] Vamos a la parte de "Edición html" de nuestra plantilla y marcamos la casilla para "expandir las plantillas de artilugios".

Localizamos esta línea de código:

<b:include name='feedLinks'/>


Y justo debajo añadimos el código para el ranking:

<b:if cond='data:top.showStars'>

<script src='http://www.google.com/jsapi' type='text/javascript'/>

<script type='text/javascript'>

google.load("annotations", "1");

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

[4] Pondremos ahora el código necesario para mostrar las estrellas debajo de las entradas, la colocación dependerá de donde queramos ponerla cada uno, aunque siempre ha de estar debajo de una de estas líneas de código:

<p class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-2'>

<p class='post-footer-line post-footer-line-3'>


Si vamos a poner el ranking de estrellas debajo de todos los demás elementos del pie de los post (post-footer), colocaríamos entonces el código debajo de la última línea:

<span class='star-ratings'>

<b:if cond='data:top.showStars'>

<div expr:g:background-color='data:backgroundColor'

expr:g:text-color='data:textColor'

expr:g:url='data:post.absoluteUrl'

g:height='42'

g:type='RatingPanel'

g:width='180'>

</div>

</b:if>

</span>




0

Somos campeones

Lo siento pero no he podido resistir la tentación...



España campeona de Europa 





La Selección culminó una Eurocopa perfecta ganando la final a Alemania.

El gol de Torres en la primera mitad hizo justicia a la superioridad española, pero al final el resultado pareció quedarse corto.

España, por fin, vuelve a proclamarse campeona de Europa.

0

Modificar el formulario de comentarios

Como habéis visto en mi blog, he cambiado el aspecto del nuevo formulario para comentarios de Blogger.

En realidad Blogger no nos permite hacerle demasiados cambios, ya que su código no se muestra dentro de la plantilla así que, como sucede con algunos otros de los elementos de Blogger, el formulario está controlado por Blogger.

A pesar de esto, algunos aspectos pueden modificarse usando CSS, por ejemplo es posible conseguir centrar el formulario, lo cual ya es bastante porque leyendo las consultas y emails recibidos desde ayer, veo que es la primera cosa que todos queréis modificar.

Como cada plantilla tendrá unas medidas y estética diferente, lo más fácil para todos creo que será mostraros el código CSS que estoy usando en El Escaparate, no creo que sea demasiado difícil el adaptarlo a las necesidades de cada uno.

Como os digo siempre y para evitar errores, colocaremos el código dentro de la plantilla justo antes de ]]></b:skin>.

[1] Algo así para centrar el formulario:

.comment-form {
margin:0px auto;
width:400px;
}

[2] Con esto añadimos las modificaciones en el título (Publicar un comentario en la entrada):
.comment-form h3 {
background:transparent url(Url_de_la_imagen) no-repeat scroll left 50%; color:#6998CA;
font-size:19px;
line-height:35px;
}

Si no vamos a colocar un icono delante del título, eliminamos la línea: background:transparent url(Url_de_la_imagen) no-repeat scroll left 50%;

color:#6998CA; El color del texto.

font-size:19px; Tamaño del texto.

line-height:35px; Ancho de la línea del texto, si nuestro icono tiene un ancho de 35px, por ejemplo, tendremos que poner aquí su misma medida para que no se vea cortado.

[3] Mensaje del formulario:
.comment-form p{
background-color:#EFEFF7;
color:#000;
border:1px solid #6998CA;
padding:10px;
width:375px;
}

background-color:#EFEFF7; Color de fondo.

color:#000; Color del texto.

border:1px solid #6998CA; Grosor, color y aspecto del borde.

padding:10px; Distancia del texto al borde de la caja.

width:375px; Ancho de la caja.

Si no vais a mostrar ningún mensaje a vuestras visitas, esta parte de código no es necesaria incluirla.



Quizá queráis ver como incluir un mensaje en el formulario de comentarios.

0

Esfuerzo Personal

Cuando hablamos de esfuerzo nos viene a la mente un esfuerzo físico, pero el premio que me otorga k_nelita y que ella es sobradamente merecedora no es precisamente la clase de esfuerzo al que se refiere.
Se trata de un esfuerzo que nos aporta satisfacciones, quizás por eso sea un esfuerzo agradable, mantener un blog.

En más de una ocasión me comentaron lo complicado que resultaba hacer modificaciones en la plantilla y las largas horas que tuvieron que dedicar al blog para obtener los resultados esperados.

No todo el mundo dispone de un PC en su hogar, los que mantienen su blog conectándose desde un ciber también hacen un esfuerzo.

Otros deben compartir el PC y no debe ser grato guardar turno, pero así son las cosas.

A veces ese esfuerzo se hace sobrehumano, da igual si se tarda tres horas o un día en crear un post, es lo mismo que lo escriba un familiar o un amigo, lo que importa es que tienen algo que aportar. Son personas que por una causa u otra tienen una discapacidad, para ellos no existe la palabra NO y para sus familias tampoco.

Y hay un grupo de blogs que no puedo pasar por alto, son blogs personales muy especiales, son blogs cuyos autores he conocido de forma casual porque dejaron comentarios en este blog y calaron muy hondo, tanto... que me fue muy difícil ayudarles no, por la solución a sus preguntas sino porque no es tarea fácil leer los sentimientos que afloran cuando se pierde a un ser querido.

Para todos ellos mi cariño y este premio.



GRACIAS K_nelita



0

Formulario de comentarios Blogger

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.

0

Ayuda Blogs el agregador para blogs de ayuda

Logo Ayuda Blogs
Desde Tensaiweb nos invitan a participar en un nuevo agregador para blogs que ellos mismos han ideado y puesto en marcha:


Ayuda blogs es un portal que busca reunir noticias sobre cosas de blogs, ayudas, trucos y todo lo que le sirva a los bloggers, especialmente para las plataformas más difundidas como son blogger y wordpress.
Ya saben, si tienen algún post sobre algo para Blogger o Wordpress en sus blogs. No duden en enviar dicha Noticia.
No sólo pueden enviar su noticia sino encontrar otras que les interesen.

Invitación
A todos los colegas bloggers que me leen están cordialmente invitados a enviar sus noticias.
Estoy preparando un pequeño sorteo entre los que participen publicando noticias en este portal, cuando tenga los detalles les comentaré más al respecto.


Aún están empezando así que no encontraréis demasiado contenido, pero el proyecto no deja de ser interesante ya que separaría las entradas relativas a "ayuda blog" de las que habitualmente triunfan en ese tipo de agregadores de noticias, donde las de ayuda suelen quedarse relegadas a segundo plano.

Ojalá su proyecto tenga una buena acogida entre los bloggers y consiga prosperar, yo desde aquí les deseo mucha suerte, ya que a mi personalmente el proyecto me parece una gran idea.

0

Buscador que busca en la web y en tu blog

Buscador para el blog que nos ofrece la posibilidad de realizar búsquedas en la web y también dentro de nuestro propio blog.

[1] Colocáis el código en un elemento html de nuestra sidebar.



[2] Cambiáis dentro del código los datos del escaparate por los de vuestro blog (en negrita).



Código para blogs con fondo blanco



Buscador Blanco

<!-- SiteSearch Google -->

<form action="http://www.google.es/custom" target="_top" method="get">

<table border="0" bgcolor="#ffffff" align="center">

<tr><td nowrap="nowrap" valign="top" height="32" align="left">

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

<img border="0" alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="middle"/></a>

<br/>

<input value="elescaparatederosa.blogspot.com" name="domains" type="hidden"/>

<label for="sbi" style="display: none">Introduzca los términos de búsqueda.</label>



<input maxlength="255" id="sbi" value="" name="q" size="15" type="text"/>

</td></tr>

<tr>

<td nowrap="nowrap">

<table>

<tr>

<td>

<input id="ss0" checked value="" name="sitesearch" type="radio"/>

<label for="ss0" title="Buscar en la web"><font color="#000000" size="-1">Web</font></label></td>

<td>

<input id="ss1" value="elescaparatederosa.blogspot.com" name="sitesearch" type="radio"/>

<label for="ss1" title="Buscar elescaparatederosa.blogspot.com"><font color="#000000" size="-1">El Escaparate</font></label></td>

</tr>

</table>

<label for="sbb" style="display: none">Envíe el formulario de búsqueda</label>

<input id="sbb" value="Buscar" name="sa" type="submit"/>



</td></tr></table>

</form>

<!-- SiteSearch Google -->



Código para blogs con fondo negro



Buscador Negro

<!-- SiteSearch Google -->

<form action="http://www.google.es/custom" target="_top" method="get">

<table border="0" bgcolor="#000000" align="center">

<tr><td nowrap="nowrap" valign="top" height="32" align="left">

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

<img border="0" alt="Google" src="http://www.google.com/logos/Logo_25blk.gif" align="middle"/></a>

<br/>

<input value="elescaparatederosa.blogspot.com" name="domains" type="hidden"/>

<label for="sbi" style="display: none">Introduzca los términos de búsqueda.</label>



<input maxlength="255" id="sbi" value="" name="q" size="15" type="text"/>

</td></tr>

<tr>

<td nowrap="nowrap">

<table>

<tr>

<td>

<input id="ss0" checked value="" name="sitesearch" type="radio"/>

<label for="ss0" title="Buscar en la web"><font color="#ffffff" size="-1">Web</font></label></td>

<td>

<input id="ss1" value="elescaparatederosa.blogspot.com" name="sitesearch" type="radio"/>

<label for="ss1" title="Buscar elescaparatederosa.blogspot.com"><font color="#ffffff" size="-1">El Escaparate</font></label></td>

</tr>

</table>

<label for="sbb" style="display: none">Envíe el formulario de búsqueda</label>

<input id="sbb" value="Buscar" name="sa" type="submit"/>



</td></tr></table>

</form>

<!-- SiteSearch Google -->