Para eliminar cuenta twitter, tan solo debemos entrar en nuestra cuenta de twitter y en la imagen de nuestra página, en la barra de inicio pinchar.

En la ventana desplegable, iremos a Configuración.

En la siguiente imagen, veremos que al final, tenemos la opcion Desactivar Cuenta.

Se nos abrira la siguiente imagen y nos pedira que incorporemos nuestra contraseña, despues pulsaremos Desactivar Cuenta.

Ahora nos dira que nuestra cuenta esta desactivada, aunque nos dan 30 días, hasta la eliminación, pudiendo cambiar de opinión, dandónos la opción de iniciar sesión para recuperarla. Eso si en caso de eliminación no se podra utilizar el correo hasta que sea eliminada permanentemente.

Y con estos sencillos pasos, eliminaremos nuestra cuenta de Twitter.

Hoy queria mandar unos archivos, via bluetooth, del movil al ordenador, y no se por que razón no habia manera de enviarlo.
Al final he tenido que recurrir a lo siguiente: 

He ido al 

botón de inicio, 

abajo nos sale el buscador.

En él, he escrito:

fsquirt.exe

le he dado

enter,

ha salido la ventana de enviar y recibir archivo

Y con estos sencillos pasos, he conseguido recibir mis archivos.

Espero que os sirva. 

Y si te gusta...

¿Como poner botón con efecto deslizante?

Lo primero, te recomendaría hacer una copia de seguridad de la plantilla, por si surge algún problema.

Iremos a:

1. Plantilla

1. Editar HTML

1. Ctrl F, dentro de la plantilla, y buscaremos

1. </head>

Antes de </head> ponemos el siguiente script:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script>
$(function () {
$(&#39;.go-to-top&#39;).click(function () {
$(&#39;html,body&#39;).animate({
scrollTop: 0
}, 500);
return false;
});
});
</script>

Una vez echo esto iremos a: 

1. Diseño, 
2. Añadir gadget

y pegaremos lo siguiente:

 <a style="display:scroll;position:fixed;bottom:50px;right:50px;" href="#wrap" title="Subir arriba" class="go-to-top"><img width="85px" height="85px" style="border:0;" src="La imagen que tu quieras aqui"/></a></div>
</a>

Tenemos que tener en cuenta que podemos modificar varios parametros de nuestro código:

50px;right:50px;  esto en cuanto a la posicion en pantalla

85px" height="85px  esto en cuanto a la medida de nuestra imagen

 "La imagen que tu quieras aqui" Aqui tendras que poner tu imagen, previamente alojada en tu servidor favorito, copias la URL de la imagen y la cambiar por la frase "La imagen que tu quieras aqui" respetando las comillas.

Recuerda subir a tu servidor la imagen, y copiar la URL de la imagen.

                   

Con esto ya tendrás tu botón  subir deslizante en tu blog, si te ha sido útil, si te ha gustado, compártelo.

En las plantillas tenemos la opción de elegir el footer, con una columna, dos o tres. 
Para ello iremos a Plantilla, Personalizar:

En el diseñador de Plantillas de Blogger
Diseño
Diseño de pie de página,
y elegimos el que queramos, una dos o tres columnas.

Pero en ocasiones tenemos plantillas en las cuales no hay ninguna, y como todo se puede arreglar, vamos a ver como solucionarlo.

Vamos a Edición HTML de la plantilla y buscamos  este  código:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Lo reemplazamos por el siguiente código:

<div id='footer-wrapper'>
<div id='footer-column-container'>
<div id='footer-column-left' style='float:left; width: 32%;margin: 2px;'>
<b:section class='footer-column' id='footer2' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div id='footer-column-center' style='float:left; width: 32%;margin: 2px'>
<b:section class='footer-column' id='footer3' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div id='footer-column-right' style='float:right; width: 32%;'>
<b:section class='footer-column' id='footer4' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div style='clear:both;'/>
<div id='footer-bottom'>
<b:section class='footer' id='footer-column-bottom' maxwidgets='5' showaddelement='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>
<div style='clear:both;'/>

Vista previa y si todo esta bien, guardamos los cambios. 

Vamos a Diseño > Elementos de Página veremos las tres columnas
El 32% , lo podremos modificar si queremos otras anchuras

Si la parte de las 3 columnas queda sin color de fondo podemos añadir la siguiente línea al CSS para darle color:

#footer-wrapper{background-color: #ffff66;/* color linea*/border: 1px solid #0000FF;/* color /fondo.*/}

Con esto ya tienes tu Footer dividido en 3 columnas para poder darle mayor utilidad.   ¿Tienes que dividir tu pie de página?

¿Qué es la técnica Pomodoro?

Es simple: tiempo en intervalos de 25 minutos y 5 de descanso

Se basa en estudios que afirman que después de 25 minutos nuestra concentración cae en picado, por lo que se hace necesario hacer una pausa para mantener el nivel de productividad. Forzar que nos detengamos nos permitirá trabajar de forma más eficiente y durante mayor tiempo.

Desarrollado por Francesco Cirillo a finales de los 80, el éxito de la técnica está en el control del tiempo (mediante cronómetro, reloj o aplicación) para gestionar los intervalos de trabajo y descanso. Cada 25 minutos (o pomodoros) se realizan pausas de recuperación.(5 minutos)

El creador de la técnica recomienda el temporizador de cocina de forma manual es una confirmación física de la disposición para realizar una tarea.

Cómo practicar la técnica Pomodoro

Planificación de tareas

Tendremos que dividir las tareas a realizar en bloques de 25 minutos, sera costoso realizar lo al principio, pero con ello nos daremos cuenta que no gestionamos bien nuestro tiempo.

Cuando planifiques tus pomodoros:

Pensaras que no eres capaz de realizar la tarea en un pomodoro (25 minutos).

Las planificaras, genéricamente y debes concretar.

Planificaras mas de los que realmente necesitas

Tendremos que ajustar los pomodoros, me refiero si alguna tarea no nos da tiempo en un pomodoro lo dividiremos en varios, lo importante es acabarlos.

Abra tareas que no necesitaran un pomodoro, con lo que agruparemos varias que nos ocupen esos 25 minutos.

Planifica el día, con una libreta, nota de ordenador, de móvil

Puede parecer muy simple. pero  ahí es donde radica su éxito. Al dividir las tareas en “pomodoros” te resulta más fácil. Lo que te agobia es tener que es tener que realizar muchas cosas seguidas y tener la sensación de que nunca se va a terminar.

El término Pomodoro (tomate en italiano) viene de esos temporizadores de cocina con forma de frutas o verduras. Si quieres compararte el original, ya que Pomodoro Technique® es una marca registrada, puedes hacerlo en su web oficial.

Gestionando los descansos

Tan importante como los 25 minutos de concentración total, son los 5 minutos de descanso entre pomodoro y pomodoro.

Descanso de verdad, levántate, anda, bebe agua, sal de la habitación, etc

Cada 4 pomodoros se realizara una pausa mas larga, sobre 15 minutos

Críticas a la técnica Pomodoro

los defensores dicen que favorece la productividad. La clave está en forzarte a descansar antes de acometer otro pomodoro.

El método pomodoro te sirve para marcar un ritmo constante y conseguirá que tu rendimiento aumente.

También te puede agobiar si no tienes tiempo para realizar lo, en el tiempo estipulado.

Usa un reloj con alarma o instala la siguiente aplicación de Google Chrome

¿Has probado la técnica Pomodoro? ¿Te ha funcionado? ¿Conoces otros métodos para ser más productivo?

Instalar un servidor

Me han preguntado,  si podía explicar como instalar un servidor, en este caso es gratuito, pero de igual manera se hace si es de pago.

Buscaremos nuestro servidor gratuito, en este caso es

EsHost.es

que nos ofrece:
1000 MB de espacio en disco
10 GB de transferencia mensual
Soporte PHP y MySQL
Sin publicidad

Iniciaremos el registro, tendremos que espera unos 30 segundos hasta que nos diga continuar...

Ahora lo que haremos sera rellenar el cuestionario con los datos que nos solicitan

Después veremos la siguiente pantalla

Nos llevaran a esta pantalla, que es similar a una página de pago, por ejemplo de Paypal, pero con coste cero. Ya que nuestro servidor es gratuito

Ya podremos entrar con nuestro usuario y contraseña

Nos llevara a Cpanel

Nos dan la bienvenida y tenemos todo para nuestra nueva pagina.

Podremos entrar en nuestro servidor con nuestro usuario y contraseña. Y sera cuando ya podremos elegir que es lo que queremos instalar.

Lo primero sera, crear la base de datos y luego ya podremos dar en Script de instalación, elegiremos la instalacion que mas nos convenga. esto sera todo para instalar un servidor

Me llega una pregunta de María:
¿Cómo publico una nueva entrada en cada página? 
O ¿como poner pestañas con varias entradas?
Así que paso a explicarle como lo puede conseguir.
No me cansare de repetir lo importante que es, etiquetar los post, ya que luego nos facilita, enormemente lo que queremos conseguir.

En un blog de pruebas, creo tres entradas de Bricolaje y tres de Manualidades, para poder ver gráficamente como hacerlo

Teniendo así nuestros post, bastara con ir a nuestro blog y dar click en la etiqueta que queramos:

Supongamos que le damos a manualidades, nos saldrá la imagen anterior, así que cogemos la URL que nos sale en la barra de direcciones:




Con este enlace, tendremos que ir a vista Diseño
A nuestro gadget de Páginas

Y donde vemos que pone añadir enlace externo damos clic y nos saldrá:


Ponemos en título de la página, en este caso, manualidades
y en Dirección web pegamos la URL anterior, con eso ya todas las entradas, etiquetadas con ese nombre nos vendrán a esta página.
Si seleccionamos Bricolaje:

Si seleccionamos Manualidades:

Esta seria una manera, solo tendremos que etiquetar y automáticamente se nos ordenaran nuestros post.
Espero haber contestado tu pregunta:
¿Cómo publico una nueva entrada en cada página? 
O ¿como poner pestañas con varias entradas?
Y si quieres quitar el recuadro  Mostrando entradas con la etiqueta....
Te recomiendo que leas este otro post es sencillo y queda mucho mejor.

Como poner fotos una al lado de otra en un post
Cuando subimos al blog varias imágenes nos las coloca así:

Pero claro, no queremos que esto sea así, las queremos colocar en horizontal, así:

¿Como poner fotos una al lado de otra en un post ?
Bien, para conseguirlo lo que haremos sera lo siguiente :

1. Subiremos las imágenes en vista Redactar
2. Cambiaremos a vista HTML y copiaremos todo el código 

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" height="200" width="130" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" height="200" width="130" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" height="200" width="130" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" height="200" width="130" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>

Limpiaremos el código y dejaremos  solo el código de las imágenes entre <a> y </a> y el primer
 <div class="separator" style="clear: both; text-align: center;"> quedando asi:

 <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" height="200" width="130" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" height="200" width="130" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" height="200" width="130" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" height="200" width="130" /></a>

Solamente nos quedara tener en cuenta, las medidas de las imágenes para que no sobrepasen la anchura que tenemos para todas ellas.
Espero que lo haya explicado bien para que no tengas ningun problema a la hora de llevarlo a la practica.
¿Te atreves a ejecutarlo?

Quiero dejar constancia de como numerar los comentarios en el blog.

Para conseguirlo haremos lo siguiente:

1. Diseño
2. Plantilla
3. Editar HTML
4. Clic en el Código
5. Ctrl + f
6. Buscar

Buscamos la primera linea del codigo:

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author "+ data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<Img expr: 'Datos: comment.favicon' src = height = '16px 'style =' margin-bottom: 2px; 'Width = '16px' />
</ B: if>

Y la sustituimos Porción este:

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Tipo Mensajero = 'text / javascript'> var CommentsCounter = 0; </ Script>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author "+ data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<Img expr: 'Datos: comment.favicon' src = height = '16px 'style =' margin-bottom: 2px; 'Width = '16px' />
</ B: if>

Localizamos, mas abajo:

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'> <data:comment.author/> </ a>
<b:else/>
<data:comment.author/>
</ B: if>

Y pegamos seguidamente:

<Span class = float Estilo 'numberingcomments' = ': right; font-size: 16px; color: # ffffff ">
<a rel='nofollow' style='text-decoration:none' title='Comment Link'> #
Tipo Mensajero = 'text / javascript'>
CommentsCounter = CommentsCounter 1;
document.write (CommentsCounter);
</ Script>
</ A>
</ Span>

En esta parte del código, podremos cambiar el color, la fuente, el tamaño...

<Span class = float Estilo 'numberingcomments' = ': right; font-size: 16px; color: # ffffff ">

Ahora solo nos queda comprobar y guardar.

¿Te animas a numerar los comentarios en el Blog ​​?

Podemos resaltar las etiquetas con un color de fondo o un recuadro para que destaquen más.
Tanto los colores como el grosor y estilo de los marcos puede modificarse con unos códigos CSS

Buscaremos un código similar a este:

span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=20"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>

Le añadimos las líneas que están en color rojo para otorgar una clase única y poder así utilizar el CSS necesario.

span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<span class='laredteayudara'><a expr:href='data:label.url' rel='tag'><data:label.name/></a></span><b:if cond='data:label.isLast != "true"'> , </b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=20"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>

La coma destacada (,) es la encargada de separar nuestras etiquetas. Puede reemplazarse por una imagen o icono utilizando este código:

<img src="URL IMAGEN"/>

Buscamos la etiqueta 

]]></b:skin> 

y justo encima incluimos los dos bloques de CSS pertenecientes al estilo deseado

.laredteayudara a:link, .laredteayudara a:visited {
background: #fff; /* Color de fondo */
color: #000; /* Color del texto */
padding: 4px 8px; /* Distancia entre el texto y el marco */
border-right: 2px dashed #000;
border-left: 2px dashed #000;
border-top:2px dashed #000;
border-bottom: 2px dashed #000;
}
.laredteayudara a:hover {
background: #000; /* Color de fondo al pasar el cursor por encima */
color: #fff; /* Color del texto al pasar el cursor por encima */
border-right: 2px dashed #fff;
border-left: 2px dashed #fff;
border-top:2px dashed #fff;
border-bottom: 2px dashed #fff;
text-decoration: none;
}

Estos están como puedes ver, en blanco y negro con el canto pespunteado al contrario, pero tú podrás modificar y ajustar a tus colores preferidos, tan solo será necesario trastear con el código.
Cuando consideres que todo esta a tu gusto, guardaremos.

Para tener nuestras entradas ordenadas por etiquetas,

bastara con que sigamos los pasos descritos a continuación:

Recomiendo una copia de seguridad de la plantilla, en este post lo puedes ver.

 Antes de </head> colocaremos el siguiente código:

<script type='text/javascript'>
function toggleIt(id) { post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else { post.style.display = '';
}}
</script>
<script src='https://sites.google.com/site/laredteayudara/script/expandibleslared.txt' type='text/javascript'/>

<b:includable id='blEntradsexpand' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>

Buscaremos el código de color verde y encima le pegaremos el amarillo.

<b:includable id='main' var='top'>
<b:if cond='data:top.showPlusOne'>
<script expr:src='data:top.plusOneJsUrl'/>
</b:if>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>

Al terminar el código de color verde le pegaremos el siguiente código.

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='blEntradsexpand'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>

<b:include data='post' name='post'/>

Buscaremos el codigo negro y pegaremos el siguiete:

</b:if>

 Miraremos y si todo esta como queremos, guardaremos.

 Si nos situamos sobre nuestro gadget en vista diseño, abajo nos aparecerá el ID del gadget, sabiendo el nombre, lo demás es seguir los pasos:

Y  sabremos  Cómo reducir el espacio entre los gadgets  Esta es la parte que tenemos que mirar:


Una vez que tenemos el nombre del gadget, tan solo nos queda ir a diseño, plantilla,personalizar,  avanzado, Añadir CSS.
Como es la cabecera la que quiero subir:

Pondremos el siguiente código:

#Header1{
margin-bottom: -40px !important;
}

Se puede usar para cualquier gadget, que queramos juntar o separar, dependiendo de los px que se le den. Eso es cuestión de trastear y probar.. el resultado sera el siguiente:

Seguir a @laredteayudara            

Directamente a tu e-mail     

                                                    O suscríbete por otras vías: RSS