Como Colocar Los Css Externos

CSS externo
Este es un paso muy importante de cara a optimizar la carga del blog. Muchos de los
usuarios de Blogger tienen todo el CSS metido entre <b:skin> y </b:skin>. Esto en un
principio puede parecer conveniente (tienes asegurado que no te va a faltar el
CSS), pero en realidad no lo es. Lo cierto, es que lo que estás haciendo es que el
navegador descargue continuamente montones de líneas de CSS cada vez que
visita tu blog. De la otra manera (teniendo un archivo remoto desde el cual lo
cargamos), el navegador almacena en su caché el contenido del archivo, y sólo lo
descarga una vez. El resto lo carga desde la caché (que no tarda nada).
La solución es fácil: copiar todo el CSS (que no use variables de blogger) a un archivo
externo, y referenciarlo en el <head>así:
<link rel="stylesheet" type="text/css" href="url/del/archivo.css" />
Conclusión
Desde luego, hay más trucos para optimizar la carga del blog, seguro que me he
dejado alguno en el tintero (si me doy cuenta lo publico más adelante). Y
vosotros, ¿Qué técnicas usáis para optimizar la carga de vuestro blog?
@charset "UTF-8";
.tabBVA {
overflow: hidden;
border:;
background-color: #6D6D6D;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.tablinksBVA{
color:white;
font-weight:bold;
font-family:Arial;
}
.custom-selectBVA{
display:none;
#sourceBVA{
display:block;
}
#sourcemBVA{
display:none;
}
/* Container for columns and the top "toolbar" */

#navbarBVA {
padding: 1.4em;
background: #6D6D6D;
height:1.8em;
}
#menuButtonBVA{
padding-right:0.2em;
padding-left:0.2em;
float:right;
border:1px solid #aaa;
}
#arrowsBVA{
color:#aaa;
font-size:2.5em;
margin-right:0.5em;
}
.GoButtonBVA {
background-color:#44c767;
display:block;
float:left;
cursor:pointer;
color:#ffffff !important;
font-family:Arial;
font-size:0.75em;
font-weight:bold;
padding:0em 0.5em;
margin-left:0.5em;
text-decoration:none;
}
.GoButtonBVA:hover {
background-color:#5cbf2a;
}
.GoButtonBVA:active {
position:relative;
top:1px;
}
/* Three bars (hamburger menu) */
.barBVA {
width: 20px;
height: 5px;
background-color: #aaa;
margin: 3px 1px;
display: block;
}
Ejemplo
view-source:https://studentplace98.blogspot.com/2018/12/google-drive-como-servidor-web-
usando.html
https://studentplace98.blogspot.com/2018/12/google-drive-como-servidor-web-usando.html
https://www.creaygestionatublog.com/category/seo/
Script para cumplir la ley de cookies

Home › Javascript › Script para cumplir la ley de cookies
He desarrollado un pequeño script para poder cumplir la ley de cookies, que es apto
para todos los servicios. Toda la información y demás está en Github, haré un artículo
más grande para que cualquiera pueda usarlo ya use blogger, wordpress o cualquier
otro CMS.
Raciona automáticamente las cookies de Analytics y Adsense, pero es sencillo

añadir otros servicios de terceros sin tocar el código, posee una API de eventos para
poder añadir esos scripts asíncronamente.
Demo Descarga Ver en GitHub
Características
 Carga automática de Google Analytics y Google Adsense si son usados
 API de eventos para facilitar la carga de cualquier script que cargue cookies
 Sección de opciones
Instalación
PASO 1: AÑADIR EL SCRIPT
Lo primero será añadir el script y los estilos necesarios. Los estilos son algo muy
básico símplemente para asegurar que el mensaje sea visible y podéis modificarlos a
vuestro gusto. Los links que veréis aquí están hosteados en github, pero lo ideal sería
que cada uno guardase una copia y lo hosteara.
Encima de </head> :
<link rel="stylesheet" type="text/css"

href="https://raw.github.com/ecoal95/CookieTool/master/cookietool.css" />
Encima de </body> (éste es el interesante).
<script
src="https://raw.github.com/ecoal95/CookieTool/master/cookietool.js"></script
>


<script>CookieTool.API.ask();</script>
Uso Blogger
En este caso tendrás que sustituir las comillas dobles por simples.
Uso WordPress
Tendrás que tocar los archivos header.php y footer.php de tu tema. Es posible que
haga un plugin, pero por ahora es lo que hay.
Si tienes las estadísticas de JetPack activadas tendrás que desactivarlas, ya que

esa cookie la manda el servidor y no se puede hacer nada para evitarlo.
PASO 2: CONFIGURAR EL SCRIPT

El script admite algunas opciones para mostrar el mensaje y demás. Justo en el
comentario de Configuración es donde debemos ponerlo.
Este es un ejemplo con las opciones más básicas:
<script>
CookieTool.Config.set('link','/politicadecookies.html'); // Link a la
política de cookies
CookieTool.Config.set('message', 'Este es el mensaje que se mostrará, <a

href="{{link}}">política de cookies</a>');
CookieTool.Config.set('agreetext','Sí, acepto'); // Mensaje del botón de
aceptar
CookieTool.Config.set('declinetext','No, me niego'); // Mensaje del botón

de No aceptar
CookieTool.Config.set('position', 'top'); // top o bottom, la posición

del mensaje usando los estilos por defecto.
// También podríamos hacer:
CookieTool.Config.set({
'link': '/loquesea',
'message': 'Cualquier cosa'
// ...
})
</script>
PASO 3: MODIFICAR EL CÓDIGO QUE INSERTE COOKIES

Aquí viene cómo modificar los códigos de Analytics y Google Adsense, que son los
códigos más frecuentes y los que trata el script por defecto.
Google Adsense
Tendréis que usar el código asíncrono de Google Adsense con una pequeña
modificación (aquí viene explicado).
Google Analytics
Tendréis que dejarlo tal y como está, pero sin cargar el script:
Código antiguo (_gaq)
Con dejarlo así vale

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-Y']);
_gaq.push(['_trackPageview']);
</script>
Código nuevo (isogram )
En este caso el código que carga el script es un poco más difícil de quitar. Sólo hay
que quitar el fragmento que va desde 1*new Date() al fin de la función
( })(window...) ).
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();
})(window,document,'script','//www.google-
analytics.com/analytics.js','ga');
ga('create', 'UA-27809661-2', 'emiliocobos.net');
ga('send', 'pageview');
</script>
Otros scripts
Para usar otros scripts tendréis que alterar el código de tal manera que no inserte
cookies de primeras, luego podéis usar el script tal que así (en otros códigos de
configuración):
<script>
CookieTool.Event.on('agree', function() {
// Código que carga las cookies
// Por elemplo:
// CookieTool.Utils.loadScript('http://abc.com/script-que-carga-
cookies.js');
});
CookieTool.Event.on('decline', function() {
// Borrar las cookies si es posible:
// CookieTool.Cookie.remove('cookieinsertadaporeseprograma');
});
</script>
PASO 3: CREAR O MODIFICAR LA PÁGINA DE POLÍTICA DE COOKIES

Como habéis visto, hay una opción llamada link que lleva a una página (exigida por la
ley) llamada política de cookies.
En esa página debéis de explicar qué es una cookie, qué cookies no requeridas
instaláis y su finalidad.
Como la herramienta genera una cookie requerida no hará falta añadirla, pero tendréis
que añadir una sección llamadaConfiguración de cookies, donde tenéis que poner el
siguiente código html:
<div id="cookietool-settings"></div>
Allí se mostrará una pequeña configuración como en la demo.

YA!
Pues eso, que ya tendrías tu página acorde a esa salvajada llamada ley de cookies del
estado español.
Modificaciones, etc…
Es código libre, así que podéis tocar y cambiar lo que queráis. Cualquier mejora os
rogaría que la mandarais a github
Demo Descarga Ver en GitHub
Tú lo has hecho, por qué no lo usas?

Sí lo uso, pero lo uso de un modo «especial»: Yo asumo que vosotros dais el
consentimiento, ya que la falta de consentimiento no está tipificada como delito (ver
aquí), así que no puede ser sancionada, sin embargo, sí informo y doy opciones para
revocar el permiso en mi página de política de cookies.
Si os interesa usarlo así, sólo hace falta cambiar

el CookieTool.API.ask() por CookieTool.API.impliedAgreement()
https://www.creaygestionatublog.com/combinaciones-de-tipos-de-letra-para-blogs/
Aunque en los últimos años Google se ha vuelto más

inteligente a la hora de leer este tipo de tecnologías
debemos tener cuidado porque el JavaScript puede
ocultar parte de nuestro contenido y el CSS puede
desordenarlo mostrándolo en otro orden al que lo ve
Google.
Existen dos métodos para saber cómo lee Google una
página:
Para ver las paginas que indexo google site:https://ganacritomonedasbtc.blogspot.com/

Como Colocar Los Css Externos

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Como Colocar Los Css Externos

Cargado por

Copyright:

Formatos disponibles

CSS externo

<link rel="stylesheet" type="text/css" href="url/del/archivo.css" />

/* Container for columns and the top "toolbar" */

Script para cumplir la ley de cookies

Raciona automáticamente las cookies de Analytics y Adsense, pero es sencillo

Demo Descarga Ver en GitHub

<link rel="stylesheet" type="text/css"

Encima de </body> (éste es el interesante).

Si tienes las estadísticas de JetPack activadas tendrás que desactivarlas, ya que

PASO 2: CONFIGURAR EL SCRIPT

Este es un ejemplo con las opciones más básicas:

CookieTool.Config.set('message', 'Este es el mensaje que se mostrará, <a

CookieTool.Config.set('declinetext','No, me niego'); // Mensaje del botón

CookieTool.Config.set('position', 'top'); // top o bottom, la posición

// También podríamos hacer:

'message': 'Cualquier cosa'

PASO 3: MODIFICAR EL CÓDIGO QUE INSERTE COOKIES

Código antiguo (_gaq)

Con dejarlo así vale

var _gaq = _gaq || [];

Código nuevo (isogram )

ga('create', 'UA-27809661-2', 'emiliocobos.net');

// Código que carga las cookies

// Borrar las cookies si es posible:

PASO 3: CREAR O MODIFICAR LA PÁGINA DE POLÍTICA DE COOKIES

Allí se mostrará una pequeña configuración como en la demo.

Demo Descarga Ver en GitHub

Tú lo has hecho, por qué no lo usas?

Si os interesa usarlo así, sólo hace falta cambiar

Aunque en los últimos años Google se ha vuelto más

Para ver las paginas que indexo google site:https://ganacritomonedasbtc.blogspot.com/

También podría gustarte