SLIDER

¡Hola!

Mónica Lemos
¡Hola! Soy Mónicay quiero que empieces a crear tu blog o tu canal de youtube sin complicaciones. Aquí descubrirás cómo.



CONSEGUIR LO QUE QUIERES

NUNCA FUÉ TAN FÁCIL

Si quieres conseguir ciertos cambios en tu blog, renovar el diseño, arreglar algún problema, instalar alguna plantilla que te crea problemas...¡Puedo ayudarte! Envíame un e-mail a [email protected] y hablemos.

Suscríbete

Curso gratis paso a paso para crear un blog y diseñarlo a tu gusto con videotutoriales

21 nov. 2017

Estilos CSS para personalizar tus entradas de forma automática

Personaliza partes de tu entrada con estilo css automático en Blogger


En esta ocasión vamos a hablar de algo que me venís pidiendo desde hace mucho pero que no he tenido tiempo antes para llevar a cabo.

¿Cómo añadir estilos concretos y específicos en ciertas partes de mi entrada de forma automática y estable?

Lo que se busca es crear estilos automáticos como cuando hacemos clic en la "blockquote" o texto citado. Cuando hacemos clic ahí Blogger añade un estilo predeterminado a ese texto o párrafo seleccionado.

Esto se puede conseguir de forma ilimitada con muchos estilos que puedes predeterminar. La única diferencia es que realmente no vas a seleccionar el texto y darle a un botón, si no que tendrás que escribir toda la entrada y luego aplicar los estilos predeterminados editando la entrada en HTML.

Es así, en Blogger podemos hacer muuuuchas cosas, pero siempre se condicionará a usar código. Es un beneficio, aunque también tenga sus inconvenientes.

Una vez que sabes de lo que hablamos vamos a entrar en detalles.

Estilos CSS para resaltar partes de la entrada

Ántes de nada debemos tener claro qué estilo queremos crear y en qué casos lo usaremos. Por ejemplo, imagina que quiere tener siempre un apartado de advertencia. En este recuadro deberías añadir un estilo vistoso y llamativo para que la lectora o el lector repare en esa parte. Te comparto un ejemplo de los distintos avisos que podrías añadir.



Para lograr esto simplemente tienes que añadir unas clases en la parte HTML de tu entrada en esas frases.

Primero las escribes, y luego les colocas el código de la clase antes , para abrir el estilo y al final, para cerrarlo.

Por ejemplo , en el caso de "Error, no deberías hacelo así" le llamo a la clase "error" así lo recuerdo de forma sencilla. De esta manera tendría que añadir lo siguiente.



<p class="caja error"> Error, no deberías hacerlo así</p>



Si le quieres añadir un icono de alerta, puedes añadir de Font Awesome de esta manera:


<p class="caja error"><i class="fa fa-exclamation-circle"></i> Error, no deberías hacerlo así</p>
Para poder añadir estos iconos debes tener este código antes de <head> en tu plantilla:


<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>



Para añadir el estilo a esta clase debes copiar y pegar el siguiente código en tu plantilla, haz antes una copia de seguridad por si acaso. El CSS va siempre antes de :


]]></b:skin>


Y el CSS que deberías copiar es el siguiente:


.caja {position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}
.caja p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}
.caja span{font-size:16px !important}
.caja.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}
.caja.error a,.caja.error span{color:#F55D5D}
.caja i { font-size: 16px; line-height: 20px;}.caja.error:before{ content:"\f06a" font-family: FontAwesome; float: right; margin-left: 5px;}.fa-exclamation-circle:before{content:"\f06a"}

Como ves le damos estilo a la clase "caja" y la la clase dentro de esta clase que es "error", porque si después queremos hacer una clase igual pero cambiando solo unos colores o iconos, entonces solo debemos cambiar el CSS de ".caja.error" y en vez de "error" poner "aviso" o como queramos llamar a otro estilo con otros motivos y colores.

De esta manera en el HTML de tu entrada deberás añadir en la "class='aquí tu clase'" las dos clases que has creado. Por eso pongo "class='caja error'" porque estoy añadiendo ambas clases. Como debería ser.


Quedaría así en tu entrada:


Error, no deberías hacerlo así




Otros estilos diferentes para personalizar mis entradas

Para poder personalizar tus entradas según tus intereses debes usar el mismo patrón, pero modificar los estilos adaptándolos a lo que quieras conseguir. Es así de simple, que no significa que sea fácil.

Al no conocer el significado de cada código de manera fluída nos puede costar mucho. Puedes visitar el post de cómo > personalizar los títulos del sidebar <, o > cómo personalizar los títulos de las entradas < para guiarte e ir creando estilos.

En este sentido tengo pensado crear varios estilos diferentes para compartir pero por el momento no tengo mucho tiempo, así que espero que esto te haya servido de ayuda.

Recuerda que si quieres puedes jugar solo con márgenes  tanto a un lado como al otro, arriba o abajo

margin:20px;margin-left:10px;margin-right:20px;margin-top:10px;margin-bottom:10px;

Esas cantidades en píxeles las he puesto solo como ejemplo y sin sentido. Juega con ello.




 Recuerda no añadir ancho o alto (width o height) si no es en porcentaje para que cuando se vea tu entrada en versión responsive, móvil, se adapte de forma automática. Lo ideal es width:100%


También puedes jugar con otras muchas cosas... Debes esforzarte por crear algo distinto y original dependiendo de lo que busques. También te servirá el post de > personalizar texto citado.<




¡Hasta la próxima!


Contacta conmigo si quieres dejar en mis manos la personalización de tu blog. 



2 comentarios

6 nov. 2017

Cómo poner tu grupo de Facebook en tu Fan Page


En las últimas actualizaciones de Facebook ha aparecido esta de poder vincular tu grupo de Facebook a tu Fan Page. Las funcionalidades de Facebook son múltiples y aprender a sacarles partido en beneficio de nuestro blog o web es importante.

Son demasiadas las funcionalidades, y muchas veces cambian de forma rápida, pero si son tan fáciles de llevar a cabo como esta es un alivio.

Recuerda que puedes añadir también tu canal de Youtube a tu Fan Page.

En este caso vamos a facilitar que nuestros seguidores vean nuestro grupo, pasando por nuestro Time Line, ya que al estar vinculado el grupo a nuestra Fan Page, este aparecerá en medio de nuestras publicaciones, como el apartado de "Opinión" que también podemos añadir.

Esto está claro que te ayudará a conseguir miembros en tu Grupo de Facebook, así que no lo dudes. Ganarás visibilidad.


Allá vamos.


Este tutorial dará como resultado algo así en tu Time Line:

como poner tu grupo de facebook vinculado a tu fan page



Si le damos a Ver todos los grupos nos saldrá esto:

grupo de facebook en tu fan page - tutorial de facebook


De esta manera cuando alguien visite tu Fan Page podrá encontrar tu grupo viendo tu Time Line y unirse si quiere y le interesa.

Los grupos de Facebook dan mucho juego y es una forma muy positiva de crear una comunidad. Crear un grupo de Facebook conlleva dedicarle tiempo. Pero a la larga es muy recomendable tenerlo y crear ese círculo de interés común.

En fin, para llevar a cabo este tutorial no nos llevará ni 5 minutos.


  1. Vamos a nuestra Fan Page
  2. En la URL escribimos a continuación de nuestra URL la palabra GROUPS, las mayúsculas o minusculas son irrelevantes.
  3. Entramos en esa URL y desde ahí le damos a Vincular grupo
  4. Escogemos el que queremos vincular, o los que queramos vincular y le damos a Vincular.
  5. Listo!!



Aquí te dejo el vídeo tutorial para que te resulte visualmente más cómodo.







Curso gratis paso a paso para crear un blog y diseñarlo a tu gusto con videotutoriales
1 comentario

30 oct. 2017

7 Tips importantes para ser Mejor Blogger que deberías saber

Cómo ser mejor blogger con unos tips básicos


Hace varias semanas he publicado en la Fan Page de Facebook de Blogger paso a paso unos tips bajo el hashtag #deldichoalhecho para tratar de dejar claro cómo en realidad tu blog puede mejorar teniendo claros unos puntos básicos.

He pensado que tenerlos aquí recopilados será mejor puesto que en Facebook la información suele "caducar". Los Time Line concretos de páginas no se visitan demasiado. Así que aquí los traigo.

Mi lenguaje es bastante directo e informal, como de costumbre, así que no es difícil entender de lo que hablo. Eso sí, es importante comprender e interiorizar que son tips básicos. No me canso de decir que todo lo que comparto es básico. Es así porque yo no soy una profesional, aunque me haya ganado ciertos conocimientos a través de la experiencia de 6 años como Blogger, no he tenido estudios relacionados con Marketing Online ni nada parecido, así que todo es ha sido aprendido a base de la experiencia. Soy completamente autodidácta, eso no quiere decir que no tenga perfectos conocimientos de los detalles básicos que no se conocen hasta pasado un largo tiempo en este mundo.

Sin más dilación aquí te los comparto. Cualquier duda no dudes en dejar un comentario y te contestaré en cuanto pueda.



  • El primer punto, y el más importante, para que tu blog / web triunfe es el contenido. Es el maldito rey. Como no te lo curres, no lo actualices ni lo trabajes.... Nada servirá.




  • Lo segundo más importante es que tus visitantes no se mareen intentando leer tu artículo y que puedan navegar fácilmente por tu blog \ web. Imprescindible que sea responsive (que se adapte a todas las pantallas de forma cómoda para la lectura) Resulta que no se tiene en cuenta nada de esto en la mayoría de las ocasiones, y son los dos primeros puntos importantes de un buen blog o una buena web. Si no te comprometes a tener esos dos puntos trabajados mejor no busques éxito con tu blog...




  • La visibilidad de tu blog/web no sólo depende de tu contenido aunque sea indispensable. Este debe estar dirigido a tu público interesado. Para que tu contenido llegue a esas personas es necesario que cuides el SEO. Lo siento pero es así. No es fácil, cambia continuamente pero tiene una gran base sobre la que debes informarte y aprender o bien contratar a una persona que se encargue de ello. Para lo básico basta con encontrar la formación adecuada y hacerlo por ti misma/o. Ten cuidado y revisa bien quien te habla de SEO, y cuando lo ha dicho. Si haces búsquedas en Google selecciona el filtro para que sólo te salgan los artículos publicados este último año. Luego revisa la formación y el recorrido de quien habla.




  • Otra cosa que depende de tu visibilidad es la difusión de tu contenido. Esto también favorece la indexacion de tus artículos en la Red. Comparte tus artículos en tus redes sociales y en grupos interesados en él.



Si no lo haces bien es porque no sabes, no te apetece, o no es lo tuyo. Dejarlo o transformarlo es la mejor opción si no es lo tuyo, pero esfuérzate si no sabes o no te apetece.




  • Los posts de forma general no deben ser cortos. Esto no significa que tengas que meter muchas imágenes... Se trata de escribir por lo menos 500 palabras. Es lo ideal. Aunque el gran contenido de calidad puede extenderse muchísimo más y es aconsejable.




  • Las imágenes las puedes sacar de bancos de imágenes gratuítas, pero intenta añadir siempre la fuente, de donde la has sacado, en la leyenda. Yo por ejemplo las imágenes las saco de Unsplash y en mi pie de página (footer) junto al copyright lo dejo claro.




  • Tu logotipo debe estar en un lugar clave y que se identifique de forma fácil porque es la identidad de tu blog/web. Preferiblemente no se debe tener una cabecera sin el logotipo (como hago yo en Objetivo Tutti-Frutti), no es lo recomendable.



Esto es todo.

Puedes seguir las publicaciones siguiendo la Fan Page de Blogger paso a paso , o entrar en nuestro grupo de apoyo Blogger: Empieza y no te compliques.



No hay comentarios
© Blogger Paso a Paso • Theme by Maira G. Adaptada por Mónica Lemos, autora de este blog.
Todas las imágenes son del banco de imágenes Unsplash.com o bien de mi propia autoría.
Si quieres puedes reclamar tu autoría - Contactar con la autora del blog.