sábado, 27 de agosto de 2011

Cómo hacer que una entrada de blogger sea siempre la primera y admita comentarios

Desde el momento en que creé una entrada, la cual consideré que generaría la mayor cantidad de tráfico, quise convertirla, de alguna manera, en la referencia principal de mi blog, en otras palabras convertirla en la página principal.

Como a la mayoría se le ocurriría, comencé a indagar en google y me encontré con lo que pensé que resolvería (o al menos sería un punto de partida para resolver) el dilema; Una entrada siempre la primera escrito por Eulalia.

Esta alternativa es 100% válida y podría ser ideal para muchos usuarios de blogger. Sin embargo, yo, particularmente, no quería reeditar mi entrada cada vez que añadiera otra (aunque sólo se tratase de copiar y pegar), así que decidí seguir indagando por una opción que se adaptara más a lo que yo quería.

Mi segundo hallazgo en google fue Cómo dejar una entrada siempre arriba del blog publicado por El Potro™. Sin duda una opción práctica para solucionar el inconveniente pero que no cumpliría con uno de mis propósitos principales: que se pudieran añadir comentarios en mi entrada predilecta.

Tal vez si hubiese seguido investigando habría encontrado exactamente lo que buscaba pero me olvidé del asunto y dejé las cosas como estaban, por los momentos.

Finalmente, despué de un tiempo decidí, ya con un poco más de conocimientos sobre diseño web se me ocurrió utilizar javascript para mis propósitos. Y obtuve una solución que me ha servido a la perfección:

1. Ingresamos en nuestra cuenta de blogger, entramos en la opción Diseño y posteriormente a Edición de HTML. Estaremos en una instancia parecida a esto:



Habilitaremos la casilla Expandir plantillas de artilugios. Y antes de continuar debemos tener en consideración que si modificamos algo que no debemos, podrímos arruinar la plantilla principal, lo cual generaría un problema muy desagradable. Considerando esto vayamos al siguiente paso siguiendo al pie de la letra las instrucciones.

2. Debemos obtener la dirección URL exacta de la entrada que queramos convertir en página principal. En mi caso, y para efectos del tutorial, será http://comunidadvc.blogspot.com/2011/06/descargar-videos-de-youtube-sin.html.

Ahora, bien, la esencia es que cada vez que alguien entre a mi blog (http://comunidadvc.blogspot.com) sea automáticamente redireccionado a http://comunidadvc.blogspot.com/2011/06/descargar-videos-de-youtube-sin.html
. Lo cual lograremos mediante el siguiente código javascript:

<script type='text/javascript'>
var jcade=document.location;
var jpatr=/.*comunidadvc\.blogspot\.com(\/)?$/;
if (jpatr.test(jcade)) {
document.location='http://comunidadvc.blogspot.com/2011/06/descargar-videos-de-youtube-sin.html';
}
</script>

Si se dan cuenta lo que está en verde no es más que la dirección URL principal o raíz del blog, donde hemos sustituido los puntos por \. para que la función "test" de javascript funcione correctamente, y lo que está en rojo es la dirección de nuestra entrada predilecta.

Sólo restaría que cada quien cambiara los parámetros en verde y rojo para cada caso particular, por ejemplo, si tu blog es http://www.un-blog-aleatorio.blogspot.com, la línea número 3 del código quedaría:

var jpatr=/.*un-blog-aleatorio\.blogspot\.com(\/)?$/;

Una vez que hayamos sustituido los parámetros verde y rojo en el código principal, lo copiaremos todo y lo pegaremos justo debajo de la etiqueta <head> que se encuentra en nuestra edición de planilla, la cual dejamos abierta en el paso 1:



Ahora sólo resta guardar los cambios y si hemos hecho bien todo, tendremos nuestra entrada predilecta como página de inicio de nuestro blog.

11 comentarios:

  1. ¡Hola Jader!
    La explicación del tema, perfecta!!!!
    Ahora, yo quiero esto mismo, pero en una etiqueta.
    Me explico, a la izquierda de mi Blog, tengo las Etiquetas, yo quiero que al pinchar una, me salga primero siempre la misma entrada de ese grupo.
    Es eso posible???
    ¡Muchas Gracias!
    Saludos

    ResponderEliminar
  2. Hola Ana.

    Lo que se me ocurre en tu caso es que sigas el mismo procedimiento de este tutorial, sin embargo, cuando vayas a costruir el código javascript debes tener en cuenta otros aspectos:

    1. Debes obtener los enlace de las entrada predilectas para cada una de las etiquetas, ejemplo: si tienes 50 etiquetas debes tener 50 enlaces predilectos. He revisado tu blog y de acuerdo a lo que acabo de señalar, te quedaría algo así:

    Para la etiqueta "0PPoints" el enlace sería http://vamosacomerrico.blogspot.com/2011/09/sorbete-ligero-de-sandia.html

    Para la etiqueta "10PPoints" el enlace sería "http://vamosacomerrico.blogspot.com/2011/05/espagetis-la-carbonara.html"

    Obviamente tendrás que seleccionar cada enlace de cada entrada predilecta de forma manual y recopilarlos correspondientemente con la etiqueta.

    2. Deberás hacer alagunas modificaciones al código javascript para que quede así:

    <script type="text/javascript">
    var jcade=document.location;
    var jpatr=/.*vamosacomerrico\.blogspot\.com\/search\/label(\/)?.*$/;
    if (jpatr.test(jcade)) {
    var jporc=jcade.substring(jcade.indexOf("/search/label/")+14,jcade.length);
    switch(jporc) {
    case("0PPoints"):
    document.location="http://vamosacomerrico.blogspot.com/2011/09/sorbete-ligero-de-sandia.html"
    break;
    case("10PPoints"):
    document.location="http://vamosacomerrico.blogspot.com/2011/05/espagetis-la-carbonara.html"
    break;
    }
    }
    </script>

    Como puedes observar sólo he añadido dos casos de etiquetas (0PPoints y 10PPoints), los demás deberás agregarlos tú siguiendo la siguiente estructura:

    case(etiqueta):
    document.location=enlace_de_la_entrada_predilecta;
    break;

    Te darás cuenta que es algo tedioso y que si quieres cambiar de enlace predilecto más adelante ¡deberás editar el código!

    ResponderEliminar
  3. ¡Gracias Jader por tu respuesta!
    Lo voy a mirar detenidamente y luego te cuento.
    No serían todas las etiquetas, en principio sólo una.
    Voy a probar con esa. Tal vez me salga....
    Saludos

    ResponderEliminar
  4. ¡Hola Jadrer!
    Estuve haciendo una prueba con una entrada cualquiera y me quedó bien.
    Pero, cuando preparé la entrada definitiva. No salió primera.
    Esperé a publicar otra de "Dips" para ver lo que ocurría y nada.
    ¿Qué estaré poniendo mal?
    ¡Gracias por tu paciencia!
    Saludos

    ResponderEliminar
  5. ¡Ana, he visto el código fuente de tu blog y pegaste el código javascript ENCIMA de la etiqueta <head> en vez de colocarlo DEBAJO!

    ResponderEliminar
  6. Uy, tendré que volver a mirar "Barrio Sésamo"
    Ahora lo he puesto debajo de 'head', pero sigue sin aparecer primero.
    Miré que todo estuviese igual, por si me había equivocado al copiar...
    No se???
    Saludos

    ResponderEliminar
  7. Vale, Ana. Revisa la segunda línea del código javascript (la siguiente):

    var jcade=document.location;

    Y cámbila por esta otra:

    var jcade=String(document.location);

    ResponderEliminar
  8. ¡Hola Jader!
    Cambiando lo tu dices, pinchando en la Etiqueta "Dips", sale sólo esa entrada "elegida".
    Yo creí, que lo que se podía hacer, era que salieran todas las entradas de la etiqueta de "Dips" pero esta "elegida" siempre primera.
    Yo quisiera que se vieran las demás, si no es posible, pues nada lo dejo como estaba.
    ¡Gracias por compartir tus conocimientos con nosotros!
    Saludos

    ResponderEliminar
  9. Disculpa por el malentendido, Ana.

    Tal vez esta información te pueda ayudar para lo que quieres:

    http://ciudadblogger.com/2009/09/como-dejar-una-entrada-siempre-arriba.html

    Lo que tendrías que hacer es cambiarle la Fecha y hora de la entrada a todas las entradas elegidas

    ResponderEliminar
  10. Jader, gracias por toda la información que me has dado y el tiempo que me has dedicado.
    Voy a guardarla, porque a lo mejor un día quiero realizar este cambio.
    Hasta la próxima.
    Saludos
    Ana

    ResponderEliminar