Category Archives: Aprende lo Básico

Cambiar la Plantilla del Blog por una Nueva, Blogger


Hola a todos este es mi primer post, es algo fácil pero a la vez muy indispensable a la hora de personalizar tu blog. Pues muchos nos hemos hecho palta tratando de poner una plantilla que encontramos y no lo logramos. pues aquí esta la solución.

Descargar la plantilla.

Hay muchas web donde encontrar platillas gratuitas o pagadas pero la mas conocida y la que tiene mejores plantillas, a mi parecer es http://btemplates.com/ , ahí puedes buscar la plantilla que te guste.
Una vez que escojas una, debes haces clic en su imagen:

Te enviará a la zona de descarga de la plantilla y ahora haces clic en el botón descargar (DownLoad):

cambiar_plantilla_blogger_2.jpg

La guardas en tu disco duro, en tu pc:

cambiar_plantilla_blogger_3.jpg

Buscas la carpeta donde se descargó tu archivo (Probablemente en el escritorio):

cambiar_plantilla_blogger_4.jpg

La descomprimes:

cambiar_plantilla_blogger_5.jpg

Una vez que hayas descomprimido el archivo, te mostrara una carpeta con el nombre de la plantilla “Nombreplantilla” y dentro de esta carpeta hay dos archivos uno con “elNombreDeLaPlantilla.XML” y otro “readme.txt”, listo, ya tienes el archivo de plantilla nueva!!

cambiar_plantilla_blogger_6.jpg

Ahora vamos a Intalar la Plantilla en Blogger:

Entramos a nuestro panel de administración de Blogger, hacemos clic en la sección “Diseño” del blog al cual le queremos cambiar la plantilla:

cambiar_plantilla_blogger_7.jpg

Ahora estamos dentro del panel de administración de nuestro blog, hacemos clic en “Edicion de HTML“, aquí puedes ver el código fuente de la plantilla que tienes en este momento, pero lo que queremos es cambiar esa por una nueva.

cambiar_plantilla_blogger_8.jpg

Ya, ahora hacemos clic en el botón “Examinar“, te aparece una venta de navegación:

cambiar_plantilla_blogger_9.jpg

Aquí buscas tu archivo que ya habíamos descomprimido “elNombreDeLaPlantilla.XML”, lo seleccionas y le das “Abrir“.

cambiar_plantilla_blogger_10.jpg

Listo si todo ha salido bien, el área de texto que está al lado del botón examinar, debiera tener la dirección del archivo que esta en tu computador (“X:carpeta…plantilla.xml”), Ahora solo falta hacer clic en el botón “Subir“. Listo, puede que ya con este paso lo hayas logrado, o te aparezca un mensaje, como veremos a continuación.

cambiar_plantilla_blogger_11.jpg

Notas de Error al momento de cambiar la plantilla por una nueva:

Es usual que una plantilla sea diferente de otra que estamos subiendo, por eso cada vez que queremos cambiarla (si ya teníamos una plantilla mas compleja), al momento de hacer clic en el boton “Subir“, sale un mensaje:

/*

Están a punto de suprimirse los artilugios

Por favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.

  • Feed1
  • Profile1
  • BloggerButton1
  • o mas o menos esto, algunas mas que otras

*/

Esto es porque nuestra plantilla antigua tenia otras secciones (o quizás las mismas secciones pero con nombres distintos) que no tiene la plantilla nueva.
Si quieren conservar y utilizar los mismos elementos de página que tenían en la plantilla antigua, entonces simplemente tienen que hacer lo que aparece en este post:
Como cambiar la plantilla sin perder nada de las columnas

También pueden guardar la plantilla antigua antes de hacer cualquier cambio, para después volver a subirla:
Para esto simplemente hacemos clic en Descargar plantilla completa

cambiar_plantilla_blogger_11b.JPG

Ahora una vez que ya hemos descargado nuestra plantilla antigua en el PC, podemos hacer clic en botón “Confirmar y Guardar“, para subir la plantilla nueva. Se perderan algunas cosas, que hemos personalizado anteriormente. (A menos que hayas utilizado el post para conservar al menos los elementos de paginas de la columnas) que mencionamos anteriormente.

cambiar_plantilla_blogger_12.jpg

Listo, si la plantilla esta bien instalada, al abrir nuevamente la pagina de nuestro blog veremos los cambios.

cambiar_plantilla_blogger_13.jpg

Nota curiosa: …. yo he probado cambiar la plantilla 3 veces seguidas, con 5 min de diferencia. Luego de estos intentos, ya no puedes cambiar la plantilla, te saldra un mensaje de error, al parecer estará ahí durante algunas horas (12 horas según he calculado). Luego de eso podrán volver a cambiar su plantilla, por eso siempre elijan una que les guste y que sera casi la definitiva.

Eso es todo, espero que les sirva, cualquier duda escriban aquí, es la mejor forma de agradecer.

Como subir una foto a tu pagina de facebook


-Ni bien entres a facebook, debes entrar en el menú de arriba, a la opción Perfil..

agregar_fotos_facebook_1.jpg

-Luego de entrar en esa opción, se abrirá la siguiente pantalla donde se debe seleccionar Agregar Fotos (puedes ubicarlo según esta imagen).

agregar_fotos_facebook_2.jpg

-Luego de seleccionar Agregar Fotos se despliega esta ventana (Aquí puedes elegir crear un álbum nuevo o subir las fotos y dejarlas en un álbum ya creado, en mi caso cree un álbum nuevo):

agregar_fotos_facebook_4.JPG

Esto verán en el caso de seleccionar Publicar una Foto:
agregar_fotos_facebook_3.jpg

Una vez que elijan crear el álbum (después de pinchar el botón Publicar), pasaremos a la siguiente ventana donde pueden seleccionar directamente del PC las fotos que van a subir:

agregar_fotos_facebook_5.JPG

Una vez que han seleccionado las fotos, pinchamos el botón Subir, y esperamos a que se suban todas las fotos:

agregar_fotos_facebook_6.JPG

Una vez que aparezca este mensaje es porque las fotos han terminado de subir:

agregar_fotos_facebook_7.JPG

Cuando pinchemos en Ok, iremos a la siguiente ventana en donde podremos personalizar algunas cosas, como dejar un comentario al pie de la imagen, dejar esta imagen como imagen inicial del álbum, o cambiar la foto de álbum, además en el menú de arriba pueden agregar mas fotos, organizar….

agregar_fotos_facebook_8.JPG

Una vez que hemos Guardado los Cambios nuestra foto se verá según las personalizaciones que hemos elegido, desde aquí nuevamente podemos editar, agregar, organizar…las fotos

agregar_fotos_facebook_9.JPG

Como pueden ver esto es lo que verán si eligen organizar, en este caso tengo una sola foto, así que no es mucho lo que puedo organizar.. despues de cambiar el orden, debemos guardar los cambios, y listo..

agregar_fotos_facebook_10.JPG

Como ”justificar” los textos de todas las entradas de Blogger


Seguramente ustedes no justifican todas las entradas de blogger, por que aveces simplemente se les pasa por alto, algo que se ve mal si tienes un blog de alto pagerank o reconocimiento.

justificar.jpg

Una forma de justificar de manera fácil todas las entradas del blog sin tener que estar justificando una por una es como muestro a continuación:

Nota: Probado con plantillas predeterminadas Blogger, puede que no funcione en algunas modificadas

#Busca en tu plantilla Blogger el siguiente código:

  1. #outer-wrapper

#Te va a aparecer algo así (nota: puede que no aparezca exactamente igual, pero debe aparecer debajo de la linea de código que buscaste anteriormente):

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: left;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

#Bien, Ahora tenemos que reemplazar la palabra left de text-align: left; por justify, y quedará de esta manera:

  1. #outer-wrapper {
  2. margin: 0 auto;
  3. width: 760px;
  4. text-align: justify;
  5. font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
  6. }

Eso es todo, ahora todas las entradas de Blogger estarán siempre justificadas sin tener que usar el botón de justificar.

-Si quieres que la información de la sidebar quede justificada tienes que buscar un código parecido a este:

  1. #sidebar-wrapper {

– Probablemente, verás debajo un código parecido a este:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. float: right;
  4. margin-top: 0;
  5. margin-right: 3px;
  6. margin-bottom: 0;
  7. margin-left: 0;
  8. width: 219px;

-Y si no al interior del código anterior no encuentras la línea text-align: left; simplemente puedes agregarla debajo de:

  1. display: inline; /* fixes a strange ie margin bug */

-Quedaría de esta manera:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: left;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;

-Y nuevamente lo último que tenemos que hacer es cambiar el left por justify y está listo:

  1. #sidebar-wrapper {
  2. display: inline; /* fixes a strange ie margin bug */
  3. text-align: justify;
  4. float: right;
  5. margin-top: 0;
  6. margin-right: 3px;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. width: 269px;