Cambiar la hora de publicación de entrada de blog

En ocasiones nos interesa cambiar la hora en que ha sido publicada una entrada en nuestro blog.

Esto puede realizarse ya sea en WordPress como en Blogger, así como en la mayoría de plataformas.

 

En Blogger, a la hora de realizar o modificar una entrada, tendremos disponible un link llamado “Opciones de entrada“, que desplegará un par de campos donde podremos indicar estos valores:

En WordPress , a la hora de realizar o modificar una entrada, tendremos disponible un cuadro de opciones situados a la derecha de la pantalla llamado “Publicar“.

En él podremos modificar Estado, Visibilidad y la hora y fecha de publicación de la entrada. Para esta última opción, podremos indicarle una fecha y hora ya pasadas, con lo que cambiará este dato en la entrada; o especificarle una hora o fecha futuras, con lo que la entrada se publicará en esa fecha y hora, no antes.

Publicado el Editor de Plantillas de Blogger

 

Recordemos lo que veíamos en la esta entrada en la que hacíamos uso de una herramienta llamada “Editor de Plantillas” propio de Google (o Blogger en éste caso)

y a la cual podíamos acceder desde el llamado “Blogger in Draft”

 

 

Pues bien, ésta herramienta ya ha sido trasladada y publicada a Blogger, es decir, no es necesario acceder desde el “Blogger in Draft” a ella, sino que ya nos aparecerá por defecto al acceder a la opción “Diseño” de nuestro blog.

Personalizando el blogger #6 – Añadir "Leer Más" y Resumen de la entrada

 

Una de las cosas que siempre he querido incluir es la posibilidad de reducir la visualización del texto de las entradas de forma que con un simple enlace “Leer más” se acceda a todo el contenido de dicha entrada. Ésto hace que el usuario no tenga que ver todo el contenido de la entrada si no le interesa, y poder ver enseguida el siguiente comentario.

 

Existen varios métodos para llegar a conseguir ésto. Yo voy a seguir los pasos que podeis encontrar en “http://chicablogger.com/distintas-maneras-de-poner-excerpts-leer-mas-en-blogger/” para la primera de éstas formas. De ésta manera, el enlace “Leer más” sólo se añadirá a aquellas entradas que queramos nosotros, y no a todas.

Vamos a ver cómo hacerlo:

1 – Lo primero, será descargar y posteriormente subirlo a otro hosting(tal y como hemos visto en entradas anteriores) éste Script.

2 – Iremos a “Personalizar” – “Diseño” – “Edición de HTML” para modificar e incluir algunas de las líneas de nuestra plantilla.

3 – Expandimos Artilugios.

4 – Localizamos la etiqueta </head> y añadiremos antes de ésta el siguiente código:

<script type='text/javascript'
src='URL-de-nuestro-archivo-hackosphere.js' />


5 – Una vez añadido el código anterior, localizamos la línea:

<div class='post hentry uncustomized-post-template'>

situada antes de: post-header-line-1

Y la reemplazamos por ésta:

<div class='post' expr:id='"post-" + data:post.id'>

6 – Justo debajo de <div class=’post-header-line-1′/>
Localizamos las líneas:


<div class=’post-body entry-content’>
<data:post.body/>


Y las sustituimos por:


<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p>
<a expr:onclick='"javascript:showFull("post-" +
data:post.id + "");"'
href='javascript:void(0);'>
Leer más...
</a>
</p>
</span>
<span id='hidelink' style='display:none'>
<p>
<a expr:onclick='"javascript:hideFull("post-" +
data:post.id + "");"'
href='javascript:void(0);'>
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>


7 – Guardamos los cambios en la plantilla.

8 – Ahora, cada vez que queramos postear una entrada y que se muestre éste “Leer Más” lo haremos de ésta forma:


TEXTO A MOSTRAR
<span id="fullpost">
TEXTO A OCULTAR
</span>

Y ya está, parece algo más complicado de lo que en realidad es y como ven funciona.
Animense a probarlo.


Entradas y enlaces relacionados:
http://chicablogger.com/distintas-maneras-de-poner-excerpts-leer-mas-en-blogger/
http://elescaparatederosa.blogspot.com/2007/04/el-leer-ms-con-resumen.html

Insertar código fuente en una entrada del blog

Algunas veces, para explicarnos o intentar enseñar algo a nuestros lectores, tenemos que escribir código fuente en alguna de nuestras entradas. Yo por ejemplo he tenido que introducirlo en la entrada anterior, donde explicaba qué código había que insertar para cambiar nuestro favicon: Personalizando el blogger #5 – Inclusión de un Favicon

Sin embargo, al intentar hacerlo tal cual, pegando un código HTML por ejemplo, Blogger nos indicará que éste texto no es válido:

Para hacer esto entonces vamos a usar un servicio específico llamado SimpleCode.que presenta una sencilla pantalla.


Para ello, escribiremos en la sección “Enter Markup” el código HTML que queramos insertar en nuestra entrada, hacemos click en “Process” y nos devolverá en el apartado “Cut n´Paste” el código que sí podremos introducir en ésta entrada. Además tambie podemos ver en “Preview” cómo se mostrará el texto.






Entradas y enlaces relacionados: 
Personalizando el blogger #5 – Inclusión de un Favicon
http://www.simplebits.com/cgi-bin/simplecode.pl?mode=process

Personalizando el blogger #5 – Inclusión de un Favicon

¿Qué es un favicon?
Del inglés favorites icon (icono de favoritos), también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular.

Por ejemplo algunos favicons famosos son el de Wikipedia Wikipedia, o el de Yahoo! Yahoo!.

Si nos fijamos, nuestro favicon por defecto es el propio de Blogger:

Blogger también permite que cambiemos nuestro favicon al blog.
Vamos a ver cómo hacerlo de una manera sencilla, quedará de la siguiente forma:

1 – Primero, deberemos de crear ésta imagen que se mostrará para nuestro blog. Ésta imagen debe de ser cuadrada y del tamaño que queramos, ya que luego reduciremos a la hora de hacer el icono. Yo por ejemplo he realizado la mía en tamaño 160×160, es ésta:

2 – Una vez tengamos ésta imagen deberemos de realizar nuestro icono a partir de ella. Éste icono deberá tener formato .ico y un tamaño de 16×16. Refiriendome al formato .ico no tenemos porqué seguir ni hacer este paso de ésta manera, pero ciertos buscadores (Explorer) no admitirán otros formatos (JPG,PNG, etc) que sí admiten el resto de buscadores (Firefox, Opera, Chrome).
Podemos usar distintos servicios Web que nos ayudarán en ésta conversión de tamaño y formato para nuestro favicon.
Yo, para éste ejemplo, usaré: favicon.cc que vemos en la siguiente imagen:

3 – Hacemos click en “Import Image“, seleccionamos nuestra imagen y hacemos click en “Upload“. Se mostrará entonces nuestro favicon en el editor y podremos modificar colores, transparencias, etc. Incluso disponemos de un “Use Animation” en el que podremos incluir más frames de nuestra imagen modificada, haciendo que nuestro favicon parezca que tenga movimiento.
Disponemos tambien de una vista “Preview” de cómo quedará nuestro favicon en una barra de direcciones.

4 – Una vez hayamos hecho los cambios oportunos, si es que queremos hacer alguno, podremos descargar nuestro favicon clickeando en “Download Favicon“. Y ya disponemos de nuestro favicon en formato .ico y tamaño 16×16.

5 – Ya realizado el favicon deberemos alojarlo (subirlo) a algún servicio de hosting. Yo por ejemplo lo subiré a mi cuenta de DropBox.

6 – Por último, editaremos nuestra plantilla de la misma forma que hacíamos en otras entradas. Iremos a “Diseño” – “Edición de HTML” y en nuestra plantilla buscaremos el texto: e insertaremos antes de él lo siguiente:

<link href='URL-de-tu-favicon' rel='shortcut icon'

type=’image/x-icon’/>

Modificando y cambiando el texto URL-de-tu-favicon por la dirección de nuestro favicon.Y listo, ya tendremos nuestro favicon para nuestro blog.

Entradas y enlaces relacionados:
http://es.wikipedia.org/wiki/Favicon
http://granisla.blogspot.com/2006/07/cmo-usar-un-favicon-en-blogger.html
http://www.favicon.cc/

Blogger integrará Google Analytics

Quisiera informar por si lo desconocias, que Google hace tiempo comunicó que Blogger en un futuro integraría “Google Analytics“, una excelente noticia que podíamos ver aquí:

Tal y como vemos en la siguiente imagen (todavía en desarrollo), vemos la inclusión de una nueva pestaña “Estados“:
Sin embargo aún a día de hoy esta integración no se ha llevado a cabo, al menos no es accesible de manera pública. A la espera de ésta integración disponeis del post Instalando Google Analytics en Bloggeren el que podreis ver los pasos de instalación, así como un vídeo orientativo.Entradas y enlaces relacionados:
http://cuandoeltiempoteatrapa.blogspot.com/2010/05/instalando-google-analytics-en-blogger.html
http://blogandweb.com/blogger/analytics-blogger/
http://www.codigogeek.com/2008/05/01/google-integrara-analytics-en-blogger/

Instalando Google Analytics en Blogger

 

 

Vamos a ver ésta vez una de las herramientas más útiles para nuestros blogs:

 

¿Qué es Google Analytics?
Según podemos ver en su página Google Analytics es una solución de análisis web para empresas que proporciona información muy valiosa sobre el tráfico del sitio web y la eficacia del plan de marketing. Ahora, gracias a unas funciones potentes, flexibles y fáciles de usar, podrá ver y analizar el tráfico desde una perspectiva totalmente distinta. Google Analytics le ayudará a diseñar anuncios más orientados, a mejorar sus iniciativas de marketing y a crear sitios web que generen más conversiones. Es decir y resumiendo mucho: Google Analytics es un sistema de análisis de tráfico que podremos aplicar por ejemplo a nuestro Blogger.

Gracias a ésta aplicación podremos conocer y realizar un resumen de estadísticas de nuestro blog, saber quienes son y qué hacen nuestros visitantes, qué enlaces o búsquedas han realizado, qué entradas han consultado, de dónde vienen (de que país) los visitantes, que navegador o sistema operativo usan, y otras muchas opciones.

Vamos con la instalación:

Podemos ver un vídeo realizado por oscargp86 para ElBlogEmpresarial que resume ésta instalación que veremos tambien de forma escrita:

 1 – Deberemos crear una cuenta en “Google Analytics” con un sencillo registro, que se verá simplificado si ya poseemos una cuenta gmail, en cuyo caso podemos fusionar ambas, y trabajar con el mismo login y password.

2 – Una vez dentro del sistema, lo primero que tendremos que hacer es crear una cuenta. Añadiendo un dominio, una zona horaria, y unos datos personales. Por último aceptar las condiciones de uso de Google y listo, el sistema nos mostrará un código para insertar en la web a analizar.

3 – Con éste código, nos dirigimos a nuestro entorno de administración en Blogger para insertar en la plantilla el mismo, y que asi empiece el analisis de nuestro blog, en este caso. Éste paso, que se explica de forma escrita en Analytics en éste paso, es más de lo mismo a lo que ya hemos realizado en otros ejemplos, insertar ese código en nuestra plantilla xml a la que accederemos como siempre: Personalización Diseño Edición der HTML.
Y como siempre, antes de realizar éstos cambios podemos hacer una copia de seguridad de nuestro código.

Pues ya está, ya podremos acceder a a nuestra cuenta de Google Analytics, pinchar en generar informe e investigar las multiples opciones de trabajo que nos dá.
Como detalle las primeras 24 horas generalmente, no se muestran las estadisticas, son necesarias para confirmar el estado activo de la cuenta y comenzar el recuento de visitas.

Entradas y enlaces relacionados:
http://elblogempresarial.blogspot.com/2010/02/como-instalar-google-analytics-en.html
http://www.misticyoda.com/2009/01/instalar-google-analytics-en-blogger.html
http://www.lawebdejuan.com.ar/2009/02/google-analytics-en-blog-de-blogger.html

Personalizando el blogger #4 – Editor de Plantillas

 

Como veiamos en “plantillas externas” podíamos aplicar a nuestro blog distintas plantillas de forma que mejorara el aspecto y funcionalidad de nuestro sitio. Veíamos que podíamos aplicar distintos tipos; ya fueran las predefinidas por el propio blogger o subiendo una (en formato xml) que previamente hubieramos descargado a nuestro ordenado de alguna de las páginas que nos suministran plantillas para Blogger.

 

En ésta entrada vamos a ver cómo hacer nuestra propia plantilla con algún editor de plantillas para Blogger.
Existen varias alternativas para realizar éste tipo de plantillas, como sirmpre podremos encontrar desde aplicaciones gratuitas como “Open XML Editor” a apliaciones de pago, que incluso como Artisteer  (herramienta muy completa )nos ofrecen un periodo de prueba para poder evaluar el producto (en éste caso concreto al realizar la plantilla en la versión de prueba de la aplicación se aplicará una marca de agua en ella, por lo que no nos valdría simplemente con esta versión de prueba).
Sin embargo, vamos a aprovecharnos de una reciente aplicación realizada por Google (o Blogger en éste caso) llamada Blogger Template Designer y que y de una forma fácil y sencilla, podremos obtener un gran número de elementos a personalizar.
Aquí un vídeo de ésta aplicación:

Como vemos en el vídeo, parece una aplicación muy chula y en la que podremos seleccionar y ajustar varias opciones. Desde si habrá o no pestañas, anchura y altura del muro del blog, transparencias y colores para cada elemento, tipos de letra y colores, etc, etc.

“Blogger Template Designer” tiene en un inicio 15 diseños diferentes altamente personalizables y cuyos cambios podremos ver en tiempo real.
Ésta herramienta todavía a día de hoy, más de un mes desde su publicación, se encuentra de manera experimental, pero podremos acceder a ella desde “Blogger in Draft” o Blogger en borrador.
Como vemos si accedemos desde éste Blogger in Draft y tras seleccionar “Diseño” poseeremos una opción que antes no teníamos. Esta opción es el “Diseñador de plantillas” tal y como se ve en la siguiente imagen:

Editado: Ésta aplicación ya está disponible a todos los usuarios, sin necesidad de hacer uso de Blogger in Draft:

Podemos destacar varios aspectos de éste Diseñador de Plantillas:

15 diseños diferentes altamente personalizables:

 Distintos diseños de columna para cada plantilla:

Cantidad y variedad de imágenes de fondo, categorizadas por estilo:

Paquetes de ajustes de colores:

Así como páginas, texturas y muchas más opciones.

En fín, una herramienta muy sencilla de uso con la que poder investigar y jugar para cambiar el aspecto de nuestro blog.

Os dejo con otro vídeo (en inglés) de un usuario haciendo uso de ésta aplicación; y recordar que podeis combinar el uso de ésta aplicación y luego cambiar el background mediante el código HTML, tal y como vimos en una entrada anterior.

Entradas y enlaces relacionados:
http://bloggerindraft.blogspot.com/2010/03/blogger-template-designer.html

Uso de blogger: personalizacion y cómo mantener tu blog

No quería dejar pasar la oportunidad de dar a conocer ésta presentación sobre el uso de blogger en el que se resumen algunas de las acciones que hemos llevado a cabo y otras que veremos en siguientes entradas (y de paso practicar sobre como incluir la presentación, :D)

Uso de blogger: personalizacion y cómo mantener tu blog

Ésta es una presentación de curso_web. Para ver más presentaciones: slideshare.

Personalizando el blogger #3 – Plantillas Externas

 

Al igual que vimos en la primera de las entradas sobre personalización del blogger, Personalizando el blogger #1 , dónde veíamos que podíamos seleccionar más plantillas y subplantillas que cuando inicialmente creabamos nuestro blog, ahora vamos a ver cómo aplicar plantillas fuera de éstas plantillas preseleccionadas por Blogger, es decir, importar Plantillas Externas.

 

Para ello, además repasamos la entrada anterior:  Personalizando el blogger #2 Cambio de Fondo donde encontrabamos ésta imagen:

Antes de hacer cualquier cambio, podemos hacer una copia de seguridad de la plantilla que ya tenemos, si es que hemos realizado algún cambio.

Como veiamos en la anterior entrada y podemos ver en esta imagen anterior, podemos tanto descargar la plantilla que tenemos actualmente (“Descargar Plantilla Completa” en Diseño – Edición de HTML) cómo volver a subirla gracias a “Examinar” y “Subir“.

Pues ésto es básicamente lo que tenemos que hacer, mediante el botón “Subir“, poder subir alguna plantilla que hayamos descargado previamente en nuestro ordenador.
Para ello, basta con buscar plantillas para Blogger en  internet.
Existen varias páginas gratuitas de plantillas, así como de pago. Vamos a ver algunos ejemplos y más tarde un ejemplo práctico de cambio de plantilla, subiendo una que nos guste que hayamos encontrado en la red.

Además aclaro que la plantilla estará en formato .xml (mismo formato que cuando descargamos nuestra propia plantilla desde Blogger) y que éste archivo no sólo contiene la información sobre el fondo y los colores que se aplicarán a nuestro blog, sino que poseerá otro tipo de variables como el grosor de los botones, sombras para textos, tamaño de letra para títulos, para escritos, anchura y altura del blog y quizás una de las cosas más importantes y que explicaremos detalladamente más adelante: los widgets para Blogger; es decir, una de éstas plantillas nos puede ayudar mucho en la personalización de nuestro blog; sobre todo si no poseemos un conocimiento amplio sobre el tema.

Uno de éstos sitios donde encontrar plantillas es BTemplates. Ésta página me gusta porque hay un gran número de ellas, las cuales podemos seleccionar o elegir de distintas maneras:  por formato (una, dos o más columnas, etc), por estilo (elegante, callejero, fresco, etc), por color u otras opciones.

Podeis encontrar muchas y variadas páginas donde encontrar éste tipo de plantillas:

BTemplates
PlantillasBloggers
TemplatesBloggers
… Etc

Por ejemplo, vamos a probar uno de los estilos que hemos podido encontrar, concretamente éste:

 

Para ello nos dirigimos a http://btemplates.com/2010/blogger-template-phyto
y hacemos click en “Download“, gracias a lo cual, se habrá descargado en nuestro ordenador dicha plantilla*.      * Si ésta plantilla viene comprimida la descomprimimos.

Vamos a nuestro blog al apartado que comentabamos al principio de éste post: PersonalizaciónDiseño Edición de HTML. Y en el apartadoRealizar copia de seguridad/Restaurar plantilla” hacemos click en “Examinar“. Se abrirá entonces una ventana, buscaremos el archivo y una vez seleccionado elegiremos “Abrir“. Una vez seleccionado haremos click en “Subir“. En función de si hemos añadido widgets o no, o ya hubieramos aplicado otra plantilla, nos pregunatrá sobre los widgets ya instalados, podremos eliminarlos o dejarlos.
En éste ejemplo práctico, mi blog pasaría de ésto:

a ésto:

 


Como podeis observar, la apariencia del blog cambia totalmente, además dependiendo de la plantilla aplicada poseeremos unos widgets u otros (que tambien habrá que modificar más adelante).

Y si no os gusta, pues siempre podreis volver a aquel en el que estabais, gracias a haber descargado la plantilla que ya teniais.