14 Personalize your labels

25 January 2015

Hello Darlings!

It's really important to have your blog sorted out, with strong categories. It's also important to have them visible on the blog.

Today I'm going to show you some ideas for your labels.

Choose the one you like the best and use it on your blog. You can also personalize them with the little comments I wrote on the code to help you out.
Hello Darlings!

Considero muito importante ter as categorias do blog bem definidas e bem visíveis no nosso blog.

Hoje vou-vos mostrar algumas alternativas para usarem nas vossas categorias.

Escolham o que gostam mais e só precisam de seguir os passos. Podem também personalizar com a ajuda dos pequenos comentários que coloco no código.

First step: Add HTML CODE
First thing you need to do is create the html code for your labels.

Go to the "Layout" Page, click in Add a gadget (on the sidebar). Then click on HTML/Javascript and paste the code where it says content:
Change the links and names of the labels for your owns.
A primeira coisa que tens a fazer é criar o código para as tuas labels.

Vai à página "Esquema", clica em Adicionar uma miniaplicação (na sidebar). Depois clica em HTML/Javascript e onde disser conteúdo coloca este código:

Muda os links e nomes das categorias para as tuas.

Second step: Personalize
Now the best part, let's personalize it and create something unique for your blog.

To add CSS go to TEMPLATE page, click on EDIT HTML.
Search for and click on the triangle next to it, and put the css code  you've chosen before
And you're done! See you next class?

Agora a parte melhor, criar algo único para o teu blog.

Para adicionar o CSS vai à página MODELO, clica em Editar HTML.
Procura por e clica no triângulo que se encontra ao lado, e coloca o código css que escolheste antes de
E está feito! Vemo-nos na próxima aula?
xoxo

14 comments:

  1. Espectacular!
    Obrigado por esta dica! :)

    http://aengenheiradamoda.blogspot.pt/

    ReplyDelete
  2. Eh pah, descobri agora estas aulas e já consegui fazer a barra fixa no blog que tanto queria! Obrigada!

    ReplyDelete
  3. *assim já falta menos uma coisinha para as milhentas coisas que quero alterar :D

    ReplyDelete
  4. post super util!!

    xoxo
    http://18shadesofglitter.blogspot.pt/

    ReplyDelete
  5. Adoro as tuas online classes Maria! Consegui personalizar o meu blog, graças a muitas das tuas dicas :)

    Um beijinho
    http://ichoose--tobehappy.blogspot.pt/

    ReplyDelete
  6. Usei no meu blog, ficou lindo! Super util :)
    Messy Hair, Don't Care | Blog
    Kiss, Mariana

    ReplyDelete
  7. tou a tomar notas de tudo pra fazer mudança no meu blog, és um amor por estas aulas rapariga :D

    ReplyDelete
  8. Eu adoro todos os teus posts Maria, mas estes são os meus favoritos!
    THE PINK ELEPHANT SHOE | INSOMNIA BIJU GIVEAWAY

    ReplyDelete
  9. obrigada, ajudou-me bastante este post :)

    ReplyDelete
  10. Realmente, às vezes sinto-me estupida. Farto-me de procurar por "HTML x" quando nem sei qual é o x e uma div ia facilitar tanto isso. Acho que é a minha mania de não querer exagerar nas divs mas aqui dão um jeitaço do caraças.
    Obrigada por esta tua rúbrica! :)
    Sorrisos,
    Alexandra :)

    The Sweetest Life

    ReplyDelete
  11. O que queres dizer quando falas no "triângulo"? ://

    ReplyDelete
  12. Olá :) Como colocas mais do que um post numa etiqueta? Beijinho

    ReplyDelete