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?

Tienda Online a cualquier hora y en cualquier lugar del mundo

Una tienda online, electrónica o virtual es un comercio que hace transacciones en un sitio de internet. Los propietarios de dichas tiendas ponen a disposición de los clientes, manuales características e imágenes de los productos, con el fin de que el comprador pueda satisfacer sus deseos, para finalmente comprarlos.

Es un servicio que se puede hacer a cualquier hora y en cualquier lugar. Hay varias maneras de abonar los servicios o productos, con tarjeta de crédito, transferencia bancaria o paypal. Han experimentado un gran expansión ya que son muy cómodas y puedes visitar todas las que quieras y comparar sin moverte de casa. Llegan a todos los lugares del mundo, solo con una conexión y un ordenador.Si el producto que has comprado, te llega en mal estado o no es lo que esperabas, puedes hacer la devolución del producto.

Siempre que sea un producto físico, ya que las descargas digitales, no tienen devoluciones. Eso si las devoluciones siempre puede encarecer el producto. Por que si tienen que cruzar aduanas, el precio se incrementara. Para los empresarios ha significado un paso adelante, ya que les da la opción de tener una tienda que puede llegar muy lejos con una inversión con un pequeño coste. Hay que buscar tienda online seguras, por aquello de las amenazas a la privacidad, no hay que proporcionar datos personales si no es una conexión segura, esto es muy importante.

Desde los años 90 el comercio electrónico va en alza. Actualmente casi todas las empresas, disponen de una tienda, que aveces da mejores precios que las tiendas físicas. Existen también muchas plataformas, en las que solo se necesita introducir los productos y rápidamente están en la web. He utilizado prestashop y desde luego tiene mucho potencial, solo configurando bien puedes ponerla en marcha rapidamente, con unos resultados muy interesantes.

Hay otras como magneto que también, aunque no la he utilizado. Montones de tiendas que venden artesania y solo con registrarse se puede poner en marcha.
Espero haber dado respuesta  a tu pregunta.
¿Y tu, tienes una tienda online? ¿Que opinas?

¿Que plataforma te gusta más?

El otro os decía que  me pidieron que explicara para saber como instalar un servidor, y ya puestos me dije, porque no instalar un wordpress y así poder mirar las características que nos ofrece esta plataforma que tiene muchos amigos y también muchos detractores. Mi posición hasta ayer, era que quería tener un blog de blogger, ya que llevo muchos años manejando esta plataforma.

Pues bien resulta que estoy asombrada, de verdad, asombrada con todo lo que nos ofrece, llevo horas y horas, viendo de todo, por que eso si, tiene de todo y para todo. La verdad es que no me había dado nunca por explorar y veo que tiene un mundo de posibilidades para todo tipo de temas.

Empieza con los temas que puedes instalar y ya sigues con los plugins que son una verdadera pasada. Así que en los próximos días me voy a dedicar a profundizar en wordpress.

Y ahora, gran dilema, que elegir blogger o wordpress, esto es como todo, unos te hablan de las maravillas de cada una de las plataformas, si queréis saber mi opinión, de momento voy a seguir con blogger, sin perder de vista wordpress.

De momento ya he echo mis primeros pasos en wordpress, lo he instalado en el servidor y he exportado un blog, y ahora estoy en la fase de recomponerlo, cuando este mas organizado os dejare el enlace para que lo podáis ver.

Eso si, la opción de exportar de blogger no me ha funcionado, pero bueno le he buscado la vuelta y lo he conseguido. Si alguien esta interesado en saber los pasos que he dado para conseguirlo, mandarme un correo y haré un post en el que lo explicare, ya que aun buscándole la vuelta resulta muy sencillo.

Y bueno, los primeros pasos han sido ponerlo en español, buscar plugins, para una serie de cosas que queria que tuviera y es verdad, que me esta gustando mucho. Por que una vez que tengas todo lo que necesitas, ya solo te tienes que dedicar a escribir y nada mas.

¿Y tu has probado blogger o wordpress? ¿Con cual te quedas?

En esta entrada     Leer mas automatico aire imagenes en miniatura

Vamos a   utilizar esa entrada Para El leer más en todos los post menos en la primera que se vera Entera.

Asi que despúes de realizar Los Pasos mencionados en La Entrada, añadiremos lo siguiente:

Buscaremos:

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

 Aquí y cambiaremos el Código anterior porción este:

<b:if cond='data:post.isFirstPost'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='post hentry'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'> <data:post.title/> </ a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'> <data:post.title/> </ a>
<b:else/>
<data:post.title/>
</ B: if>
</ B: if>
</ H3>
</ B: if>
<div class='post-body entry-content'>
<p> <data:post.body/> </ p>
</ Div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'> <data:post.author/> </ span>
</ B: if>
</ Span>
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'> <tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/> </ span> </ td>
<td> <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/> </ td>
</ Tr> </ table>
</ B: if>
</ Span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 1'> 1 <data:top.commentLabel/> <b:else/> <data:post.numComments/> <data:top.commentLabelPlural/> </ b: if> </ a>
</ B: if>
</ B: if>
</ B: if>
</ Span>
<span class='post-icons'>
<-! De de Publicar enlaces de Correo electronico ->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</ A>
</ Span>
</ B: if>
</ Span>
</ Div>
<div class='post-footer-line post-footer-line-2'>
<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: si'datos: label.isLast = "true"' = cond>, </ b: if>
</ B: loop>
</ B: if>
</ Span>
</ Div>
</ Div>
</ Div>
<b:else/>
<b:include data='post' name='post'/>
</ B: if>
<b:else/>
<b:include data='post' name='post'/>
</ B: if>

Tendremos esto Con el leer más aire miniaturas automáticas Menos en La Primera Entrada de la Página Principal.

Espero Que lo consigas Y me lo cuentes ...

Vamos a explicar como Personalizar los links de entradas recientes, página principal, entradas antiguas,  tendremos que tener tres imágenes con los temas que nos gusten.
Las alojaremos para tener las URL.

Si quisiéramos poner Fotos de antes y después que cambian con el ratón que seria muy interesante para ver un cambio, por ejemplo la decoración de una habitación, o simplemente cambiar de una foto a otra, como en el ejemplo que a continuación he puesto en este post.
Bastaría con poner el siguiente código,

<img src="UNO" onmouseover="this.src='DOS';" onmouseout="this.src='UNO';"/>

remplazando donde dice UNO por la URL de la imagen  uno y donde dice DOS por la URL de la imagen Dos.
Así que tendremos que tener nuestras imágenes alojadas en un servidor y tener la url de la imagen.
Sustituir el UNO por la Url de la imagen que queramos sea la primera. y
sustituir el DOS por la Url de la imagen  que se vea al poner el ratón encima.
Esto si queremos ponerlo en una entrada lo pondremos en HTML,  guardaremos y daremos en vista previa para ver los resultados.
Si nos interesa ponerlo en un gadget,
Añadiremos en vista Diseño un gadget y lo elegiremos en HTML/Javascript: y pegaremos el codigo con los cambios antes mencionados, pudiendo ponerlo donde nos interese..

Para resaltar un texto dentro un post, insertaríamos un código en la entrada

 <table bgcolor="#bbf2ce"><tbody><tr><td><p align="justify"><strong>Con este texto, resaltariamos con un color verde </strong></p></td></tr></tbody></table> 

Y el resultado obtenido es este:

Con este texto, resaltariamos con un color verde

Con este texto, resaltariamos con un color verde

bgcolor.. donde podrás poner el color que más vaya con tu blog.

Cuando queremos probar un post para ver como queda y necesitamos texto, es incomodo tener que empezar a buscar texto de relleno, para simular.

http://www.blindtextgenerator.com/

 En esta página nos solucionan este problema en un segundo, solo tendremos que mirar y elegir lo que queramos respecto a texto todo seguido o por párrafos, caracteres o densidad de texto, solamente copiar y pegar. Inmediatamente tendremos el resultado. La página es

Blind text generator.

Ya sabes, si quieres comentar...  y si te gusto compártelo...

Podemos Elegir cuántas entradas mostrar en las páginas de Etiquetas. 

Para ello, iremos a Edición HTML de la plantilla, buscamos:

'data:label.url'

Con mucho cuidado cámbialo por esto:

'data:label.url + "?max-results=6"'

Si este código se repite, lo haremos en todos los que encontremos
 el número de entradas que quieras que aparezcan, esta resaltado en verde


Conseguiremos que el enlace de la etiqueta, o en el gadget de Etiquetas  cambie la URL para mostrar el número de entradas que hemos seleccionamos.


Si tuvieras un menú con las URLs de las etiquetas  añadiriamos un parámetro a esos enlaces, la URL de una etiqueta seria así:

http://nombre-de-mi-blog.blogspot.com/search/label/Nombre-de-la-etiqueta

Y se le añadiría lo de color verde:

http://nombre-de-mi-blog.blogspot.com/search/label/Nombre-de-la-etiqueta?max-results=6

Podemos decidir cuántas entradas se mostrarán. Resaltado en verde.
Así elegiremos cuántas entradas mostrar en las páginas de Etiquetas.

Ya sabes, si quieres comentar...  y si te gusto compártelo...

Pondremos un recuadro enmarcando el titulo de nuestros post:

Entramos en Plantilla iremos a HTML y localizamos

/*Posts

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

Quitaremos

color:$titlecolor;

Y pegamos el siguiente código:

background-color: #991188;

Si queremos centrar el título del post añadiremos:

text-align:center;

Podemos añadir también un borde pegando en el mismo sitio el siguiente código:

border: dotted #000000; 6px

Al final el código lo dejaríamos de la siguiente forma:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
background-color: #991188;
text-align:center;
border: dotted #000000; 4px
}

Modificaremos el color de fondo (#991188;)
y el grosor del marco (line-height:1.4em;),
el tipo de borde (dotted),
también podríamos poner una imagen de fondo.

Ya sabes, si quieres comentar...  y si te gusto compártelo...