Blogosfera

Blogger: Personalizando os marcadores ou categorias

Olá dreamers,

Que tal personalizar os marcadores do seu blog? É super simples e fica muito fofo! Nesse post eu trouxe três modelos pra vocês escolherem e em breve posto outros, ok?! :)

Vamos começar?

  • 1 – Escolha um dos três modelos e copie o código abaixo dele.
MODELO 1

/* Categorias */
.categorias {
width: 260px;
padding: 0px 10px 0px 10px;
margin: 0;
font-size: 14px;
font-family: 'Arial Narrow', sans-serif;
text-align:center;
text-transform: uppercase;
background: #f2ccfd;
}
.categorias ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
text-align:center;
background: #f2ccfd;
}
.categorias li {
border-bottom: 2px solid #fff;
margin: 0;
background: #f2ccfd;
text-align:center;
}
.categorias li a {
display: block;
padding: 0px 5px 0px 5px;
background-color: transparent;
color: #828282;
text-decoration: none;
margin-bottom:-4px;
margin-top:-4px;
text-align:center;
}
.categorias li a:hover {
background-color:none;
color: #fff;
text-align:center;
}
.categorias li a:visited {
color: #828282;
text-align:center;
}
.categorias a{
background-position: left center;
padding-left: 25px;padding-top: 2px;
padding-bottom: 2px;
border-bottom:0px solid #dfdfdf;
text-align:center;
text-align:center;
}

 

MODELO 2

/* Categorias */
.categorias {
width: 260px;
padding: 0px 10px 0px 10px;
margin: 0;
font-size: 15px;
font-family: 'Century Gothic', sans-serif;
text-align:center;
color:#fac0ca;
text-transform: uppercase;
}
.categorias ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
color:#fac0ca;
text-align:center;
}
.categorias li {
border-bottom: 1px solid #ececec;
margin: 0;
color:#fac0ca;
text-align:center;
}
.categorias li a {
display: block;
padding: 0px 5px 0px 5px;
background-color: transparent;
color: #828282;
text-decoration: none;
margin-bottom:-4px;
margin-top:-4px;
text-align:center;
}
.categorias li a:hover {
background-color:none;
color: #fac0ca;
text-align:center;
}
.categorias li a:visited {
color: #828282;
text-align:center;
}
.categorias a{
background-position: left center;
padding-left: 25px;padding-top: 2px;
padding-bottom: 2px;
border-bottom:0px solid #dfdfdf;
text-align:center;
text-align:center;
}

 

MODELO 3

/* Categorias */
.categorias {
width: 260px;
padding: 0px 10px 0px 10px;
margin: 0;
font-size: 15px;
font-family: 'Georgia', sans-serif;
text-align:center;
color:#fac0ca;
}
.categorias ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0;
color:#fac0ca;
text-align:center;
}
.categorias li {
border-bottom: 2px solid #ffdbe1;
border-top: 2px solid #ffdbe1;
margin: 0;
color:#fac0ca;
text-align:center;
}
.categorias li a {
display: block;
padding: 0px 5px 0px 5px;
background-color: transparent;
color: #828282;
text-decoration: none;
margin-bottom:-4px;
margin-top:-4px;
text-align:center;
}
.categorias li a:hover {
background-color:none;
color: #fac0ca;
text-align:center;
}
.categorias li a:visited {
color: #828282;
text-align:center;
}
.categorias a{
background-position: left center;
padding-left: 25px;padding-top: 2px;
padding-bottom: 2px;
border-bottom:0px solid #dfdfdf;
text-align:center;
text-align:center;
}

 

Observação: O trecho em vermelho é a largura dos marcadores. Modifique se necessário para ajustar ao seu template.

 

  • 2 – Vá no painel do blogger > Modelo > Editar HTML. Pesquise (Ctrl + F) por:

]]></b:skin>

ACIMA desse trecho, cole o código referente ao modelo copiado.

Atenção: No novo modelo do blogger você só deve abrir a barra de pesquisa (Ctrl + F) após clicar dentro da caixa de códigos, caso contrário a sua pesquisa não apresentará resultados. A caixa de pesquisa deve aparecer assim:

  • 3 - Agora, ainda no HTML do template pesquise por:

label1

 

Ao encontrar o trecho, clique na setinha preta ao lado esquerdo para expandir o widget.

Depois clique na setinha que aparecerá abaixo, para continuar expandindo.
Ao visualizar o trecho destacado abaixo:

 

Substitua-o por:
<ul class=’categorias’>
  • 4 – Visualize e se estiver tudo ok, salve.

 

Espero que tenham gostado do tutorial. Me avisem se deu certo e qualquer dúvida deixem um comentário aqui no post, como sempre, farei o possível para ajudar. ♥

About Author

Designer na Inlove Design e artesã na Contém Fofura. Geek, metida a artista e ama coisas fofas.

129 Comments

  • Camila Campos
    21 setembro 2013 at 21:15

    Amei os modelos são tão fofos!
    #partiu #fazer no meu blog

    Reply
  • Karina Lopes
    23 setembro 2013 at 0:03

    Sempre quis achar esse tutorial, mas nunca achei.. obrigada, fica realmente muito legal.. (:
    Beijos.

    Reply
  • Bianca Nunes
    23 setembro 2013 at 2:57

    Quando eu tava começando a pegar o ritmo de fazer alterações no HTML o blogger mudou o editor! agora não to mais com paciência pra aprender de novo! :(

    beijos
    http://www.biancagsnunes.com/

    Reply
    • Karoline
      23 setembro 2013 at 8:12

      Bianca, é sempre assim. A parte mais chata é que às vezes eles mudam algo pra pior! :P

      bjs

      Reply
  • Viviane
    23 setembro 2013 at 6:17

    Acho muito legal que você dê dicas de como melhorar o layout e ajude com o código aqui no seu blog já que muita gente tem dificuldades em mexer com isso (eu inclusa, hehe).
    Também queria agradecer seu comentário e o link pra reclamar os direitos autorais do blogger. Felizmente a pessoa acabou entrando em contato comigo e eu espero que ela retire a imagem ou use alguma outra que não seja meu logo e coloque os créditos. Mas é bom ter o link caso precise um dia!
    bjs!!

    Reply
    • Karoline
      23 setembro 2013 at 8:14

      Por nada! :) Que bom que deu certo, acho que os comentários “comoveram” ela hahah

      Bjs!

      Reply
  • Micaely Rodrigues
    23 setembro 2013 at 10:48

    Fazia tempo que eu estava procurando esse tutorial!
    Obrigada pelo Post!
    Beijos

    O Melhor de Mim

    Reply
  • ♪ Dαyαnє ♪
    23 setembro 2013 at 15:41

    Oi, :)

    Amei esses modelos, achei todos fofos.

    Com certeza vou tentar fazer no meu blog *-*

    ~> Beijusss…;*

    Reply
  • Queridos Devaneios
    23 setembro 2013 at 15:52

    Flooor eu amei o tutorial! Só uma dúvida quem fez essa imagem linda do topo do seu blog?

    beeeijos!

    http://www.queridosdevaneios.com

    Reply
  • Maria Paulina Silva
    23 setembro 2013 at 19:17

    Karolini, não consegui fazer pois não achei o código ul. Amei o tutorial !

    Reply
  • Camila
    27 setembro 2013 at 0:08

    Oii Karol, tuto bem simples mas hoje não tenho mais paciencia para mexer sabe?=x

    Reply
  • Paula Luz
    28 setembro 2013 at 18:12

    Se tem uma coisa nessa vida que eu nunca vou entender é o HTML, meu Deus, que coisa mais difícil, super admiro quem sabe tuuudo. Adorei os marcadores, as vezes a gente “abusa” o layout e nada melhor que dar uma mudadinha né? Beijinhos…

    Reply
  • Raíra Mercês
    3 outubro 2013 at 17:11

    Amei… Tão lindos! Estou indo agora mesmo trocar os meus marcadores. <3

    Reply
  • Raelly
    9 outubro 2013 at 2:21

    Todos são lindos e fofos !
    Quero usar todos :)
    Beijos
    livrosebombons.blogspot.com.br

    Reply
  • Camila Campos
    9 outubro 2013 at 15:44

    São todos os modelos muitos fofos ,mas o meu preferido foi o modelo 2 .

    Reply
  • Karla Gisella
    9 outubro 2013 at 20:56

    Este comentário foi removido pelo autor.

    Reply
  • Gabriela Amorim
    14 outubro 2013 at 0:05

    Parece que você leu meus pensamentos, estava precisando de um desses para o novo layout. vou colocar algum!
    Beijos

    gabriela-amorim.blogspot.com

    Reply
  • Natacha Vechia
    16 outubro 2013 at 19:51

    Os modelos me ajudaram bastante, achei que ficaram lindissimos… megabeijos

    Reply
  • Natacha Vechia
    16 outubro 2013 at 19:51

    Os modelos me ajudaram bastante, achei que ficaram lindissimos… megabeijos

    Reply
  • Tamires Pereira
    18 outubro 2013 at 3:55

    Que fofos, irei fazer um novo layout e usar ><

    Reply
  • Karla Gisella
    1 novembro 2013 at 0:22

    eeu estou usando em meu novo blog, achei lindo!

    Reply
  • Danielle
    11 novembro 2013 at 20:36

    AAAAAAh< muito obrigada, porque eu estou tentando achar um tutorial desse a muito tempo.

    Reply
  • Barbara
    28 novembro 2013 at 14:58

    Oi. no meu nao deu certo.
    Da mensagem de erro qndo eh pra colar:
    =(

    Reply
    • Karoline
      28 novembro 2013 at 22:28

      Oi Barbara, que erro aparece?

      Reply
  • Júlia
    8 janeiro 2014 at 9:40

    Oi, estou usando o lay que você disponibilizou e eu não estou conseguindo colocar o código certinho. Já coloquei tudo o que foi pedido e mesmo assim não vai :(

    Reply
  • Júlia pontes
    24 janeiro 2014 at 21:08

    Estou tentando encontrar o label1, mas não há no html do meu theme :[[[[ e agrr?

    Reply
    • Karoline
      26 janeiro 2014 at 15:05

      Oi Júlia, no novo modelo do blogger você só deve abrir a barra de pesquisa (Ctrl + F) após clicar dentro da caixa de códigos, caso contrário a sua pesquisa não apresentará resultados. Assim como essa imagem.

      Reply
  • Marii Almeida
    9 fevereiro 2014 at 21:20

    Não consegui me ajude por favor entre em conato
    Marihjaponesa@hotmail ,preciso muito

    Reply
  • Ane Souza
    11 fevereiro 2014 at 19:44

    Oi Karoline eu fiz tudo mas dar erro “Erro ao analisar XML, linha 2300, coluna 18: Open quote is expected for attribute “class” associated with an element type “ul”.”,porque acontece isso?. Esperando pela resposta.

    Reply
    • Karoline
      12 fevereiro 2014 at 13:57

      Oi Ane, você está retirando os ‘ ‘?

      Reply
  • Samyra
    12 fevereiro 2014 at 11:17

    O meu da erro quando substui la o

    Reply
  • Samyra
    15 fevereiro 2014 at 14:45

    O MEU DA ERRO

    Reply
    • Karoline
      24 março 2014 at 2:18

      Você está substituindo < ul > por < ul class=’categorias’ >, como mostrado no último passo?

      Reply
      • Elisa
        29 março 2014 at 17:11

        O meu acontece a mesma coisa. Substitui exatamente por e da erro, aparece a seguinte mensagem: Não foi possível carregar a visualização do modelo: Erro ao analisar XML, linha 1275, coluna 18: Open quote is expected for attribute “class” associated with an element type “ul”

        Reply
        • Karoline
          29 março 2014 at 21:05

          Elisa, às vezes quando um código é copiado, as aspas saem como acento, você tem que apagar os dois acentos ´ e substituir por aspas assim ‘
          Depois é só salvar.
          Bjs

          Reply
  • Fernanda
    23 março 2014 at 21:03

    Estou com um problema quando vou em HTML não aparece ]]> o que eu faço?

    Reply
    • Karoline
      24 março 2014 at 2:15

      Fernanda, leia o trecho “ATENÇÃO” no passo 2. Bjs

      Reply
  • Fer
    23 março 2014 at 21:12

    O meu está dando erro na hora de salvar :'(

    Reply
    • Karoline
      24 março 2014 at 2:16

      Qual é o erro?

      Reply
  • Scarlety
    15 abril 2014 at 18:31

    Esse tuto é muito bom, valeu por postar, funcionou muito bem no meu blog >_< obrigada ♥

    Reply
    • Karoline
      16 abril 2014 at 14:26

      Obrigada pelo comentário! :)
      Beijo

      Reply
  • Gabriela
    21 abril 2014 at 11:02

    Fiz tudo certinho,mas o código só está aparecendo em cima de tudo,já repeti várias vezes,mas não funciona :/

    Reply
  • Emily
    25 abril 2014 at 19:18

    Oi eu não consigo encontrar os marcadores no HTML do meu blog! O que eu faço?

    Reply
    • Karoline
      25 abril 2014 at 21:35

      Oi Emily, você adicionou o gadget de marcadores em LAYOUT?
      Bjs

      Reply
  • Ina Ribeiro
    29 abril 2014 at 23:38

    Deu super certo, muito obrigada!

    Reply
  • Vanessa da Rocha
    7 maio 2014 at 0:01

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Marina
    6 maio 2014 at 21:25

    Infelismente não consegui colocar no meu blog, a lista fica igual está não altera nada ):

    Reply
  • Vanessa da Rocha
    7 maio 2014 at 3:01

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]></b:skin>, depois substitui o <ul> como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.

    Reply
  • Karoline Vendramini
    13 maio 2014 at 19:44

    Você tem o "label1" no seu template?

    Reply
  • Karoline Vendramini
    13 maio 2014 at 19:44

    Você tem o "label1" no seu template?

    Reply
  • Vanessa da Rocha
    18 maio 2014 at 21:08

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Ka Wozniak
    19 maio 2014 at 0:08

    O meu tbm não mudou, Karol ….. fiz como vc mostrou no passo-a-passo, tenho o "label1", mas na hora de visualizar, nada acontece …. antes disso eu fiz a alteração do separador para expandir o post, e este deu certo.

    Reply
  • Vanessa da Rocha
    20 maio 2014 at 11:18

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Karoline Vendramini
    20 maio 2014 at 14:18

    Meninas, às vezes quando você copia o ul class='categorias' o navegador substitui as aspas por acentos e fica assim ´categorias´. Se for o caso, vocês tem que trocar para aspas assim 'categorias'

    Reply
  • Ka Wozniak
    20 maio 2014 at 16:19

    Eu troquei as apas sim Karol, mas não mudou :/ rsrs mas depois eu tento com mais calma de novo

    Reply
  • Vanessa da Rocha
    24 maio 2014 at 18:30

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Vanessa da Rocha
    24 maio 2014 at 18:33

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Lucia Eleni Bernardo Lingo
    24 maio 2014 at 21:28

    eu não tenho label1 e agora?

    Reply
  • Karoline Vendramini
    24 maio 2014 at 21:32

    Lucia Eleni Bernardo Lingo você tem que adicionar o widget de marcadores, na aba PAINEL ;)

    Reply
  • Ana
    3 julho 2014 at 21:28

    Seu blog é a coisa mais linda, do design ao conteúdo. Amei tudinho e esses tutoriais são ótimos! Um beijo. <3

    Reply
    • Karoline
      4 julho 2014 at 10:23

      Ana, obrigada!

      Reply
  • Luisa Cardoso
    3 julho 2014 at 22:00

    Sempre que tento fazer alguma mudança no HTML nunca consigo porque nunca acha o trechinho que estou procurando.. Faz ideia de porque isso acontece??

    Reply
    • Karoline
      4 julho 2014 at 10:18

      Oi Luisa, leia o trecho “Atenção” no passo 2 desse tutorial.
      Bjs

      Reply
  • Lola
    8 julho 2014 at 3:42

    Oii, fiz tudo certinho e instalou, mas ficou com essas bolinhas na frente do marcador: http://i.imgur.com/VfHBCfi.png
    como posso fazer pra resolver?

    Reply
  • Lola
    8 julho 2014 at 3:43

    Oii, fiz tudo certinho e instalou, mas ficou com essas bolinhas na frente do marcador: http://i.imgur.com/VfHBCfi.png
    como posso fazer para resolver?
    Aguardo uma resposta =D Estou ansiosa para ter os marcadores em meu blog.

    Reply
    • Karoline
      13 agosto 2014 at 3:48

      Oi Lola, você tem que adicionar o código “list-style: none;”.
      Bjs

      Reply
  • Kamila Ohara
    8 julho 2014 at 4:09

    Fiz tudo certinho,já mudei os acentos por aspas e não aparece quando clico em vizualizar.
    Me ajuda?

    Reply
  • Thais Rios
    8 julho 2014 at 22:08

    Olá, no meu não tem Label1, o que posso fazer?

    Reply
    • Karoline
      9 julho 2014 at 9:50

      Thais, no seu layout já tem o gadget de marcadores?

      Reply
  • Luisa Cardoso
    16 julho 2014 at 21:34

    Eu fiz tudo certinho, mas quando visualizo não muda nada. Porque isso acontece?

    Reply
    • Karoline
      23 julho 2014 at 23:25

      Luisa, você substituiu os acentos por aspas como mostrado no passo 3?

      Reply
  • Elizandra Souza
    19 julho 2014 at 20:38

    Muito obrigada deu super certo, é só segui direitinho parabéns pelo tutorial!

    Reply
  • Elizandra Souza
    19 julho 2014 at 23:38

    Muito obrigada deu super certo, é só segui direitinho parabéns pelo tutorial!

    Reply
  • Thalyta Lorrany de Farias
    5 agosto 2014 at 23:23

    Oi Lindona! Ameeeeei seu Blg, ele é muuito Lindo ! #Apaixonada <3
    Eu queria te pedir um Tutorial para Blog, que eu estou precisando muito. Eu gostaria que vc nos ensinasse a colocar um contador de vistas no Blogger. E adoraria se os estilos fossem feitos por vc, pois vc arrasa Menina! (Poderia criar uns bem fofinhos). Rs =)
    Ah só lembrando eu tinha comentado lá no seu blog que eu não estava conseguindo colocar os ícones de redes sociais, mais tentei,tentei e consegui. E eu amei, usei o estilo de coração.
    Bjss Gatona :D

    Reply
  • Yassui Fortes
    8 agosto 2014 at 18:10

    Karoline Vendramini no meu também não deu certo. Segui o passo-a-passo direitinho e estou usando o seu templante Little Things…

    Reply
  • Vanessa da Rocha
    8 agosto 2014 at 19:51

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Follow your dreams
    8 agosto 2014 at 21:34

    Yassui Fortes você tem o widget de marcadores adicionado no seu blog? Substituiu os acentos por aspas? Não sei o que pode estar dando errado :/

    Reply
  • Follow your dreams
    8 agosto 2014 at 21:34

    Obrigada! :*

    Reply
  • Follow your dreams
    8 agosto 2014 at 21:35

    Muito obrigada, sua fofa! <3 Obrigada pela sugestão, vou ensinar, sim! :) Bjs

    Reply
  • Yassui Fortes
    8 agosto 2014 at 22:51

    Follow your dreams Fiz do jeito que você ensinou e nada. Talvez seja um problema no blogger mesmo.

    Reply
  • Vanessa da Rocha
    13 agosto 2014 at 2:32

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Vanessa da Rocha
    13 agosto 2014 at 3:47

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Senm Guiacomercial
    13 agosto 2014 at 5:32

    como faço para personalizar varias categorias?

    Reply
  • Follow your dreams
    13 agosto 2014 at 6:47

    Não entendi sua pergunta, poderia explicar?

    Reply
  • Daniel Cirilo
    16 agosto 2014 at 20:35

    tenho um lady million femminino, vc quer?

    Reply
  • Follow your dreams
    17 agosto 2014 at 11:50

    Daniel Cirilo Não entendi.

    Reply
  • Vanessa da Rocha
    19 agosto 2014 at 10:20

    Olá, boa noite!

    Espero que você possa me ajudar, fiz tudo conforme mostra o tutorial, mas quando clico para visualizar, nada muda, já tentei de várias formas e nada acontece, quero muito mudar os meus Marcadores, mas não estou conseguindo. Tem outro tutorial seu que segui tudo ao pé da letra e deu certo, mas esse não, não sei onde eu possa estar errando, colei o código acima deste trecho ]]>, depois substitui o

      como pedido, mas nada acontece, os marcadores continuam os mesmos, você ou alguém que tenha conseguido poderia me ajudar? Obrigado desde já.
    Reply
  • Janine Fernandes Costa
    21 agosto 2014 at 16:36

    O meu não deu certo :
    toda hora aparece "ERROR" e eu nunca consigo achar " label1 "
    são muitos lindos e tal…
    mas o tutorial não me ajudou em nada :

    Reply
    • Karoline
      28 setembro 2014 at 7:12

      Janine, se você não tiver o widget de marcadores adicionados isso não vai funcionar, você não vai encontrar o “label1” mesmo..

      Reply
  • Modinha Feminina
    22 agosto 2014 at 21:06

    Tem como você fazer um rosa com marrom pra mim ? Por favor ?????!!!!!!!!!!!!

    Reply
    • Karoline
      28 setembro 2014 at 7:11

      Olá, você pode modificar as cores nos códigos.
      Bjs

      Reply
  • Vitória
    22 setembro 2014 at 23:42

    Funcionou no meu ,lindooo ,amei,tudo que eu precisava e estava procurando haha

    Reply
  • Jennifer
    26 outubro 2014 at 2:16

    Oie flor, amei seu blog! E esse post está sensacional,pena que não apareceu, eu fiz tudo direitinho :( Beijos

    http://jenniferfivestars.blogspot.com.br/

    Reply
    • Karoline
      29 outubro 2014 at 17:36

      Oi Jennifer, obrigada! Que pena que você não conseguiu :( Não aparece nenhum erro?

      Reply
  • Gabriela Novais
    28 outubro 2014 at 20:48

    Karol, como vc fez pra personalizar suas categorias do jeito novo? Eu achei super fofo com esses desenhos *O* Amo seu trabalho <3

    Reply
    • Karoline
      29 outubro 2014 at 17:34

      Oi Gabriela, obrigada! <3
      As novas categorias eu fiz imagem por imagem, depois linkei uma por uma. É bem simples de fazer, dá certo no Blogger ou WordPress. Vou anotar na minha listinha de próximos tutoriais pra publicar aqui no blog. :)

      Um beijo!

      Reply
  • Follow your dreams
    29 outubro 2014 at 19:24

    Janine, você precisa adicionar o widget de marcadores do Blogger antes de começar esse tutorial, ele é um modificador desse widget, logo, só vai dar certo se o widget já existir. Se conseguir me avisa, tá?! :*

    Reply
  • Follow your dreams
    29 outubro 2014 at 19:25

    Você pode modificar as cores nos comandos "color:#" e logo após a # trocar para o código da cor desejada. :)

    Reply
  • Daniela
    31 outubro 2014 at 13:01

    Ola!

    Coloquei o tema 1, deu super certo, mas infelizmente ao clicar no marcadr, exe. Natal (que tem uma foto no meu blog, que ainda esta em construção) ele não direciona para lá! Como posso arrumar?

    Reply
  • Pedro Oro
    24 novembro 2014 at 14:23

    Não funcionou…

    Reply
  • Melyssa Beatriz
    2 janeiro 2015 at 15:51

    Amei esse post , fiz e conseguir . Obrigada pela a ajuda ! Amei esse blog , muito fofo. Beijos

    Reply
  • Sam
    2 fevereiro 2015 at 16:56

    Olá,
    no meu blog não aparece a opção “search” como faço para buscar?

    Reply
    • Karoline
      6 fevereiro 2015 at 16:32

      Sam, aperta Ctrl + F!
      Bjs

      Reply
  • Alynne Wanderley
    5 fevereiro 2015 at 15:52

    Não conhecia seu blog! Amei e tô com umas 10 guias abertas ahha parabéns pelo seu trabalho. Você quem fez os ícones das suas categorias? São lindos!

    Reply
  • Nalanda Pita
    19 fevereiro 2015 at 21:06

    A muito tempo procuro um tutorial desses, com marcadores diferentes!
    Muito obrigada!

    Reply
    • Karoline
      20 fevereiro 2015 at 8:12

      Oi Nalanda, obrigada por comentar! Que bom que ajudei :)
      Um beijo

      Reply
  • Fernanda Gonçalves
    5 março 2015 at 23:22

    Oi Karoline Vendramini!
    Espero que possa me ajudar. Eu estou querendo trocar os marcadores do meu blog por imagens, como tem no seu, a parte das categorias.
    Sabe qual código posso usar para isso?

    Obrigada desde já! :)

    Reply
  • Karoline Vendramini
    7 março 2015 at 20:05

    Fernanda Gonçalves já postei esse tutorial aqui: http://followyourdreams.com.br/download-categorias-em-bolinhas/

    Reply
  • Karoline Vendramini
    7 março 2015 at 20:06

    Eu quem fiz, sim, obrigada!! :)

    Reply
  • Fernanda Gonçalves
    11 março 2015 at 18:17

    Obrigada! Consegui colocar eles na sidebar :)
    É possível também colocar nas postagens? Como faço?

    Reply
  • Ana Paula Barbosa
    25 março 2015 at 13:51

    Amei esse tutorial tive problemas no inicio mas depois fiz novamente com calma e consegui. Teu blog e maravilhoso estou arrumando meu blog novo e tudo daqui! Parabéns.

    Reply
  • Daniela
    18 abril 2015 at 14:47

    Oi!!
    Amo seus tutoriais e sempre dão certo pra mim, mas esse não esta dando.
    Primeiro não estava achando o label1, daí eu vi que tinha que baixar o gadget de marcadores primeiro, então eu baixei, achei o código, substituí, salvei, mas não apareceu na página. Aliás, o gadget de marcadores sumiu :/
    não faço ideia de qual problema possa ser (até verifiquei se as aspas estavam certas e estavam).

    Se puder me ajudar agradeço :)

    Reply
  • Alice Matos
    11 junho 2015 at 22:13

    Olá, no meu HTML não achei o Label11 dai não deu :( uma pena.

    Reply
    • Karoline
      13 junho 2015 at 6:34

      Oi Alice, você já tem o gadget de marcadores adicionado no seu blog? Se não tiver, não vai encontrar ele no código mesmo. Precisa ser adicionado antes dessa etapa.
      Ah, é “label1”, ok?! Se não funcionar tente “label2”.

      Bjs

      Reply
  • Bianca
    11 junho 2015 at 23:24

    Karol, tem algum tutorial pra esse tipo de categoria para o wordpress? To atrás disso há um tempão… bjos!

    Reply
    • Karoline
      13 junho 2015 at 6:32

      Oi Bianca, ainda não fiz esse tutorial para WP, mas analisei seu CSS e acho que posso te ajudar.
      A parte que deve ser personalizada no seu tema é essa:

      /*listas sidebar (para arquivos, blogroll, lista categorias etc) */
      .itemSidebar ul {margin: 0; padding: 0; list-style: none;}
      .itemSidebar ul li {width: 49%; display: inline-block;}
      .itemSidebar ul li:before {content: “»”; padding: 0 5px 0 0; color: #999; font-size: .9em}

      Então é só você fazer uma troca, por exemplo, a personalização que fica dentro do “ul” do meu tutorial (.categorias ul) você coloca dentro do seu “ul” (.itemSidebar ul), e assim por diante com os outros itens.
      Fazendo isso você está adaptando o meu tutorial para o seu tema. :)

      Bjs

      Reply
  • Karina Marques
    10 julho 2015 at 20:16

    Amei! Utilizei o modelo 2, mas a parte “categoria” não ficou igual… mas não tem problema, o importante é que eu consegui mudar!! :) Vou dar mais uma olhada em outras dicas e aplicar no meu blog.

    Beijão flor <3

    Reply
  • Fernanda
    13 julho 2015 at 17:29

    Oii queria saber se voce tem algum tutorial ensinando a colocar essas imagens, esses icones, como marcadores! somo é no seu blog! Fica muito lindo!
    :)

    Reply
  • Bin
    28 julho 2015 at 16:48

    Amei, deu certinho no meu blog.

    Reply
  • Michelle
    7 dezembro 2015 at 20:41

    Oi princesa… deu super certo… Mas teria como colocar os nomes tipo: um do lado do outro formando 2 coluninhas?
    (PS.: semana passada segui seu tuto de categorias personalizadas, baixei as imagens e tudo, ficou tão lindo… mas no dia seguinte as imagens não aparecem no blog, o link tá ok, mas as imagens nada… Daí resolvi trocar para esse modelinho de Categorias, mas acho mais bonito personalizados :( )

    Reply
  • gabi
    12 dezembro 2015 at 10:13

    eu queria saber fazer um igua o seu

    Reply
  • Sério Fran
    15 dezembro 2015 at 19:08

    A melhor, simplesmente isso. Você é a melhor!

    Reply
  • Mei-Shin
    31 dezembro 2015 at 18:40

    Amei as dicas e os tutorias do seu blog *u* você faz parceria?comecei agora no meu blog e tudo mais,estou precisando de uma mãozinha.

    Reply
  • emilie
    23 março 2016 at 16:12

    Amei o tutorial , e consegui.

    Reply
  • Jaynara
    25 março 2016 at 19:30

    Tentei umas três vezes e não consegui. Não sei o que aconteceu. Aparece um treco de erro não sei o quê.

    Reply
  • Rafaelle Venttura
    22 abril 2016 at 17:04

    Oi Karol ,fiz tudo certinho, só que continua a mesma coisa :( Poderias me ajudar?

    Reply
  • Rayanne Buchweitz
    4 julho 2016 at 16:50

    Adorei o tutorial, fica lindo!!! Obrigada
    Beijãoo

    Reply
  • Anjinha
    14 agosto 2017 at 17:22

    Gostei muito das dicas incluindo o modelo 3 mais nao consegui fazer no meu blog por favor se puder me ajudar e responder ficarei muitissimamente grata.
    Deus lhe abençõe

    Reply

Leave a Reply