Mostrando entradas con la etiqueta Trucos Blogger. Mostrar todas las entradas
Como permitir que cualquier lector de tu blog pueda publicar una entrada
Una de las limitaciones de blogger es la de no poder crear una comunidad tipo foro en la que todo el mundo pueda publicar (en realidad si se puede, con Nabble y similares). Lo único que puedes hacer es añadir una lista de autores conocidos que tendrán permisos para publicar (con un máximo de 100). Sin embargo, con el pequeño truco que vamos a ver, cualquier persona que lea el blog también podrá publicar entradas.
1. Activar la publicación de entradas desde el correo electrónico:
En el menú de blogger, vamos a Configuración > Móvil y correo electrónico > Publicar entradas mediante correo electrónico . Ahí debemos elegir la dirección a la que se deben enviar los correos para que estos se publiquen en blogger, es una dirección del tipo : tugmail.palabrasecreta@blogger.com. Una vez elegida la palabra que queramos, marcamos la opción publicar correo electrónico inmediatamente. Ahora cualquier e-mail que se envíe a esa dirección será publicado automáticamente en el blog.
1. Activar la publicación de entradas desde el correo electrónico:
En el menú de blogger, vamos a Configuración > Móvil y correo electrónico > Publicar entradas mediante correo electrónico . Ahí debemos elegir la dirección a la que se deben enviar los correos para que estos se publiquen en blogger, es una dirección del tipo : tugmail.palabrasecreta@blogger.com. Una vez elegida la palabra que queramos, marcamos la opción publicar correo electrónico inmediatamente. Ahora cualquier e-mail que se envíe a esa dirección será publicado automáticamente en el blog.2. Añadir un formulario al blog:
Ahora creamos un formulario, que será donde los visitantes del blog escriban y envíen lo que quieren publicar. Para ello podemos usar cualquier servicio online gratuito, como por ejemplo foxyform (en esta entrada expliqué como crearlo, aunque el resultado en este truco no es muy bueno, ya que no publica el título y muestra una ip ).
Es preferible usar Emailmeform. Hay que registrarse en la plataforma, crear el formulario,y editarlo en la sección"Edit". Aquí tenemos que asegurarnos de que dejamos en blanco el "Form Title" y de que hacemos la redirección a la página principal del blog en le que lo vayamos a implementar. Quedaría como sigue:
Luego guardamos y le damos a la opción de modificar las notificaciones de email. Ahí debemos seleccionar el email que recibirá los mensajes, que será el que elegimos anteriormente en blogger ( tugmail.palabrasecreta@blogger.com ) ; y también indicarle que el asunto (Message Subject) lo recoja de la caja del formulario "Título". Así enviará el título que pongamos en el formulario como asunto,y este se publicará en el blog como título.Quedaría algo así:
Una vez terminado lo guardamos y volvemos al mánager de formularios; hacemos clic en Code. Ahí seleccionamos el formato que nos convenga, en nuestro caso HTML con Javascript/CSS y copiamos el código. Ahora lo pegamos en una nueva página estática del blog, o en un gadget del tipo HTML/Javascript y lo situamos en la parte del blog que mas nos convenga.
Lo malo de todo esto es que en general las entradas se publican con un estilo predeterminado y con publicidad de la plataforma donde creamos el formulario, además de que no se incluyen etiquetas y si hay imágenes no aparecen centradas. Solo hay texto, cambios de línea e imágenes.
Entonces, ¿como hacemos para que las entradas enviadas se publiquen correctamente y con la misma calidad con la que se pueden crear desde el editor de blogger?
Finalmente lo único que hay que hacer es abrir cada mensaje guardado en borrador y copiar el contenido que nos interesa de la pestaña Redactar a la de HTML , y borrar las partes que no nos interesan . Y ya estará lista para publicar la entrada que alguien nos envío, tal y como esa persona la estructuró en el formulario.
Aquí un ejemplo de página con autopublicadores, con opción de enviar por foxyform o por emailmeform con WYSIWYG. Las dos se publican automáticamente así que si envías un mensaje con estilos CSS no se mostrará correctamente. En la segunda opción tendría que editar yo la entrada como indiqué en el párrafo anterior para mostrarla con estilos.
Es preferible usar Emailmeform. Hay que registrarse en la plataforma, crear el formulario,y editarlo en la sección"Edit". Aquí tenemos que asegurarnos de que dejamos en blanco el "Form Title" y de que hacemos la redirección a la página principal del blog en le que lo vayamos a implementar. Quedaría como sigue:
Luego guardamos y le damos a la opción de modificar las notificaciones de email. Ahí debemos seleccionar el email que recibirá los mensajes, que será el que elegimos anteriormente en blogger ( tugmail.palabrasecreta@blogger.com ) ; y también indicarle que el asunto (Message Subject) lo recoja de la caja del formulario "Título". Así enviará el título que pongamos en el formulario como asunto,y este se publicará en el blog como título.Quedaría algo así:
Una vez terminado lo guardamos y volvemos al mánager de formularios; hacemos clic en Code. Ahí seleccionamos el formato que nos convenga, en nuestro caso HTML con Javascript/CSS y copiamos el código. Ahora lo pegamos en una nueva página estática del blog, o en un gadget del tipo HTML/Javascript y lo situamos en la parte del blog que mas nos convenga.
3. Autopublicando cualquier mensaje enviado desde el formulario:
Habiendo hecho todo esto cualquier persona podrá publicar una entrada en el blog.Lo malo de todo esto es que en general las entradas se publican con un estilo predeterminado y con publicidad de la plataforma donde creamos el formulario, además de que no se incluyen etiquetas y si hay imágenes no aparecen centradas. Solo hay texto, cambios de línea e imágenes.
Entonces, ¿como hacemos para que las entradas enviadas se publiquen correctamente y con la misma calidad con la que se pueden crear desde el editor de blogger?
3.1 Añadir procesador de texto al formulario:
En este caso tendremos que cambiar la opción de blogger de Publicar correo electrónico automáticamente a la de Guardar correos electrónicos como entradas de borrador ( realmente también se puede autopublicar y editarla luego ) . Ahora añadiremos un editor WYSIWYG (what you see is what you get) al formulario, que viene a ser como el editor que tiene blogger en el cual creamos el contenido. Así cualquiera podrá editar la entrada como si fuese un autor del blog y luego enviarla. En mi caso probé con nicEdit y funcionó. Solo hay que copiar las dos líneas de código de su página web y pegarlo después del <head> . De forma automática la ventana de edición de texto del formulario cambiará a la de este editor, permitiendo enviar una entrada totalmente configurada y con estilos css.Finalmente lo único que hay que hacer es abrir cada mensaje guardado en borrador y copiar el contenido que nos interesa de la pestaña Redactar a la de HTML , y borrar las partes que no nos interesan . Y ya estará lista para publicar la entrada que alguien nos envío, tal y como esa persona la estructuró en el formulario.
Aquí un ejemplo de página con autopublicadores, con opción de enviar por foxyform o por emailmeform con WYSIWYG. Las dos se publican automáticamente así que si envías un mensaje con estilos CSS no se mostrará correctamente. En la segunda opción tendría que editar yo la entrada como indiqué en el párrafo anterior para mostrarla con estilos.
Como crear un foro en Blogger
La plataforma de Blogger no nos permite crear un foro, si fuese así se llamaría Bloggerforrer (¿?) . Así que recurriremos a incorporar un foro creado en un servicio externo a blogger, en este caso Nabble.
Para ello, accedemos a la página principal de Nabble y seleccionamos la opción de Start a free forum. Ahí tendremos que registrarnos, darle un nombre al foro, y darle al botón de crear.
Luego nos pedirá que confirmemos la cuenta a través del email, y ya podremos entrar a editar nuestro foro.
Para configurarlo y editarlo entramos en Opciones > Aplicación > Cambiar tipo de aplicación y seleccionamos la opción Categorías, para que sea un foro estructurado por categorías. Luego en Opciones > Estructura > Nuevo subforo podemos ir creando todos los subforos que queramos, incluso puede ser de varios niveles. Para ordenar todas las categorías podemos acceder a Opciones > Estructura > Administrar subforos.
Finalmente para integrarlo en blogger debes acceder a Opciones > Opciones de integración y copiar el código.
Crea una página estática, y después, en tu plantilla, busca la línea de código:
con la URL de la página donde quieres insertar el foro, así este ocupara todo el ancho del blog cuando nos encontremos en esa URL.
Haciendo esto, el resultado sería algo así
Para ello, accedemos a la página principal de Nabble y seleccionamos la opción de Start a free forum. Ahí tendremos que registrarnos, darle un nombre al foro, y darle al botón de crear.
Luego nos pedirá que confirmemos la cuenta a través del email, y ya podremos entrar a editar nuestro foro.
Para configurarlo y editarlo entramos en Opciones > Aplicación > Cambiar tipo de aplicación y seleccionamos la opción Categorías, para que sea un foro estructurado por categorías. Luego en Opciones > Estructura > Nuevo subforo podemos ir creando todos los subforos que queramos, incluso puede ser de varios niveles. Para ordenar todas las categorías podemos acceder a Opciones > Estructura > Administrar subforos.
Finalmente para integrarlo en blogger debes acceder a Opciones > Opciones de integración y copiar el código.
Crea una página estática, y después, en tu plantilla, busca la línea de código:
<div class='columns fauxcolumns'>y justo antes pega este código con la URL de tu página estática
<b:if cond='data:blog.url == "http://foroblogueros.blogspot.com/p/foro.html"'>
código del foro Nabble
</b:if>
con la URL de la página donde quieres insertar el foro, así este ocupara todo el ancho del blog cuando nos encontremos en esa URL.
Haciendo esto, el resultado sería algo así
Crea un formulario de contacto sencillo con una herramienta online
Esta es una de esas cosas que podemos hacer de mil formas diferentes: insertando el gagdet directamente y editando estilos, usando google drive, generando el código en una web destinada a ello, y otras 997 maneras...
Para tenerlo listo en 3 minutos podemos usar una página como Foxyform, que nos genera el código del formulario después de seleccionar las opciones que necesitemos:
Primero deberemos elegir los campos que queremos que tenga el formulario,y si queremos que sean obligatorios. Con e-mail obligatorio ( para poder contestarlo) y nombre o apellido es suficiente. Luego los estilos de la fuente para que encajen con el del blog.
Finalmente hay que añadir la dirección de correo a la que se enviarán todos los mensajes, y rellenar el cuadro anti-spam para que la web verifique que no eres un robot.
Abajo aparece una previsualización del formulario resultante. Si te gusta y no quieres cambiar nada más, le das a crear, y aparecerá un código.
Ahora solo hay que pegarlo en el blog. Por ejemplo creando una página estática nueva, se le pone un título como "contacto" y se pega el código en la edición HTML de la entrada.
Si no se ajusta bien al ancho de la entrada, este se puede cambiar en la siguiente línea de código:
g.src = "http://es.foxyform.com/js.php?id=141162&sec_hash=f028c6dd31f&width=350px";
Si además aparece una barra lateral de desplazamiento poco estética, puede quitarse añadiendo estilos al principio del código:
<style>
.post-body iframe {
height: 750px;
}
</style>
Hay que darle un valor suficiente a height para que el formulario que usamos coja en la altura del iframe, sino aparecerá esa barra para poder navegar por todo su contenido, debido a que le asignaron una menor altura de la que en realidad ocupa.
Como habilitar la descripción de búsqueda para las entradas en blogger
Es muy sencillo. En el menú de tu blog, vas a la opción Configuración,y dentro a Preferencias para los motores de búsqueda. La primera opción te pregunta si quieres habilitar las descripciones, y debes marcar sí. Aparecerá un cuadro para que pongas la descripción de tu blog, que es la que aparecerá cuando alguien te busque por la página principal.
Pero además, una vez hecho esto, cada vez que crees una entrada te aparecerá una nueva opción para añadirle una descripción.
Pero además, una vez hecho esto, cada vez que crees una entrada te aparecerá una nueva opción para añadirle una descripción.
Ahí podrás elegir lo que quieres que se muestre debajo del link hacia tu entrada cuando esta aparezca en los resultados de google. Esto puede ser útil para llamar la atención y conseguir tráfico sin estar en la primera posición de los resultados. Hay muchos símbolos que se pueden utilizar, y puede ser bueno para darle a los robots de google un resumen sobre el tema del que trata nuestra entrada. No es de uso obligado, por lo tanto podemos utilizarla solo cuando lo veamos necesario.
Como cambiar el favicon de tu blog en blogger
Cuando entramos a una web, la pestaña del navegador nos muestra un pequeño logo cuadrado:
En los blogs alojados en blogger se muestra por defecto el logo de la "B". Cambiarlo es muy sencillo: hay
que ir a Diseño, y en la parte superior aparece el cuadro del Favicon. Hay que hacer clic en editar:
Se abrirá una ventana para subir la imagen que queremos usar. Esta debe tener un tamaño menor a 100 KB y ser cuadrada, por lo tanto al crearla debes asegurarte de guardarla con las mismas dimensiones de anchura y altura.
La subes, le das a Guardar, y pronto se actualizará en el blog.
La imagen que uses debe ser lo mas simple posible, y mejor aún si se asocia fácilmente con el nombre de tu blog. Yo probé a subir una imagen con gradiente de fondo y dos letras con línea exterior, y el resultado no
fue agradable a la vista. Para tan pocos píxeles lo mejor es sencillez y un buen contraste.
Como crear una copia de seguridad de tu blog
Puede haber mucho tiempo y trabajo detrás de la creación de un blog funcional. Muchas horas configurándolo y generando contenidos, que se pueden ir al garete en un momento ( pérdida de contraseña, blog eliminado por Google, etc). Por eso es recomendable asegurar toda esa información, y qué mejor forma de hacerlo (además de sencilla) que creando una copia de seguridad de la plantilla y exportando los contenidos del blog.
Para esto podemos proceder como sigue:
En primer lugar, en el menú de blogger, accedemos a Plantilla y en la parte superior derecha hacemos clic en Crear/Restablecer copia de seguridad. Aparecerá una ventana como la siguiente:
Para esto podemos proceder como sigue:
En primer lugar, en el menú de blogger, accedemos a Plantilla y en la parte superior derecha hacemos clic en Crear/Restablecer copia de seguridad. Aparecerá una ventana como la siguiente:
Le damos clic a Descargar plantilla completa y se descargará un archivo xml que contiene todos los datos de la plantilla. Es recomendable renombrarlo con el nombre de nuestro blog y la fecha de la copia, para evitar futuras confusiones.
En caso de que quisiéramos subir una plantilla guardada (como la que acabamos de descargar) habría que repetir el proceso anterior, pero usando la opción Seleccionar archivo para subir nuestro xml.
Con esto tendremos una copia de nuestra plantilla, pero para guardar las entradas y comentarios debemos usar la opción Exportar blog. Esta se encuentra en Configuración / Otros / Herramientas del blog :
Hacemos clic y se nos abre la siguiente ventana. Seleccionamos Descargar blog:
Guardamos el archivo xml con un nombre y fecha identificable, y junto con el archivo anterior ya tenemos nuestro blog a salvo.
Para Importar el blog seguimos el mismo proceso, seleccionando esta opción. nos aparecerá un formulario para verificar que no somos un bot y mostrará la opción de publicar todas las entradas subidas de forma automática:
Lo ideal es guardar la plantilla antes de hacer cualquier cambio, por si desajustamos algo.
Y en cuanto al contenido, cada cierto número de entradas publicadas para asegurarte de no perder mucho contenido.
Insertar código html en las entradas del blog
Para insertar código en el blog y que este lo muestre como texto y no lo interprete como una instrucción, necesitamos traducirlo a otra forma en la que lo pueda interpretar.
Pero esto podemos solucionarlo así:
- Entramos a una página como simplecode, que será la encargada de traducir (otra opción es blogcrowds).
- Pegamos el código HTML en el primer recuadro "Enter Markup".
- Hacemos Clic en Process.
- En el segundo recuadro aparecerá el código traducido entre las etiquetas code. Lo copiamos todo y lo pegamos en la entrada del blog (en el modo edición de HTML).
code {background:#EEEEEE; font-family: Georgia; display:block; border:2px solid #3D3D5C;border-radius:5px; padding:10px;}
Esta modificación hay que hacerla en el modo de edición HTML de la plantilla. Hay que insertarla antes de:
]]></b:skin>
que es donde está la lista de estilos CSS.
Suscribirse a:
Entradas
(
Atom
)
