Fazer Menu com Imagens ao lado dos Links - Dicas para Blogs
Anônimo 06 janeiro, 2011 14:46
Olá Fabiano, olha eu aqui de nobo, rsrsrs.
Queria saber como implementar esse marcadores em outras parates como sidebar, como faço isso!
Fabiano Roberto 06 janeiro, 2011 14:51
Antônio Nazareth
não sei se entendi direito sua duvida, mas para adicionar os marcadores é só entrar na pagina designer > adicionar gadget > marcadores.
se estiver falando isso porque usamos duas listas(uma de marcadores e outra com postagens) com a mesma aparência é apenas formatação igual, somente a lista da esquerda são marcadores
Magali 06 janeiro, 2011 18:26
Olá, gostaria de saber como colocar uma imagem no título dos gadget's.
Thainá Mocelin do Nascimento 09 janeiro, 2011 00:43
Será que tem como personalizar os marcadores ou a lista é sempre aquele mesma, com os "pontinhos" na frente dos títulos ? Eu gostaria de colocar setinhas na frente, que apontam para o título (parecidas com as deste Blog).
Fabiano Roberto 09 janeiro, 2011 03:49
para fazer igual está neste blog é só colocar uma imagem no lugar indicado no código, esse código que postamos aqui é o mesmo que usamos para fazer os nossos marcadores com as setas
jonathan 09 janeiro, 2011 18:32
eu querro coloca uma imagens do lado do gadgets e dos marcadores tipo gadgets de musica ai com imagem do lado.pesso para fazer um video
Fabiano Roberto 09 janeiro, 2011 18:41
ok, vou preparar um video sobre esse tutorial, mas pode ver aqui sobre Personalizar os marcadores do blog
jonathan 10 janeiro, 2011 14:59
Anônimo 10 janeiro, 2011 22:21
tentei no meu blog mas não deu, aqui está o codigo:
background-image: url(http://img687.imageshack.us/i/iconeg.png/);
.lista a:hover{background-image: url(http://img687.imageshack.us/i/iconeg.png/);background-repeat: no-repeat;background-position: left 6px}
coloquei mas não aparece.
blog:clubpenguincastelo.blogspot.com
Fabiano Roberto 11 janeiro, 2011 14:59
o link da imagem que usou está errado, tem que ser o link direto para a imagem e não para a pagina onde ela aparece...
troque o endereço por esse aqui http://img687.imageshack.us/img687/5425/iconeg.png
Unknown 11 janeiro, 2011 17:27
grande tuturial parabêns pelo site.
Beatriz Larah 17 janeiro, 2011 14:26
olá fabiano! poderia me ensinar a colocar uma pagina para cada post no meu blog?
Fabiano Roberto 17 janeiro, 2011 15:22
Beatriz Larah
para colocar um pagina para cada postagem entre em configurações >> arquivamento >> Ativar páginas de postagem? >> escolha a opção sim
Deby Almeida 20 janeiro, 2011 00:39
eu queria substituir as letras dos menus e colocar imagens personalizadas em vez das palavras,tem tutorial?
Fabiano Roberto 20 janeiro, 2011 14:49
para usar imagens em vez do texto dos links use esse código com o endereço de uma imagem
Tiago Neri 27 janeiro, 2011 21:13
fabiano,mas uma vez eu aqui cara é o seguinte montei o blog aprendi quase tudo mas só falta uma coisa para da tudo certo....
os animes que eu posto nao funfam estao em mp4.
qual formato que posso postar ja que os mp4 nao funfam?
Fabiano Roberto 28 janeiro, 2011 12:09
esta´tentando postar videos? se for use o formato WMV, AVI
Anônimo 07 fevereiro, 2011 23:32
Não consegui, entendi pouca coisa... :( Se conseguisse me ajudar eu gostaria bastante!
Fabiano Roberto 08 fevereiro, 2011 14:17
esse tutorial se divide em duas partes o primeiro código que mostramos são os links e o segundo código é a formatação(aparencia) desses links
Anônimo 15 fevereiro, 2011 18:34
ô Fabianoooo faz um video aí sobre como personalizar akele link lá em cima de um do lado do outro...eu naum sei colokar os links como vc, pois qd cliko na imagem ela vai direto p a pagina da rede social e o que é melhor sem precisar fazer login...eu naum sei fazer isoooo..as explicações naum me foram necessarias p essa cyberanalfabeta aki....kkkkkkkkkk
Fabiano Roberto 16 fevereiro, 2011 14:20
no final de semana vou preparar o video
Leandro 19 fevereiro, 2011 14:38
Eu fiz um blog hoje mesmo, queria fazer um cabeçalho com os nomes dos meus arquivos, pois fiz um blog destinados a downloads.
O cabeçalho que eu quero é do tipo "caminho~es/carretas; aí a pessoa clica e abre todos os possiveis downloads mas cada um dentro de seu tema ou caracteristica!
♥ Miss Lipstick ♥ 26 fevereiro, 2011 16:59
Toda vez que eu coloco o codigo no Adicionar seu próprio gadget
Digite o URL de um gadget que você deseja adicionar ao seu blog.
Sai essa msg
nossa o meu blog está quase pronto só falta eu fazer esse menu usando os gadget que eu quero para abrir varios links de um mesmo tema em apenas uma janela, como se fosse um menu ou sub menu, especifico para cada tema escolhido por mim
Fabiano Roberto 26 fevereiro, 2011 19:02
para criar o proprio gadget você precisa entender de programação... é bem complicado
matheus 02 março, 2011 20:27
Bom Fabiano,
gostaria de aprende como fazer 1 menu topo usando 1 imagem,
tipow tenho 1 imagen pronta com os nomes tudo certinho embutido na imagen.
mais com eu fazo para cada para dessas imagem vira 1 link?
Ajuda ai please.
Fabiano Roberto 03 março, 2011 15:12
sobre fazer menus usando imagens veja aqui:
Ana Alessandra 19 março, 2011 09:38
Primeiro quero dizer que amo esse seu blog,pois aos pouquinhos to aprendendo muiiiitooooo, e quero eu conseguir personalizar o meu blog, pois infelismente é muito caro pra mandar fazer um!!! Estás de parabéns msm!!
Mas me tira uma dúvida,sab sou artesã e passeando pela net vi um blog que amei...minha dúvida é sobre o menu que está nesse blog ele "é ligado com X", como faço??? se quiser dar uma olhada para entender o que estou falando vi nesse blog:www.ateliecrisboeque.blogspot.com
DESDE JÁ TE AGRADEÇO MUITOOOOOOOOOOOO!!! QUE DEUS CONTINUE TE ABENÇOANDO!!!!!!!!!
MEU E-MAIL É anaartes2000@yahoo.com.br
Fabiano Roberto 19 março, 2011 18:00
o menu é feito com mapeamento de imagens.... vou pesquisar um programa para gerar os códigos pois é complicado demais para fazer manualmente
Richelle Castro 16 abril, 2011 01:43
Não funcionou, não aparece nada! Eu coloquei o código bem embaixo de 'body {' e etc porque quando eu coloco acima o meu template desaparece.
Fabiano Roberto 16 abril, 2011 02:20
mas é para colocar depois que fechar as chaves do body...
veja se o endereço da imagem está correto a maior parte das vezes é esse o problema
Felipe Ruiz 16 abril, 2011 12:52
Como que faço para centralizar a imagem? Ficando com o texto do link abaixo da imagem centralizada?
Fabiano Roberto 16 abril, 2011 14:03
veja aqui sobre Posicionar imagem de fundo então aumente o valor padding-top:10px; para que o texto do link fique abaixo das imagens
Anônimo 24 maio, 2011 15:07
ola fabiano queria perguntar se tem algum codigo de html ou codigo de java/scrip.Que todos os titulos de gadget tenham imagens animadas ou se nao normais exemplo: (imagem ao lado)(titulo do gadget)
tem algum codigo para isso? se tiver por favor me diga, ha! tambem se der para trocar a imagem exemplo:(imagem)(titulo)
(imagem diferente da 1°)(titulo) me responda por favor
Fabiano Roberto 24 maio, 2011 15:27
você poderia usar uma Imagem no título da postagem
na verdade isso é uma imagem de fundo que pode ser um gif animado
Heitor 22 junho, 2011 11:57
Cara faz um video aula como botar essas setas no lado do link... pq mecher no Codigo Html.. e fodz.. sempre da erro =\... Vlws ae. =)
Fabiano Roberto 22 junho, 2011 15:07
vou preparar esse tutorial em video e nos proximos dias faço uma publicação sobre o assunto
Heitor 22 junho, 2011 15:45
Ta ok. Vou esperar esse video =)!
Paloma Ferreira 24 junho, 2011 14:56
Tentei e não consegui, nunca aprece a imagem, o que faço?
Heitor 13 julho, 2011 00:35
Pow cara vlws ae, deu tudo certinho aki :)!!
Você sabe me dizer se você tem algum tutorial para fazer Templates?
Fabiano Roberto 13 julho, 2011 15:15
fazer templates é complicado pois o blogger usa tags proprias... é melhor usar um modelo padrão e fazer alterações nele... certamente o trabalho será menor e o resultado o mesmo
Unknown 28 julho, 2011 15:06
Eu queria saber como coloca imagens com links do lado do blogger! Assim:
Colocar a imagem na coluna de postagens
Phq 08 agosto, 2011 08:12
aff, tem tanto body no html ....
Fabiano Roberto 08 agosto, 2011 13:01
sobre achar o body no html, veja a imagem da postagem: http://4.bp.blogspot.com/_-v7nVhXnPEc/TSXR6HfQc4I/AAAAAAAAB5Q/LBEJhW66fYU/s1600/html-blogger.jpg
City ville 13 novembro, 2011 15:21
Oi eu gostaria de saber como fazer para personalizar marcadores e titulos dos post como desse site aqui : perola-do-transformice.com
Fabiano Roberto 13 novembro, 2011 20:46
alterar o titulo de um gadget só é mais complicado.
no caso dos marcadores tente usar o estilo
#Label1 H2 {.....}
se não der certo tente h3, mas claro no lugar dos pontinhos tem a formatação, imagem de fundo...
Administrador 08 dezembro, 2011 17:30
Olá fabiano eu não acho esse nome body{...
eu não entendi preocurei o html e não achei nada a o tipo , e quando acrescentei o codigo no inicio nao deu em nada
Fabiano Roberto 08 dezembro, 2011 17:51
está no começo do html, mas no lugar dos pontinhos tem códigos de formatação, por exemplo:
body {background-color: #66ccff;margin: 0;padding:...
Administrador 08 dezembro, 2011 18:32
não entendi velho , sera que podia detalhar mais ?
(se não for incomodo.)
Administrador 08 dezembro, 2011 18:38
e mesmo após este exemplo que voce colocou tentei colocar antes e depois , a imagem não apareçeu
Administrador 08 dezembro, 2011 19:01
Eae Fabiano roberto , blz?
Bom eu sei que isso é pedir de mais e tau mais enfim não sei fazer oque eu queria pedir é um formulario de comentário sem ser da discus.
No entanto eu queria deleta um que ja tenho que é do inseterbase ,(euacho) porém eu queria acrescentar moderatores no meu blog entao eu queria dividir entre moderatores , autores(admin) e os usuarios que visitam
Moderatores (Cor verde)
e o usuarios cor azul
no comentario o usuario teria que colocar o email o nome o assunto e a mensagem no maximo com 300 caracteristicas. blz espero vc responder , abraço feliz natal. adiantado.
Fabiano Roberto 09 dezembro, 2011 12:40
@GTGMODS tem que ver nas configurações do intense debate se é possivel fazer.
acho que nas configurações do blogger não tem essa opção porque os comentários são externos
Unknown 16 dezembro, 2011 15:49
e como ponho a imagem ao lado dos comentários ou embaixo dos comentários, tipo o seu la em cima o numero de comentário tá dentro da nuvenzinha...
Fabiano Roberto 16 dezembro, 2011 18:06
@Lore isso vai depender muito de onde exatamente quer a imagem, mas é feito pela pagina editar html e precisa marcar a opção expandir modelos de widgets
então achar o código dos comentarios, veja neste link Mostrar Marcadores, Comentários embaixo do Título da Postagem, lá poderá ter uma noção de como são os códigos dos comentarios
Lucas 23 dezembro, 2011 11:15
aqui tem como fazer menu em flash?
Fabiano Roberto 23 dezembro, 2011 12:53
@Lucas sites como o flashvortex.com fazem menus em flash, mas o problema é achar uma hospedagem gratis para o arquivo (swf)
não tem como usar flash diretamente no blogger
Dance Central Brasil 26 dezembro, 2011 19:53
Eu gostaria de saber, se existe a possibilidade de colocar esse ' icone ' na frente do Gadget das Postagens Populares!
Natália Santos 21 abril, 2012 11:41
Fabiano... Imagem ao lado dos links dos marcadores já fiz, mas como coloco uma imagem de fundo nos marcadores?
Fabiano Roberto 21 abril, 2012 23:26
é do mesmo jeito que mostramos neste tutorial só que em vez de usar o estilo .lista use #Label1
e não coloque esse trecho
isso é posicionamento da imagem de fundo
Natália Santos 22 abril, 2012 01:45
Mas, o que fiz foi exatamente
no estilo #Label1 !
Fabiano Roberto 22 abril, 2012 14:10
veja se fez como neste tutorial
Natália Santos 22 abril, 2012 20:08
É isso mesmo filhão!
Eu sabia que podia contar contigo mais uma vez...
Brigadim meu querido!
Natália Santos 23 abril, 2012 07:04
Tem como fazer com os links dos marcadores?
Fabiano Roberto 23 abril, 2012 14:43
qual link dos marcadores? o menu ou aqueles que parecem no final da postagem?
se for na postagem é com o estilo
.post-labels a{...}
senão veja o link do outro comentario que fiz
Vinicius Zambello 18 dezembro, 2012 01:08
olá Fabiano... eu consegui colocar imagem no meu menu marcadores, mas elas ficam distantes do menu... por favor me ajuda... meu blog: http://facespes2012xbox360.blogspot.com.br/