Off topic : Como mejorar el editor de Blogger

2 comentarios Artículos propios Recursos Software Trucos

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.

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.