Tutoriais Blogger Vanessa S.
Marcadores como Menu Suspenso
Dando segmento aos tutoriais sobre Marcadores, agora vou explicar como colocar seus Marcadores como Menu Suspenso.
Com este código, seus marcadores se apresentarão da mesma forma que o widget de Arquivos na opção “Menu Suspenso”.
Este código foi criado pelo Hackosphere.
[dica]Não esqueça que, é sempre bom fazer um backup do seu Template para evitar transtornos, se algo sair errado.[/dica]
Para ativar este recurso,entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pelo código do Widget de Marcadores:
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
E SUBSTITUA todo ele por:
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;' style='width:255px;'>
<option>Selecione o Marcador</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Visualize, e se estiver tudo certo, salve!
Caso você precise ajustar a largura do widget, você precisará editar o valor em width que está destacado em vermelho.
Vá testando até ver se deu certo.
O trecho destacado em azul é o texto que aparecerá no menu, se quiser você pode substitui-lo pelo texto que preferir.
Se quiser incluir estilos CSS , vá no menu “modelo”, entre na edição HTML do seu template, não precisa clicar em “expandir modelos de widgets” e procure pela tag ]]></b:skin>
e cole o seguinte código logo ACIMA dela:
#Label1{
font-size:XXpx;
color #XXXXXX;
}
Se quiser aplicar mais estilos a seu gosto é só incluir os códigos dos estilos que você quer neste trecho.
(veja “Marcadores 1”)
[alerta] Lembrando que, alguns recursos podem variar de template para template. A eficácia da dica aqui apresentada não foi testada nos novos Designer de Modelo.[/alerta]
E tem como colocar barra de rolagem ?
Como eu retiro a numeração dos marcadores?
Olá,
Eu tenho uma lista enorme de marcadores porque o meu blog é sobre livros, para facilitar e minimiza-la visualmente, eu criei 3 widgets de marcadores com títulos diferentes: Autores, Temas e Séries…Em cada um fui selecionando as etiquetas que queria e de seguida “transformei-os” no menu suspenso. Segui todos os passos e deu tudo direitinho para os 3. Algum tempo atrás surgiram problemas: todos os 3 widgets mostram todas as etiquetas ou nenhuma ( quando seleciono aquelas etiquetas que quero e vou guardar o widget, este passa para – nenhuma etiqueta e desaparece da página, então só me resta a opção todas as etiquetas), já fiz de tudo e o problema permanece…Fui verificar no meu blog de rascunhos e tentei mesmo solucionar o problema com layouts diferentes mas não consegui 🙁 Alguém está com o mesmo problema ou sabe como resolve-lo ? Agradeço desde já.
Oi Karina, eu recomendo que vc reporte esse problema diretamente no Fórum de ajuda do Blogger.
Olá eu não estou conseguindo colocar o menu suspenso, eu usei um dos seus modelos de templante mas não dá para colocar nele pode me falar por que
Laura, eu testei esse código apenas no modelo de template mínima. Alguns recursos variam de template para template.
Para tirar o número das postagens basta apagar () acho que li por aqui em algum tutorial… Me perdoa Clau, se responder foi abuso. Bjs
Oie Clau, excelente e funcionou certinho, Muito boa esta dica. Obrigada por continuar mostrando que blogar é fácil. Bjs 🙂
eu substitui e e não aconteceu nada..pq?
Foi o Único Que Explicou de um Jeito que Desse Certo Com Um Template Que não seja Feito no Blogger.
Obrigado pela dica Clau, me ajudou muito. Mas aqui, como que faz para tirar o número de postagens do lado do marcador? Abraços!
valeu, o meu problema so era o tamanho mas já ajustei muito bom o tutorial… XD
ai Clau amo vc, vi agora que acrescentou no codigo onde podemos alterar largura e agora deu certo pra mim, já estou usando. Obrigada!
Brigado Clau. Desculpa tá te enchendo de perguntas nos seus posts, é que eu sou meio desatento. Tô meio louco esses dias também. Valew pela dica =D
Kevvin
O nome vc muda no trecho destacado em azul no código. Sobre as bordas, não sei te informar. Teste para verificar se é possível ou não.
Ah! E é possível arredondar as bordas do menu?
Como mudo o nome do menu? Lá tá escrito "Escolha um Marcador".
oi clau eu não desisto fui testar de novo, pra redimensionar o tamanho da lista suspensa realmente não dá o codigo q vc colocou só redimesiona o quadradinho com o nome marcadores, mas não muda a largura da lista. 🙁
Alexandrina Oliveira
Nossa, então infelizmente não tenho como te ajudar..não faço ideia do que possa ter acontecido.
Clau Valeu, coloquei o código e tudo mais, mas não dimensionou de jeito certo, axo que não funciona o meu template. tentei em dois templates diferentes, mas não rolou, coloquei diveros valores em widget para testar, mas não dimensionava de forma alguma nem aumentava nem diminuia. uma pena. 🙁
Alexandrina Oliveira
Se o seu blog for do Blogger, com certeza tem esta tag no seu template sim! Vc tem q procurar por ]]></b:skin>
Eu inclui esta explicação no tutorial para facilitar.
Veja se consegue localizar novamente.
clau eu não axei foi esse /skin por isso fiquei sem saber onde colocar aquele código
Alexandrina
Leia o comentário nº8.
a listview acaba ficando em tamanhos desiguais pq ela assume o tamanho do maior texto que tenha no marcador, então acaba passando do espaço da sidebar, como uso vários tipo marcadores, cada um ficou com um tamanho diferente. vc pode me ajudar dizendo como posso fixar a largura da listview
como configurar a largura? qual código e onde usar
Muito Bom seu blog… graças a ele eu to tentando melhorar o meu xD
Obrigado aí
Beijos
? Jão Bless ?
Experimenta estipular uma largura width pra ele.
Usa o código +/- assim:
#Label1{
width:???px;
}
Mas coloca o valor q vc quer em width.
Vc vai ter q ir testando ai até ver se deu certo.
E esse código vc deve colar acima de /skin
vc tem ótimas dicas aki heim
fiz essa aki e deu certo !!! \o/
Só q tem um porém… =/
ficou muito Grande o menu suspenso… =/
tem como eu diminuir o tamanho dele ???
pois está saindo fora a coluna lateral do meu Blog !!!
Grato desde já
contato limpesuamente@hotmail.com
Clau,quando eu acesso um dos marcadores do MB,ele se representa em Lista,como conseguir esta representação: (Considere uma suagestão).
@Luana Kw:
Vc precisa ter o gadget de marcadores habilitado no seu blog. Se já o tiver e mesmo assim, não encontra a tag de marcadores, infelizmente não tenho como te ajudar, pq tudo pode estar relacionado ao seu template.
Nem achei o trecho.. :/
Muito legal o post, vlw, é muito boa essa ferramenta. Escolhi colocá-la pois da maneira tradicional estava gastando muito espaço no meu blog, ou seja, era muito marcador, pois meu blog é de piadas, e vc sabe que são muito tipos de piadas, por isso colocar menu suspenso. Mas cá entre nós, com essa ferramenta eu não perco nada não? Tipo, fica meio escondido no blog, com menos clicks, tenho esse medo,s erá que atrapalha? Abraços e parabéns pela postagem.
Consegui bacana, só tem um problema queria diminuir o tamanho ta ficando fora do padrão do meu blog tem com.
Desde ja agradeço
:/ eu não consico coloca no meu blog :'( Claaau, p/ favor, me ajuda? bjbj