pruebas: Widgets

Mostrando entradas con la etiqueta Widgets. Mostrar todas las entradas

Buscador interno

Una herramienta super importante para los blogs, es la Búsqueda interna, con la cual nuestros visitantes podrán buscar aquella entrada, que una vez vieron pero que no se acuerdan hace cuanto, ni el nombre de a entrada, pero ingresando alguna palabra que la defina podrá encontrarla fácilmente.

Hasta ahora estaba utilizando un buscador interno basado en Google, pero estaba teniendo problemas, a veces buscaba cosas obvias y no encontraba nada, o encontrada algo que no tenía nada que ver.

Pero con el aporte desinteresado de Zilfarion mi problema se vió solucionado.

Es tan facil de aplicar como copiar y pegar.
El código sería así:

<form id="searchthis" action="URL DE TU BLOG/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="15" type="text"/>
<input id="b-searchbtn" value="Search" class="blue" type="submit"/>
</form>

Lo que está en rojo es lo que se modifica es decir todo se puede modificar, pero lo primero que marqué en color es en donde va la URL de tu blog, y lo segundo que marqué es el texto que aparecerá en el botón.

Lo pueden ver en funcionamiento en mi sidebar.

Desde ya muchas gracias a los aportes de

--> Leer más...

[ ... ]

Comentarios Reciente - Otra forma

Mi buen amigo Birdelo, me consulta sobre un truco que tengo en la sidebar, que es un botón que al clickearlo se desplegan los últimos comentarios.
Esta consulta me sirve de excusa, para comenzar a publicar nuevamente, después de 2 semanas sin poder conectarme.
Lo primero que debo explicar que son varios trucos, que fuí acomodando de modo tal que salió lo que salió ^_^
Bueno espesemos por el principio:
Como ya sabemos, Blogger nos da la posibilidad de desplegar en la sidebar los comentarios recientes de nuestros lectores, pero esta posibilidad no es compatible con el truco que generé.
1- Lo que debemos hacer es crear un widget de comentarios recientes, como los que utilizábamos antes de que Blogger lo hiciera por si mismo.
Para eso debemos visitar un generador creado por Blogger Templates, aquí podrás configurar el widget con tus caracterísiticas: Título, tu url, la cantidad de comentarios que quieres que se despleguen, si quieres la fecha y el titulo del post donde se comentó etc., es muy fácil.

Una vez que termines de confirgurarlo, le das al botón de agregar widget a tu blog y se abre otra pantalla, que te ayuda a añadirlo a tu blog, o simplemente copias el código que te da en la parte de "Editar" que sería mas o menos así:

<script style="text/javascript" src="http://giga.ovh.org/rc"></script><script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="URL DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

a_rc=5;var m_rc=true;var n_rc=true;var o_rc=100 esta parte es lo que podrás modificar
a_rc=5; cantidad de comentarios cambiando el número
m_rc=true le pones "false" si no querés que aparezca la fecha
n_rc=true le pones "false" si no querés que aparezca el título del post
o_rc=100 longitud de los comentarios que se desplegarán

2- Muy bien, como verán, este generador crea el widget muy facilmente pero en ingles, para traducirlo debemos hacer algunos cambios.
Lo primero que debes hacer es alojar este archivo RC.js.
Ahora, debes buscar en el código del widget generado anteriormente, esta dirección http://giga.ovh.org/rc y reemplazarla por la URL del archivo que alojaste.

3- Para el efecto de "Desplegar" deben verlo AQUI que ya lo había explicado.

4- Para el efecto del Botón apretado deben verlo AQUI que también ya lo había explicado.

En fin luego de haber explicado y aplicado todo esto, el código quedaría mas o menos así:

<script type='text/JavaScript'></script>
<div class="EJ-COMENTARIOS">
<span class="pushbutton"><a href="javascript:desplegar('EJ-COMENTARIOS');">
<img src="URL DE LA IMAGEN DE BOTON"/></a></span>
<ul id="EJ-COMENTARIOS" class="ocultar_menu"><br/>
<script style="text/javascript" src="URL DEL ARCHIVO RC.js"></script>
<script style="text/javascript">var a_rc=5;var m_rc=true;var n_rc=false;var o_rc=50;</script><script src="URL DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
<br/></ul></div>

En fin a probarlo, es una recopilación de trucos, como ya había dicho, asi que el cielo es el límite :D

--> Leer más...

[ ... ]

Blogger - Nuevo formulario de comentarios

Como ya todos saben, hace un par de meses, Blogger nos da la posibilidad de incluir, incrustado al final de nuestras entradas, un formulario de comentarios, muy al estilo de Wordpress.
Ya casi todos los blogs de ayuda han hablado de este tema, es que lo estábamos esperando desde hace muuuuuucho tiempo, y por fin luego de infinidad de cambios y "mejoras" sin trascendencia, los chicos de Blogger incluyeron algo que vale la pena.
Cabe destacar que esta posibilidad, solo la podemos configurar desde Blogger in Draft.

1- Acedemos a nuestro panel desde Blogger in Draft
2- Vamos a Configuración, y luego a Comentarios
3- Una vez aquí, elegimos en Ubicación del formulario de comentarios la opción Entrada incrustada a continuación

Así de simple es incrustar este formulario, PERO SOLO EN LOS CASOS EN QUE LA PLANTILLA NO HAYA SUFRIDO MODIFICACIONES EN LA PARTE DE COMENTARIOS ANTERIORMENTE.
Destaco esto, porque como verán yo decidí dejar el formulario tal cual lo tenía antes, con el truco que había encontrado para incrustarlo, porque me gusta más poder ver la imágen de cada comentarista.
Pero, si tienes el mismo truco que tengo instalado yo, y lo quieres eliminar para utilizar el nuevo formulario de Blogger, lo que debes hacer es encontrar esta parte en el código de tu plantilla, (luego de haber configurado la parte de comentarios, como fué explicado anteriormente más arriba):

<p class='comment-footer'>

<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>

</p>

Puede ser que este código no lo encuentres exacto como está aquí, eso depende de los cambios que hayas realizado en tu plantilla, debes guiarte y probar.

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Una vez localizado, lo debes reemplazar por esto:

<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>

En el caso de que tu formulario fué modificado, y no te aparece esta nueva opción aunque siguieras los pasos tal cual lo describí más arriba, te recomiendo que visites a Rosa o a Jmiur, que ya han tocado el tema muy claramente.

Ahora que ya tenés el formulario incrustado en el blog, les comento que no se le puede hacer mucha modificación, pero de lo poco que podemos hacer, es centrarlo por ejemplo, para que quede mejor en la estética de cada blog.
Para poder realizar esto, debemos pegar este código CSS antes de ]]></b:skin>

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

El valor width:400px; se puede modificar según los valores utilizados en el blog, para que quede bien.

Pero como la genialidad de mi amiga Rosa es tan grande, ella nos muestra como podemos hacer para incluir un comentario y hasta una imagen, para enriquecer el diseño de nuestro formulario:

Seguir Leyendo...[+/-]

--> Leer más...

[ ... ]