30/12/13

Como poner una barrita informativa arriba en el blog

Supongo que habéis visto la barrita informativa rosa que he puesto arriba en el blog.


La he puesto, obviamente, para llamar la atención sobre algo. En este caso sobre la agenda-planificador de blog 2014.

Porque aunque estará disponible para comprar durante todo el año 2014, es precisamente ahora, a finales de año-principios de 2014 cuando quiero que más se vea.

Varias personas me habéis dicho que qué buena idea y por eso quiero contaros como se pone, por si vosotras quisieráis llamar la atención sobre algo de vuestro blog.

Es muy fácil además porque he usado una web externa para ello :)

Cómo poner la barrita en vuestro blog:

1) Vais a la web Hello Bar

2) Free sign up e introducís vuestro email

3) Le decís que Drive Traffic si queréis lo que queréis es mandarles a una página en concreto (en mi caso quiero que la gente vaya a la página en la que hablo/explico cómo es el planificador del blog y vosotras, pues lo que queráis)

4) En Goal URL ponéis la página en cuestión a la que queréis que entren


5) Y luego personalizáis la barrita (pinchando en Customize look and feel...)

     a. El texto informativo
     b. El texto de acción
     c. Los colores
     d. El estilo
     e. La posición
     f. Y si queremos que se abra la página en una nueva o en esa misma

Pensad además que según vais personalizando podéis ir previsualizándola en la parte de arriba de la página, así que por eso no me enrollo mucho en las opciones que tenéis (que además si habláis inglés están más que claras incluso sin ir probando/previsualizando)



6) Y una vez de que la tenéis le dais a continuar y ya rellenáis vuestra contraseña (de la cuenta a partir de ahora) y la URL de vuestro blog

7) Y ahora, para instalar, le decís que vosotras solitas podéis instalar el código ;)


8) Entonces, la línea de codiguito que os da, la copiáis y la pegáis en vuestra plantilla HTML, justo encima de la etiqueta </body>

Ya sabéis, le dais a Ctrl + F para buscar, y eso lo ponéis justo encima.

Y con eso, ya está.

Es decir, si en el futuro queréis editar la barrita, no hace falta que toquéis nada más en el blog, sino que con hacer los cambios en su web (en vuestra cuenta) con eso ya vale.

Espero que os sirva el tutorial y que os venga bien la barrita para atraer atención a algo de vuestro blog.

¿La vais a usar? ¡Ya me contaréis!

Ah, y si no tenéis aún mi agenda planificador con una tarea cada semana para mejorar el blog, ya estáis tardando... :P

      ○  Aquí podéis ver cómo es y cómo la uso yo
      ○  Y aquí podéis comprarla y descargarla (solo 9,95 €)

Besotes,
Únete a mi newsletter para recibir cada semana un resumen con trucos y recursos

30 comentarios

  1. Que chulo Blanqui! esto es útil saberlo para cuando quiera promocionar algo, como mis cursos por ejemplo, ejejejeje.
    Un abrazo y feliz año.

    ResponderEliminar
  2. Muy muy interesanteeee!! Gracias por compartirlo!! :D Espero que tengas un muyyyy feliz comienzo de año y que vengan más éxitos y sigamos así de bien!!! un besazo!!!! Feliz 2014!

    ResponderEliminar
  3. Es una idea genial, aunque de momento no lo voy a usar para nada, pero lo guardaré para un futuro :)
    ¡Feliz año, Blanca!
    Besos.

    ResponderEliminar
  4. Fenomenal, me encanta tu tutorial. Me va a venir fenomenal porque quiero promocionar el curso de automaquillaje y ahora mismo me pongo a ello.

    ResponderEliminar
  5. Listo!! Ya está puesta, me ha venido muy bien para destacar una promoción.
    Una vez más, muchas gracias, Blanca! Y feliz 2014!!

    ResponderEliminar
  6. Gracias siempre me sorprendes contus tutoriales muy buenos saludos.

    ResponderEliminar
  7. ¡Ay! Lo había estado buscando, bueno, no para ponerlo, sino para saber cómo se hacía en caso de que lo necesitara :).

    ¡Gracias!

    ResponderEliminar
  8. Como siempre Blanca muy útil. Por cierto yo me compré la agenda y estoy encantada la uso todos los días. Además de preciosa esta muy bien pensada y es muy útil.

    ResponderEliminar
  9. Reconosco que soy una de las que te pidió esta entrada y estoy encantadísima. ¡Ya la tengo puesta!

    ¡¡¡Mil gracias!!!

    ResponderEliminar
  10. Ya lo he colocado en mi blog. Lo he usado para promocionar mi tienda de telas.
    Muchas gracias guapa!!
    ¿Y ese curso de redes sociales? Mira que me gasto el dinerillo en una hidratante de Mary Kay, jejejeje.
    Un beso y Feliz Año!!

    ResponderEliminar
  11. Pues esto me ha venido genial. Gracias por este regalito de fin de año! Yo he aprovechado para enlazar a mi felicitación navideña en Instagram. Me va a venir genial para los sorteos y para enlazar a otros posts!
    Un besazo y feliz 2014

    ResponderEliminar
  12. hola blanca, te escribo para desearte un feliz año 2014.

    muchos besos

    ResponderEliminar
  13. Me parece super útil, pero yo voy un poquito más allá y quería preguntarte como poner algo similar, pero para que los lectores y fans se suscriban por e-mail, porque aunque tengo puesto en el blog la suscripción que por defecto te da blogger, me gustaría poner algo un poco más llamativo y que lo vean según entran en e blog. ¿Se puede poner esto o algo similar??... Podrías indicarnos como??. Puede ser muy interesante para muchos. Gracias por tus aportaciones y te deseo un Feliz Año nuevo¡¡ Saludos :)

    ResponderEliminar
  14. Un par de días antes de que publicaras la entrada la puse en mi blog anunciando un FREEBIE (imprimible gratuito) Calendario 2014 que he hecho.

    La verdad es que es supersencillo y muy útil!

    Un saludo :)

    ResponderEliminar
  15. muchas graciaas pero me e perdido en el paso de copia y pega... :S

    ResponderEliminar
  16. Hola Blanca, antes de nada decirte que soy super fan de tu blog, de tus tutoriales y todo lo que haces, de verdad.

    Decirte que he utilizado este tutorial y ha quedado perfecto. Y todo muy bien explicado.

    Un saludo.

    ResponderEliminar
    Respuestas
    1. Hola, ¿Cómo lo has hecho? he seguido todos los pasos sin ningún problema pero la barra no se pone en mi blog, se queda en la página de HelloBar.

      Eliminar
  17. Hola, me encanta tu blog, acabo de empezar en este mundillo y me has ayudado mucho.
    He seguido el paso a paso pero algo habré hecho mal porque la barra no me sale en el blog, se queda en la página de Hello Bar.
    ¿Me podías ayudar?
    Muchas gracias.

    ResponderEliminar
  18. Hola guapa! Tengo un problema, he seguido todos los pasos pero en el último me pierdo! :( No sé muy bien dónde tengo que pegar el código dentro de mi blog! :(

    Gracias!

    ResponderEliminar
    Respuestas
    1. Hola, ufffffff menos mal que hay otra persona que tampoco le sale. No sé qué estoy haciendo mal pero no consigo poner la barra en mi blog.
      Para pegar el código sigue las instrucciones a ver si te funciona y me cuentas.
      Gracias!!!!!!!!!!!

      Eliminar
    2. Conseguido!!!!!!!!!!!!!!!!!!!!!!!!! cuando pegaba el código se me había quedado un espacio a la izquierda.
      Gracias.

      Eliminar
  19. Muchas gracias Blanca! Esta vez me ha salido a la primera!! :D

    ResponderEliminar
  20. Hola Blanca, tu tutorial me ha ayudado muchísimo!!! me gusta!!!
    Gracias!

    Raquel

    ResponderEliminar
  21. He seguido todos los pasos y no me saleeee! :{

    ResponderEliminar
  22. Hola Blanca
    Tengo que decir que he pasado meses (en serio, meses) buscando la forma de poner una ventana PopUp en mi blog y he visto decenas de opciones pero ninguna me había resultado, o no era lo que necesitaba, pero di con tu blog y con esta entrada y me ha ayudado muchísimo! Mil gracias por la información! era justo lo que necesitaba. Agradezco muchísimo tu ayuda.
    Un saludo

    ResponderEliminar

© Personalización de Blogs. Diseño: Eve y Blanca.