CSS en Dynamic Views

22 febrero Capitán Historietas 0 Comments

TOMAR (PARCIALMENTE) EL CONTROL DE LAS "DYNAMIC VIEWS" DE BLOGGER

Editar el comportamiento y apariencia de las "Dynamic Views" de Blogger se deben hacer mediante añadir código CSS en la configuración de la vista que elijamos (ojo, si cambiamos de ella, el CSS se pierde y habría que volver a meterlo, por lo que, por si acaso, haced copia de vuestro código CSS en caso de necesitar volver a ponerlo)

CÓMO HACERLO:

Para acceder a esta opción, desde el panel de control, primero seleccionamos el blog que deseemos modificar, luego ir a la opción Plantilla en el manú de la izquierda.

Si ya habíamos seleccionado una Dynamic View, ya aparecerá en la previsualización, pulsamos en el botón "Personalizar",  luego "Avanzado" y en la segunda columna (donde pone Página, Cabecera etc) bajar hasta encontrar AÑADIR CSS.

Se abre un campo vacío donde pegaremos el código que queramos aplicar.



Yo he puesto los siguientes:

1. Para ocultar los nombres de las diferentes vistas, puesto que siempre aparecen todas:
#views {display: none;}
<!-- visto en http://blogging.nitecruzr.net/2015/09/fix-dynamic-template-pop-out-sidebar-in.html -->


2. Para fijar el menú desplegable de la derecha (bastante molesto e incómodo):
#gadget-dock {position: fixed !important; right: 0px !important;}
<!-- visto en http://blogging.nitecruzr.net/2015/09/fix-dynamic-template-pop-out-sidebar-in.html -->


3. Probando cómo forzar que los enlaces se abran en una ventana nuevo o, por el contrario, hacerlo en la misma ventana, en caso de que, como le ocurre a algunos, se le abre una ventana/pestaña cada vez que pulsa una de las vistas.
#a[target: "_blank"]:after;}


Para ver los efectos "Ver blog", arriba a la derecha; para aplicar el cambio: "Aplicar al Blog".

Cuando hayamos terminado (no olvidar hacer copia de los códigos introducidos, no sea que los perdáis al cambiar de vista o de plantilla), vamos a "Volver a Blogger" que hay arriba a la derecha.