Para modificar a aparência (cor da letra, itálico, cor de fundo ou colocar uma barra de rolagem) somente dos marcadores do blog precisamos criar um novo estilo CSS e aplicar aos marcadores somente. Isso é feito em duas partes, primeiro entre na pagina editar HTML e clique para Expandir modelos de widgets, então procure os marcadores do seu blog.
No caso deste blog (imagem acima) o nome dos nossos marcadores é guia rápido, então encontre os marcadores do seu blog na pagina editar HTML, é claro será com o nome (titulo) que você usa nos marcadores. Quando achar umas linhas abaixo tem <ul>, modifique para ficar igual dessa imagem <ul class='guiarapido'>, a palavra guiarapido será o novo estilo CSS que vamos criar então pode ser qualquer palavra, mas cuidado para não apagar os sinais ao lado ‘ porque sem eles não vai funcionar.
Depois que fizer isso vá até o começo do html, onde estão os estilos do seu blog (body, main, sidebar...) e coloque isso aqui:
.guiarapido { font-style: italic;
height: 200px;
overflow: auto;
}
A parte fonte-style: italic; é o efeito itálico, as outras linhas são a barra de rolagem, o valor 200 é a altura, isso você pode modificar como quiser. Se quiser colocar estilos diferentes para quando o mouse está sobre os links, faça desse jeito:
.guiarapido {height: 200px;
overflow: auto;
}
.guiarapido a{font-weight: bold;
}
.guiarapido a:hover{ font-style: italic;
}
Se não quiser a barra de rolagem nos marcadores é só não colocar a primeira parte do código. Nas duas partes seguintes coloque os estilos que desejar: tipo de letra, tamanho... (lembrando que a parte que tem o “a” são os links e “a:hover” é quando colocamos o mouse sobre o link, assim podemos editar somente os marcadores do blog sem alterar o restante dos links ou textos. Vamos lembrar mais uma vez que fizemos tudo isso usando o estilo com o nome de guiarapido apenas como exemplo, você pode usar qualquer palavra, mas tem que ser exatamente igual em todas as partes do código.
Fabiano,
ResponderExcluirSegui suas indicações e coloquei barra de rolagem nos marcadores do meu blog. Não entendo nada de html, mas ficou ótimo! Sempre venho aqui atrás de suas dicas. Vc tem me ajudado muito. Obrigadíssima!
Sonia
e ai manin
ResponderExcluirna paz?
espero que sim!
ai!
da uma olhada no meu blog:
www.tennos.blogdpot.com
tem uma fita k7 que toca umas musicas quando o blog é acessado
quero saber se tem como colocar uma foto de cada lado com os links dos perfis, o meu e o da outra moderadora do blog.
se tiver, me diz como, ou eu te mando os links e as fotos e voce me manda só onde colocar os dados.
blz manin?
valeu.teu blog é muito bom cara.
gostei da sua iniciativa de ajudar as outras pessoas.
fui!
para a imagem ficar do lado coloque assim:
ResponderExcluir<img src="file:///D|/Meus documentos/acessorios/Web/sobre.jpg" border="0" style="float:right" />
o float:right faz ela ficar do lado direito, se trocar por left é esquerda
O que é barra de rolagem?
ResponderExcluirbarra de rolagem é essa barra que aparece ao lado da pagina para você ver o restante dela
ResponderExcluirOlá,
ResponderExcluirEstou Gostando Muito do seu Site Ajudando Nós Iniciantes e queria seber se voc^r poderia fazer Um Favor?
Bem Se Puder Me Ensine a Fazer Isso Com os Marcadores:↓
http://img412.imageshack.us/img412/6937/precisodessesmarcadores.jpg
Olá estou seguindo seu Blog e Gostaria que você me ensina-se ah Fazert Isso Com Os Marcadores!
ResponderExcluirhttp://img412.imageshack.us/img412/6937/precisodessesmarcadores.jpg
Olá Estou seguindo seu blog a tempo e Gostaria que se você pudesse fazer um favor pra min serei muito grato Me Ensine a fazer isso Com Os marcadores
ResponderExcluirhttp://img412.imageshack.us/img412/6937/precisodessesmarcadores.jpg
Rock Lee
ResponderExcluirveja como fazer botões e personalizar gadgets nos links abaixo
http://www.dicasparablogs.com.br/2009/04/como-fazer-e-colocar-botoes-no-blog.html
http://www.dicasparablogs.com.br/2009/07/barra-de-rolagem-em-qualquer-parte-do.html
Brigado Fabiano ajudou mesmo!!
ResponderExcluirOlá Fabiano,como se dá o nome onde está assim no seu site:
ResponderExcluirTermos de Uso,Parceria,Anuncie,Encomendas etcc...?
Qual código usado?
Grata querido...Bjos.
L Loroza, aqui tem um código para fazer um menu horizontal
ResponderExcluirhttp://www.dicasparablogs.com.br/2009/05/links-lado-lado-menu-horizontal.html
e veja também como fazer botões
http://www.dicasparablogs.com.br/2009/04/como-fazer-e-colocar-botoes-no-blog.html
oi Adorei essa dica mas não estou conseguindo aplica-la no meu blog, não sei o que há de errado fiz tudo seguido suas orientações mas a barra não aparece. se vc me ajudar eu agradeceria. abraços.
ResponderExcluiroi. Consegui colocar a barra de rolagem nos marcadores, no entanto, eu quero colocar mais de uma barra de rolagem, em mais dois marcadores, ou seja, mais duas barras de rolagem em meu sidebar. Fiz da mesma forma com os outros marcadores mas não apareceu nada. Se puder ajudar agradeço.
ResponderExcluirvejam essa postagem sobre barra de rolagem em outras partes do blog
ResponderExcluirhttp://www.dicasparablogs.com.br/2009/07/barra-de-rolagem-em-qualquer-parte-do.html
Ola, não estou conseguindo fazer na parte de colocar no começo do html poderia me ajudar?
ResponderExcluirNeto
ResponderExcluirpode colocar aquele código antes de body{....
Notei que na parte inferior do lado direito vcs colocaram um menu
ResponderExcluirsuspenso no (widget Arquivo do Blog).
Eu tambem utilizo desta forma, mas queria saber se é possível fazer o seguinte.
Duvida 1:
Neste menu suspenso, seria possível colocar inicialmente somente o ano? Pois com o passar do tempo a lista ficará grande com todos os meses de cada ano. Entao eu queria ver se tem jeito de aparecer (2008,2009,etc...), e dentro dele os meses.
Com isso na abertura do site, o (widget Arquivo do Blog), ficaria
somente os anos, e na medida que o usuário necessitasse ele navegaria
pelos meses,ocupando muito menos espaco.
Duvida 2
Antes, eu usava o (widget blog de arquivo), com a opção (hierarquia),
que ocupa muito espaço no blog na página inicial.
Acredito que para resolver isto, bastaria apenas que o conteudo do
widget arquivo do blog, (ex: 2008,2009,etc), aparecessem fechados.
Por padrão aparece o ano e um mês aberto com o título das
postagens o que ocupa espaço no site.
Então, seria possível abrir o site e ver os itens do widget blog de
arquivo, fechados? Tipo, com a seta de cada ano apontado para a
direita e não para baixo? ou somente mostrando os anos? (2008,2009)?
Se vc pudesse me ajudar, ficaria muito agradecido, pois só encontro tutorial falando sobre menu suspenso e não como (alterar a visualização padrão do widget arquivo do blog na opção hierarquia.
Obrigado.
Stanley Sousa
Blog: www.ipvcgyn.blogspot.com
ipvcgyn.com
ResponderExcluiras opções do arquivo do blog são somente aquelas que tem no gadget, ou seja entre na pagina layout e clique para editar o arquivo
veja também em configurações, arquivamento
Oi, preciso da tua ajuda para postar algumas fotos no meu blog. Gostaria que fosse assim, tipo uma barra de rolagem e assim q se clicasse em cima da foto, ela aumentaria de tamanho como em sites. Tem como fazer isso no blog? Como? Desde já agradeço.
ResponderExcluirDorisa Luz
ResponderExcluirveja se uma dessas opções resolver o seu problema
http://www.dicasparablogs.com.br/2009/09/fazer-uma-apresentacao-de-slides-no.html
http://www.dicasparablogs.com.br/2009/06/fazer-um-galeria-de-imagens-no-blog.html
fazer exatamente o que você está dizendo precisaria criar uma pagina para cada foto e no blog não é possível.
Não entendi direito o negocio de head,main e sidebar explica em video obg
ResponderExcluirmexer com códigos é mesmo um pouco complicado no começo
ResponderExcluirfabiano, já peguei inúmeraas dicas suas e hoje consegui colcoar a barra de rolagem. Estou aqui só para agradecer a sua iniciativa, é de imensa valia.Se puder visitar o meu Blog eu agradeço, sõa só 3 meses de trabalho.
ResponderExcluirhttp://batalhaodasaudadepaulistanos.blogspot.com
Muito Obrigado
C.Gomês
Obrigado Mesmo pela dica...
ResponderExcluirAjudou muito
na minha opinião:
ESSE É O MELHOR SITE PARA AJUDAR OS BLOGGEIROS
valeu mesmo
(APROVADO)
muiito boa a dica!! funcionou direitinho comigo! Obrigada ;)
ResponderExcluirhttp://casaa2.blogspot.com
Gostaria de colocar essa rolagem mas n estou conseguindo :(
ResponderExcluirtem que criar o código com o mesmo nome da id do gadget, inclusive as letras maiusculas.... veja outro tutorial sobre esse assunto: Personalizar gadgets do Blog
ResponderExcluirCaro amigo muito obrigado pelo post.
ResponderExcluirainda bem que tem pessoas como você que sempre esta nos ajudando com esses posts legais
Fabiano, meu bog está com problemas, quando eu ou qualquer outra pessoa acessam o blog, ele fica totalmente travado, e a barra de rolagem não funciona .. e quando funciona fica muito lenta, eu acho que é porque da ultima vez que mexi nele, eu fui tentar colocar efeito de estrelas sobre o mouse, na 1ªvez eu cosegui, e depois que fui modificar novamente, ele nao funcionou e agora está assim,pode me ajudar? endereço do blog; www.poline-s2.blogspot.com
ResponderExcluiro blog ficar lento pode muitos códigos diferentes juntos... quanto mais efeitos colocar no blog mais lento ele fica...
ResponderExcluiroutra coisa você usa gifs animados nas postagens, eles também demoram muito para carregar, como nestas imagens:
+ de 300k - http://28.media.tumblr.com/tumblr_llcsgklUEK1qa29mbo1_500.gif
440k - http://24.media.tumblr.com/tumblr_limc0fZNIT1qhmjx2o1_500.gif
:( não consigo entender isso de jeito nenhum :(
ResponderExcluirtitle='Marcadores' type='Label'>
Oh Ceussss :(
Janinha Meu Bem
ResponderExcluiresse código é como achará o gadget dos marcadores no html do seu blog, veja esse outro tutorial: Personalizar gadgets do Blog, o assunto é bem parecido com esse e também serve para colocar barra de rolagem ou personalizar os marcadores.
opa !!! meu blog é o http://midiasgospel.blogspot.com no meu caso nao consegui colocar a barra de rolagem, da uma olhada la no meu blog eu tive que dividi os marcadores em 2 partes pois nao da em uma só ! como coloco a barra de rolagem pois nao consegui por esses códigos!!!
ResponderExcluirMídias Gospel
ResponderExcluircrie um estilo CSS assim:
#Label1{height: 300px;overflow: auto;}
DESCULPA, MAS SOU INICIANTE, SE EU NÃO PEGAR TUDO MASTIGADINHO, NÃO VOU PRA LUGAR NENHUM.
ResponderExcluir"Depois que fizer isso vá até o começo do html, onde estão os estilos do seu blog (body, main, sidebar...) e coloque isso aqui:
.guiarapido { font-style: italic;
height: 200px;
overflow: auto;
}"
"COLOQUE ISSO AQUI" MAS AONDE? EM QUAL POSIÇÃO, ANTES E DEPOIS DE ONDE? UMA DE CADA VEZ? Agradeço amigo.
pode ser em qualquer parte dos estilos css, veja aqui: Onde colocar os códigos no blog
ResponderExcluirFabiano estou levando,sem quere apaguei de um blog.
ResponderExcluirLindo domingo para vc
oi eae me tira uma duvida ae,
ResponderExcluireu coloquei tudo certinho no meu blog so que ele fikou com um espaço muito grande de um marcador para o outro como eu diminuo esse espaço ? vlw
@Eduzinho6279 esse tutorial não altera o espaço entre os marcadores...
ResponderExcluirmas veja se tem algum código com padding ou margim com valor alto.
se não der certo aqui tem outro código que dá para fazer a barra de rolagem em qualquer gadget
Personalizar gadgets do Blog
É COM MUITA SATISFAÇÃO QUE MINHA PESSOA TODO DIA ENTRA EM SEU BLOG PARA COMPARTILHAR SEUS CONTEÚDOS AGRADEÇO MUITO POR TER VC PARA NOS AJUDAR PARABÉNS FICA COM DEUS
ResponderExcluirhttp://portal-do-rap.blogspot.com
Na moral, eu ja quebrei a cabeça tentando colocar a maldita barra de rolagem no meu marcador, nao tem como, por que no meu blog nao aparece como tga na sua imagem, como eu faço?? rss ajudinha
ResponderExcluirse for somente para o gadget dos marcadores pode usar esse código:
ResponderExcluir#Label1 {height: 200px;overflow: auto;}
Não deu certo Fabiano :(
ResponderExcluiraparece essa mensagem pra mim
ResponderExcluirThe new widget id "#Label1 {height: 200px;overflow: auto;} " is invalid for type: Label
mas esse código é para colocar em outro trecho do html não é junto com o label1 que mostramos na imagem.
ResponderExcluirpode colocar o código que falamos no começo do html onde está body {.....}
URGH FABIANO, SEI QUE VC TA ME AJUDANDO, MAS A CABEÇA AQUI NÃO TA COLABORANDO RSSS EU REALMENTE PRECISO DESSA BARRA DE ROLAGEM NOS MARCADORES, VC PODE ME ADD NO FACE PRA GENTE TENTAR FAZER ISSO?? OBRIGADA^^
ResponderExcluirMEU FACE É DANUBIA FERREIRA BJUS
no seu html depois de
ResponderExcluirh5{font-size:16px;margin-bottom:.4em}
h6{font-size:14px;margin-bottom:.4em}
coloque
#Label1{height: 200px;overflow: auto}
eu nao consegui!
ResponderExcluirtente criar o estilo
ResponderExcluir#Label1{font-style: italic;
height: 200px;
overflow: auto;}
Onde fica sidebar, main, body, fale um codigo especifico que eu possa pesquisar e colocar porfavor
ResponderExcluirpode ser em qualquer um deles, por exemplo
Excluirbody {.....
esses códigos parecem em varias partes mas são apenas uma referencia para localizar o css