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.
/* 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.
<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. ♥
129 Comments
Camila Campos
21 setembro 2013 at 21:15Amei os modelos são tão fofos!
#partiu #fazer no meu blog
Karina Lopes
23 setembro 2013 at 0:03Sempre quis achar esse tutorial, mas nunca achei.. obrigada, fica realmente muito legal.. (:
Beijos.
Bianca Nunes
23 setembro 2013 at 2:57Quando 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/
Karoline
23 setembro 2013 at 8:12Bianca, é sempre assim. A parte mais chata é que às vezes eles mudam algo pra pior! :P
bjs
Viviane
23 setembro 2013 at 6:17Acho 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!!
Karoline
23 setembro 2013 at 8:14Por nada! :) Que bom que deu certo, acho que os comentários “comoveram” ela hahah
Bjs!
Micaely Rodrigues
23 setembro 2013 at 10:48Fazia tempo que eu estava procurando esse tutorial!
Obrigada pelo Post!
Beijos
O Melhor de Mim
♪ Dαyαnє ♪
23 setembro 2013 at 15:41Oi, :)
Amei esses modelos, achei todos fofos.
Com certeza vou tentar fazer no meu blog *-*
~> Beijusss…;*
Queridos Devaneios
23 setembro 2013 at 15:52Flooor eu amei o tutorial! Só uma dúvida quem fez essa imagem linda do topo do seu blog?
beeeijos!
http://www.queridosdevaneios.com
Maria Paulina Silva
23 setembro 2013 at 19:17Karolini, não consegui fazer pois não achei o código ul. Amei o tutorial !
Camila
27 setembro 2013 at 0:08Oii Karol, tuto bem simples mas hoje não tenho mais paciencia para mexer sabe?=x
Paula Luz
28 setembro 2013 at 18:12Se 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…
Raíra Mercês
3 outubro 2013 at 17:11Amei… Tão lindos! Estou indo agora mesmo trocar os meus marcadores. <3
Raelly
9 outubro 2013 at 2:21Todos são lindos e fofos !
Quero usar todos :)
Beijos
livrosebombons.blogspot.com.br
Camila Campos
9 outubro 2013 at 15:44São todos os modelos muitos fofos ,mas o meu preferido foi o modelo 2 .
Karla Gisella
9 outubro 2013 at 20:56Este comentário foi removido pelo autor.
Gabriela Amorim
14 outubro 2013 at 0:05Parece que você leu meus pensamentos, estava precisando de um desses para o novo layout. vou colocar algum!
Beijos
gabriela-amorim.blogspot.com
Natacha Vechia
16 outubro 2013 at 19:51Os modelos me ajudaram bastante, achei que ficaram lindissimos… megabeijos
Natacha Vechia
16 outubro 2013 at 19:51Os modelos me ajudaram bastante, achei que ficaram lindissimos… megabeijos
Tamires Pereira
18 outubro 2013 at 3:55Que fofos, irei fazer um novo layout e usar ><
Karla Gisella
1 novembro 2013 at 0:22eeu estou usando em meu novo blog, achei lindo!
Danielle
11 novembro 2013 at 20:36AAAAAAh< muito obrigada, porque eu estou tentando achar um tutorial desse a muito tempo.
Barbara
28 novembro 2013 at 14:58Oi. no meu nao deu certo.
Da mensagem de erro qndo eh pra colar:
=(
Karoline
28 novembro 2013 at 22:28Oi Barbara, que erro aparece?
Júlia
8 janeiro 2014 at 9:40Oi, 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 :(
Júlia pontes
24 janeiro 2014 at 21:08Estou tentando encontrar o label1, mas não há no html do meu theme :[[[[ e agrr?
Karoline
26 janeiro 2014 at 15:05Oi 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.
Marii Almeida
9 fevereiro 2014 at 21:20Não consegui me ajude por favor entre em conato
Marihjaponesa@hotmail ,preciso muito
Ane Souza
11 fevereiro 2014 at 19:44Oi 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.
Karoline
12 fevereiro 2014 at 13:57Oi Ane, você está retirando os ‘ ‘?
Samyra
12 fevereiro 2014 at 11:17O meu da erro quando substui la o
Samyra
15 fevereiro 2014 at 14:45O MEU DA ERRO
Karoline
24 março 2014 at 2:18Você está substituindo < ul > por < ul class=’categorias’ >, como mostrado no último passo?
Elisa
29 março 2014 at 17:11O 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”
Karoline
29 março 2014 at 21:05Elisa, à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
Fernanda
23 março 2014 at 21:03Estou com um problema quando vou em HTML não aparece ]]> o que eu faço?
Karoline
24 março 2014 at 2:15Fernanda, leia o trecho “ATENÇÃO” no passo 2. Bjs
Fer
23 março 2014 at 21:12O meu está dando erro na hora de salvar :'(
Karoline
24 março 2014 at 2:16Qual é o erro?
Scarlety
15 abril 2014 at 18:31Esse tuto é muito bom, valeu por postar, funcionou muito bem no meu blog >_< obrigada ♥
Karoline
16 abril 2014 at 14:26Obrigada pelo comentário! :)
Beijo
Gabriela
21 abril 2014 at 11:02Fiz tudo certinho,mas o código só está aparecendo em cima de tudo,já repeti várias vezes,mas não funciona :/
Emily
25 abril 2014 at 19:18Oi eu não consigo encontrar os marcadores no HTML do meu blog! O que eu faço?
Karoline
25 abril 2014 at 21:35Oi Emily, você adicionou o gadget de marcadores em LAYOUT?
Bjs
Ina Ribeiro
29 abril 2014 at 23:38Deu super certo, muito obrigada!
Vanessa da Rocha
7 maio 2014 at 0:01Olá, 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á.
Marina
6 maio 2014 at 21:25Infelismente não consegui colocar no meu blog, a lista fica igual está não altera nada ):
Vanessa da Rocha
7 maio 2014 at 3:01Olá, 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á.
Karoline Vendramini
13 maio 2014 at 19:44Você tem o "label1" no seu template?
Karoline Vendramini
13 maio 2014 at 19:44Você tem o "label1" no seu template?
Vanessa da Rocha
18 maio 2014 at 21:08Olá, 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á.
Ka Wozniak
19 maio 2014 at 0:08O 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.
Vanessa da Rocha
20 maio 2014 at 11:18Olá, 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á.
Karoline Vendramini
20 maio 2014 at 14:18Meninas, à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'
Ka Wozniak
20 maio 2014 at 16:19Eu troquei as apas sim Karol, mas não mudou :/ rsrs mas depois eu tento com mais calma de novo
Vanessa da Rocha
24 maio 2014 at 18:30Olá, 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á.
Vanessa da Rocha
24 maio 2014 at 18:33Olá, 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á.
Lucia Eleni Bernardo Lingo
24 maio 2014 at 21:28eu não tenho label1 e agora?
Karoline Vendramini
24 maio 2014 at 21:32Lucia Eleni Bernardo Lingo você tem que adicionar o widget de marcadores, na aba PAINEL ;)
Ana
3 julho 2014 at 21:28Seu blog é a coisa mais linda, do design ao conteúdo. Amei tudinho e esses tutoriais são ótimos! Um beijo. <3
Karoline
4 julho 2014 at 10:23Ana, obrigada!
Luisa Cardoso
3 julho 2014 at 22:00Sempre que tento fazer alguma mudança no HTML nunca consigo porque nunca acha o trechinho que estou procurando.. Faz ideia de porque isso acontece??
Karoline
4 julho 2014 at 10:18Oi Luisa, leia o trecho “Atenção” no passo 2 desse tutorial.
Bjs
Lola
8 julho 2014 at 3:42Oii, 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?
Lola
8 julho 2014 at 3:43Oii, 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.
Karoline
13 agosto 2014 at 3:48Oi Lola, você tem que adicionar o código “list-style: none;”.
Bjs
Kamila Ohara
8 julho 2014 at 4:09Fiz tudo certinho,já mudei os acentos por aspas e não aparece quando clico em vizualizar.
Me ajuda?
Thais Rios
8 julho 2014 at 22:08Olá, no meu não tem Label1, o que posso fazer?
Karoline
9 julho 2014 at 9:50Thais, no seu layout já tem o gadget de marcadores?
Luisa Cardoso
16 julho 2014 at 21:34Eu fiz tudo certinho, mas quando visualizo não muda nada. Porque isso acontece?
Karoline
23 julho 2014 at 23:25Luisa, você substituiu os acentos por aspas como mostrado no passo 3?
Luisa Cardoso
27 julho 2014 at 10:38Sim, substitui.
Elizandra Souza
19 julho 2014 at 20:38Muito obrigada deu super certo, é só segui direitinho parabéns pelo tutorial!
Elizandra Souza
19 julho 2014 at 23:38Muito obrigada deu super certo, é só segui direitinho parabéns pelo tutorial!
Thalyta Lorrany de Farias
5 agosto 2014 at 23:23Oi 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
Yassui Fortes
8 agosto 2014 at 18:10Karoline Vendramini no meu também não deu certo. Segui o passo-a-passo direitinho e estou usando o seu templante Little Things…
Vanessa da Rocha
8 agosto 2014 at 19:51Olá, 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á.
Follow your dreams
8 agosto 2014 at 21:34Yassui 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 :/
Follow your dreams
8 agosto 2014 at 21:34Obrigada! :*
Follow your dreams
8 agosto 2014 at 21:35Muito obrigada, sua fofa! <3 Obrigada pela sugestão, vou ensinar, sim! :) Bjs
Yassui Fortes
8 agosto 2014 at 22:51Follow your dreams Fiz do jeito que você ensinou e nada. Talvez seja um problema no blogger mesmo.
Vanessa da Rocha
13 agosto 2014 at 2:32Olá, 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á.
Vanessa da Rocha
13 agosto 2014 at 3:47Olá, 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á.
Senm Guiacomercial
13 agosto 2014 at 5:32como faço para personalizar varias categorias?
Follow your dreams
13 agosto 2014 at 6:47Não entendi sua pergunta, poderia explicar?
Daniel Cirilo
16 agosto 2014 at 20:35tenho um lady million femminino, vc quer?
Follow your dreams
17 agosto 2014 at 11:50Daniel Cirilo Não entendi.
Vanessa da Rocha
19 agosto 2014 at 10:20Olá, 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á.
Janine Fernandes Costa
21 agosto 2014 at 16:36O 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 :
Karoline
28 setembro 2014 at 7:12Janine, se você não tiver o widget de marcadores adicionados isso não vai funcionar, você não vai encontrar o “label1” mesmo..
Modinha Feminina
22 agosto 2014 at 21:06Tem como você fazer um rosa com marrom pra mim ? Por favor ?????!!!!!!!!!!!!
Karoline
28 setembro 2014 at 7:11Olá, você pode modificar as cores nos códigos.
Bjs
Vitória
22 setembro 2014 at 23:42Funcionou no meu ,lindooo ,amei,tudo que eu precisava e estava procurando haha
Jennifer
26 outubro 2014 at 2:16Oie flor, amei seu blog! E esse post está sensacional,pena que não apareceu, eu fiz tudo direitinho :( Beijos
http://jenniferfivestars.blogspot.com.br/
Karoline
29 outubro 2014 at 17:36Oi Jennifer, obrigada! Que pena que você não conseguiu :( Não aparece nenhum erro?
Gabriela Novais
28 outubro 2014 at 20:48Karol, como vc fez pra personalizar suas categorias do jeito novo? Eu achei super fofo com esses desenhos *O* Amo seu trabalho <3
Karoline
29 outubro 2014 at 17:34Oi 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!
Follow your dreams
29 outubro 2014 at 19:24Janine, 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á?! :*
Follow your dreams
29 outubro 2014 at 19:25Você pode modificar as cores nos comandos "color:#" e logo após a # trocar para o código da cor desejada. :)
Daniela
31 outubro 2014 at 13:01Ola!
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?
Pedro Oro
24 novembro 2014 at 14:23Não funcionou…
Melyssa Beatriz
2 janeiro 2015 at 15:51Amei esse post , fiz e conseguir . Obrigada pela a ajuda ! Amei esse blog , muito fofo. Beijos
Sam
2 fevereiro 2015 at 16:56Olá,
no meu blog não aparece a opção “search” como faço para buscar?
Karoline
6 fevereiro 2015 at 16:32Sam, aperta Ctrl + F!
Bjs
Alynne Wanderley
5 fevereiro 2015 at 15:52Nã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!
Nalanda Pita
19 fevereiro 2015 at 21:06A muito tempo procuro um tutorial desses, com marcadores diferentes!
Muito obrigada!
Karoline
20 fevereiro 2015 at 8:12Oi Nalanda, obrigada por comentar! Que bom que ajudei :)
Um beijo
Fernanda Gonçalves
5 março 2015 at 23:22Oi 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á! :)
Karoline Vendramini
7 março 2015 at 20:05Fernanda Gonçalves já postei esse tutorial aqui: http://followyourdreams.com.br/download-categorias-em-bolinhas/
Karoline Vendramini
7 março 2015 at 20:06Eu quem fiz, sim, obrigada!! :)
Fernanda Gonçalves
11 março 2015 at 18:17Obrigada! Consegui colocar eles na sidebar :)
É possível também colocar nas postagens? Como faço?
Ana Paula Barbosa
25 março 2015 at 13:51Amei 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.
Daniela
18 abril 2015 at 14:47Oi!!
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 :)
Alice Matos
11 junho 2015 at 22:13Olá, no meu HTML não achei o Label11 dai não deu :( uma pena.
Karoline
13 junho 2015 at 6:34Oi 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
Bianca
11 junho 2015 at 23:24Karol, tem algum tutorial pra esse tipo de categoria para o wordpress? To atrás disso há um tempão… bjos!
Karoline
13 junho 2015 at 6:32Oi 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:
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
Karina Marques
10 julho 2015 at 20:16Amei! 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
Fernanda
13 julho 2015 at 17:29Oii queria saber se voce tem algum tutorial ensinando a colocar essas imagens, esses icones, como marcadores! somo é no seu blog! Fica muito lindo!
:)
Bin
28 julho 2015 at 16:48Amei, deu certinho no meu blog.
Michelle
7 dezembro 2015 at 20:41Oi 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 :( )
gabi
12 dezembro 2015 at 10:13eu queria saber fazer um igua o seu
Sério Fran
15 dezembro 2015 at 19:08A melhor, simplesmente isso. Você é a melhor!
Mei-Shin
31 dezembro 2015 at 18:40Amei 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.
emilie
23 março 2016 at 16:12Amei o tutorial , e consegui.
Jaynara
25 março 2016 at 19:30Tentei umas três vezes e não consegui. Não sei o que aconteceu. Aparece um treco de erro não sei o quê.
Rafaelle Venttura
22 abril 2016 at 17:04Oi Karol ,fiz tudo certinho, só que continua a mesma coisa :( Poderias me ajudar?
Rayanne Buchweitz
4 julho 2016 at 16:50Adorei o tutorial, fica lindo!!! Obrigada
Beijãoo
Anjinha
14 agosto 2017 at 17:22Gostei 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