Off topic : Como mejorar el editor de Blogger

lunes, septiembre 28, 2009 2 comentarios
Igual ya lo sabe hasta el tato, pero me da que no. Es una cosa que llevaba intentando solucionar desde casi los inicios del blog:

¿ Como poder editar el blog, usando blogger evidentemente, (sin herramientas externas, que las hay) de forma cómoda ?

Cuando digo cómoda, es por aquello de que la caja escritura es raquítica, tanto para redactar en formato texto como en Html. Bien, pues hay solución, aunque un tanto enrevesada.

Yo que tengo la vista mas que jodida, buscando como cambiar los colores del navegador a tonos oscuros de forma automática, localicé extensiones como Blank Your Monitor + Easy Reading, que vienen a solucionar el tema.

Pero claro, antes de dar con ella descubrí las bondades de Greasemonkey en conjunción con Stylish, que básicamente permiten inyectar Javascript en cualquier pagina web, permitiendo por ejemplo cambiar sus colores originales.
Como modificar el tamaño del editor de Blogger Tras aplicar el truco, deberías ver la caja del editor tal y como luce

Pero... y ese es el descubrimiento, también cambiar el comportamiento, tamaño, letra, etc... de cualquier caja de introducción de texto de una pagina web (en html). Esto permite que usando ambas extensiones se pueda cambiar el comportamiento y aspecto del querido Blogger.

¿ Que hace falta ?:


1º Instalas Greasemonkey.


2º Instalas Stylish.


3º Verás que abajo en la barra de tareas de Firefox hay dos botones nuevos, uno es del Greasemonkey y otro de Stylih, bien, dale con el botón derecho del ratón sobre el de Stylish, luego a Administrar Estilos, luego al botón Escribir nuevo estilo. Te pedirá un nombre, pon por ejemplo Editor blogger Inzitan :-))), e insertas abajo en la caja de texto esto;

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(blogger.com) {


/*/////////////////////////////////////////

Editor mejorado de Bloggeer

version 1.0

Inzitan blog http://www.inzitan.blogspot.com

/////////////////////

Editor mejorado para Blogger.es

///////////////// */


/* ////// HARDCORE //////// */

#textarea,#Richedit,#editarea,#textarea, #body div[style="width: 90%;"],#body div[style="width: 90%;"], #editarea iframe, #htmlbar { width:780px !important;font-size:10pt !important;}


#body > DIV[style*="width: 90%;"]
{ width:780px !important;}


#body{overflow:visible !important; height:auto !important;}


/* ////// TEXTEDIT CONTAINER //////// */


#Richedit {
width:780px !important;
height:800px !important;
}

#editarea {
padding:16px !important;
padding-right:30px !important;
}


/* //////// TEXTEDIT INPUT /////// */


textarea, #textarea, #editarea iframe {
height:780px !important;
min-width:100% !important;
margin-right:148px !important;
}


/* ////////// MENUBAR /////////// */


span#ShowRichEditor, span#ShowSourceEditor
{float:right !important; width:150px !important;}

span#ShowRichEditor {
margin-right:-108px !important;
}

#modebar {
text-align:center !important;
width:100% !important;}

/* //////// TEMPLATES ///////////// */


textarea[name="templateText"] {
width:780px !important;
font-size:12px !important;
height:520px !important;
}

/* ////// Y COLORIN COLORADO /////////// */

Le das a guardar y en teoría ahora si entras en el editor de blogger tendrás que ver que la caja de texto es mucho mas grande, tanto a lo alto como a lo largo, si en un momento dado quieres desactivarlo y verlo tal y como viene de serie, pues pinchando en el botón de estado del stylish puedes activar/desactivar el script.

Espero que si a alguno le vale, me lo agradezca como es debido. Un Cepas vellas estaría bien :-/.


P.D.: Si alguno quiere/necesita modificar el comportamiento del script y no sabe como, que me deje un mensaje y le ayudo.

Inzitan blog

Debí elegir la pastilla azul...

Hace siglos, en Delf, ¿recuerdas?, tú vertías la jarra de leche, en casa de Johannes Vermeer, el pintor, el marido de Catharina Bolnes, hija de la señora María Thins, aquella estirada, que tenía un hijo medio loco. Pues ese, ese era yo...

2 comentarios:

  1. Muchísimas gracias! Llevo 4 años sufriendo el suplicio del editor de Blogger, pero tú lo has arreglado. Gracias ;-D

    Juan (http://juan.aguarondeblas.es)

    ResponderEliminar
  2. Anónimo10:38 a. m.

    Hey. Unique design... on this inzitan.blogspot.com. Find Mortgage Refinancing Rates

    ResponderEliminar

=====================================================================================

Comentarios moderados. Si ves que no aparece inmediatamente no lo repitas (posiblemente esté en espera de moderación).
En el caso de que un artículo tenga más de 200 comentarios se mostrará un link "Cargar más" debajo de la caja de comentarios.

++gracias :-)

=====================================================================================

.