Buscar este blog

31 de mayo de 2018

Incrustar video de Youtube con tiempo de inicio y fin

Compartir
Incorporar
Debe salir un código iframe. 
Nos fijamos en que quede como este: 
<iframe width="560" height="315" src="https://www.youtube.com/embed/cwptTf-64Uo?start=300&end=400" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>



Si se incrusta el video completo, recordar revisar las opciones de incorporación antes de incrustar para quitar los videos sugeridos al final. 

28 de mayo de 2018

Ocultar título de páginas estáticas

Poner en el editor de HTML este código:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type="text/css">
h3.post-title {
display:none;
}
</style>
</b:if>

Se puede usar en el editor de la página individual o directamente en el html de toda la plantilla para todas las páginas. 

Gracias a: 

25 de mayo de 2018

Ocultar sidebar de las páginas estáticas

Desde el editor HTML de la plantilla.

Paso 1:
Localizar esta línea
<b:variable default='960px' name='content.width' type='length' value='750px'/>
El último número es el ancho del blog (750px) y es el que se necesita, si no lo tuviéramos, tomamos el primero.

Paso 2:
Buscar esta línea:
<div class='column-left-outer'>
Y reemplazarla por:
<div class='column-left-outer' id='sidebar-left'>
Buscar también:
<div class='column-right-outer'>
Y reemplazar por:
<div class='column-right-outer' id='sidebar-right'>

Buscar la etiqueta </head> y pegamos ANTES de ella lo siguiente:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-left {
display: none;
visibility: hidden;
}
#sidebar-right {
display: none;
visibility: hidden;
}
#main {
width: 960px; /* Aquí va el ancho total del blog */
}
</style>
</b:if>

Sólo cambiamos donde indica que va el ancho total del blog y con eso habremos ocultado la(s) sidebar(s) en las páginas estáticas.

En el caso de que tu plantilla tenga una sidebar en la izquierda entonces buscamos una línea como esta:

<b:variable default='0' name='main.column.left.width' type='length' value='180px'/>

Y vemos el último número que es el ancho de esa sidebar. A ese valor (en este caso de 180px) le restamos 25px, es decir, serían 155px en nuestro ejemplo.

Luego debajo de #main { agregamos un margen izquierdo donde restaremos el ancho de la sidebar menos los 25px.
Quedaría así ese fragmento:

#main {
width: 960px; /* Aquí va el ancho total del blog */
margin-left: -155px;
}

Ahí lo que hemos hecho es restar el ancho de la sidebar izquierda para que no quede un espacio vacío y las entradas no estén inclinadas al lado derecho.

Éste último procedimiento, es como dije, sólo para quienes tienen una sidebar en el lado izquierdo de la plantilla. Para los demás habrá bastado con los primeros pasos.

Nota:
Yo tengo sidebar derecha, así que cambié lo referente a left por right. En la parte que dice width: 960px refiriéndose al ancho del blog, no funcionaba, quedaba todo encimado del espacio en blanco de la sidebar derecha, así que utilicé un número que ajustara el ancho del contenedor para que se viera bien. Quedó en 680px.

Gracias a:
http://www.ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html

21 de mayo de 2018

Borrar sombra de borde y agregar una línea en la plantilla de blogger

Para borrar la sombra que aparece en el borde de las plantillas simples:

Entrar a edición HTML de la plantilla y buscar:

.content-outer {
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 10px #333333;
box-shadow: 0 0 40px rgba(0, 0, 0, .15);
margin-bottom: 1px;
}

Se puede buscar únicamente con .content-outer { pero debe salir el código anterior debajo.

Luego borrar las cuatro líneas que contienen la palabra shadow.
Esto hará que la sombra desaparezca.

Añadir una línea en el borde
Hay que reemplazar las cuatro líneas que se borraron por estas

.content-outer {

border-right: 1px solid #999999;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
  margin-bottom: 1px;

}

Gracias a:
http://personalizaciondeblogs.blogspot.mx/2012/12/quitar-sombra-columna-plantilla-simple-blogger.html
http://personalizaciondeblogs.blogspot.mx/2013/01/como-anadir-re-borde-alrededor-columna-blogger.html

20 de mayo de 2018

Reducir el ancho de una entrada. (Sin modificar la plantilla)

Agregar este código al principio de la entrada en el editor HTML:

<div dir="ltr" style="text-align: left;" trbidi="on">
<div body="" dir="ltr" style="width: 600px;">

Generalmente la primera línea la crea Blogger automáticamente.
Cambiar 600 por el número de px que se quiera utilizar.


Qualcomm Atheros AR9287 en Ubuntu 20.04.2

Tenía el problema de desconexión constante usando esta tarjeta wifi en ubuntu 20.04.2  Ejecutando lspci -v arroja esta información:  Network...