Às vezes queremos adicionar muitos blogs na lista de atualizações que mostramos(lista de blogs) e fica ocupando espaço demais em nossa pagina, uma boa solução para esse problema é colocar uma barra de rolagem em nossa lista de blogs. Para fazer isso é bem simples:
Entre na pagina editar HTML e clique para expandir os modelos de widgets, então procure pelo inicio de sua lista de blogs, um jeito fácil de achar é procurando pelo titulo que usa na sua lista em nosso caso usamos o nome Meus outros Blogs, mas no seu blog estará o titulo que usa na sua lista, vejo o código:
<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div style="height: 200px;overflow: auto; border:1px solid #000000">
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
Repare na linha em negrito, no seu blog não tem essa linha, pois foi justamente isso que modificamos para colocar a barra de rolagem, o valor 200 que está na mesma linha é o tamanho da barra, então pode mudar para o numero que achar melhor.
O trecho final border:1px solid #000000 é a borda, se não gostou assim é só apagar esse pedaço do código, mas cuidado para não apagar as aspas, nem outros sinais. Agora vamos fechar essa div(estilo) que usamos aqui. Um pouco mais para baixo no código, você encontrará isso:
<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div></div>
</b:includable>
</b:widget>
Cuidado para não se confundir e achar que já tem uma div fechada, essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma(essa que está em negrito, não estava no modelo original do blog). Feito isso é só clicar para visualizar e depois salvar se estiver tudo correto. Essa é uma boa maneira de poupar espaço e ainda dá um novo visual com a barra de rolagem na lista de blogs.
Veja também:
Como Modificar as bordas
Tabela com o código html das cores
Criando uma lista de seus blogs
Entre na pagina editar HTML e clique para expandir os modelos de widgets, então procure pelo inicio de sua lista de blogs, um jeito fácil de achar é procurando pelo titulo que usa na sua lista em nosso caso usamos o nome Meus outros Blogs, mas no seu blog estará o titulo que usa na sua lista, vejo o código:
<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>
<div style="height: 200px;overflow: auto; border:1px solid #000000">
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
Repare na linha em negrito, no seu blog não tem essa linha, pois foi justamente isso que modificamos para colocar a barra de rolagem, o valor 200 que está na mesma linha é o tamanho da barra, então pode mudar para o numero que achar melhor.
O trecho final border:1px solid #000000 é a borda, se não gostou assim é só apagar esse pedaço do código, mas cuidado para não apagar as aspas, nem outros sinais. Agora vamos fechar essa div(estilo) que usamos aqui. Um pouco mais para baixo no código, você encontrará isso:
<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div></div>
</b:includable>
</b:widget>
Cuidado para não se confundir e achar que já tem uma div fechada, essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma(essa que está em negrito, não estava no modelo original do blog). Feito isso é só clicar para visualizar e depois salvar se estiver tudo correto. Essa é uma boa maneira de poupar espaço e ainda dá um novo visual com a barra de rolagem na lista de blogs.
Veja também:
Como Modificar as bordas
Tabela com o código html das cores
Criando uma lista de seus blogs
OOoPÁAAAA
ResponderExcluirVIREI SEGUIDORAA
LINKEEEI
!!!
BJIIM
AMEEI AS DICAAS
VOU ACRESCENTAAR VARIIA NU MEU BLOG
Dica muito util, assim que eu tiver com vários links de parceiros vou utilizar
ResponderExcluirvlw e parabéns pelo post
Coloquei e ficou perfeito...
ResponderExcluirValeu !!!
Dica ótima...
ResponderExcluirEu estava precisando e nem sabia que podia colocar isso lá..
Valeu mesmo!
draxrio.compra ser sincero eu também não tinha pensando no assunto, mas uma pessoa enviou essa pergunta por e-mail então fui tentar fazer e deu certo, por isso acho importante as pessoas escrever sobre suas duvidas, ajudam a gerar idéias novas.
ResponderExcluirNossa.. Adorei
ResponderExcluirOs Parceiros estavam ocupando muito espaço no meu blog.
entao coloquei essa barra de rolagem
no : Parceiros Banner e ficou bem melhor
quando tiver ocupando espaço os outros tipo: Parceiros Vip e Parceiros Top vou adicionar a barra de rolagem tbm. Muito legal essa dica adorei mesmo.
Seu Blog é 10. Flw
Fiz passo a passo, não aceitou.Tenho certeza que fiz certo.
ResponderExcluirNazare Varella
ResponderExcluirtente fazer novamente, as vezes faltou apenas um sinal: aspas, ponto e virgula, o blogspot está muito chato de mexer no html não deixa passar nada, ainda mais quando expandi o modelo.
É uma ótima dica!!
ResponderExcluirJá coloquei no meu blog...não que tenha muita coisa x)' mas é útil para não ocupar muito espaço na sidebar.
E parabéns pelo blog, Fabiano! Nota 1.000!!
vlw...fico mto bom essa barra de rolagem...uhuu
ResponderExcluirótima dica! (:
ResponderExcluirOlá!
ResponderExcluirMinha dúvida é a seguinte: Como colocar esta barra de rolagem somente na lista de links?
Agradeço a atenção.
Fabiano, boa tarde!
ResponderExcluirSempre uso as dicas do seu blog...Sem soma de dúvidas na minha opinião está entre os melhores que conheço.
Gostaria de saber se é possível inserir uma barra de rolagem nas notícias publicadas (histórico), de modo que apareçam somente os títulos de uma forma melhor... O fato é que ou aparecem todas, ou por mês, ou hierarquicamente. As postagens já publicadas não ficam com boa aparência. Penso que com uma barra de rolagem ficaria melhor.
Desde já agradeço a atenção, forte abraço!
vou preparar uma postagem sobre isso.
ResponderExcluirmas no caso dos arquivos não sei se melhora muita coisa pois o formato continuará sendo o mesmo ou seja com as hierarquias
vou usar no meu blog deu certo no meu blog de teste, seu blog é muito facil de se entender.
ResponderExcluirSeu blog é mara! Pode ter certeza q quando eu criar vergonha na cara e postar os links d parceiros e recomendações no meu blog o seu vai ser dos primeiros.
ResponderExcluirPor mais interessante q seje uma barra d rolagem, acho mais eficiente e justo um random. Eu ja vi um blog onde uma quatidade fiza d parceiros aparecia aleatóriamente, esse é o codgo q procuro e nao acho ¬¬. soh encontro os q sorteiam apenas 1 d cada vez.
Sera q o menino sabe desse codgo? (Ou tem ele aqui e eu nao vi :$ ?)
eu já vi um código assim, vou fazer uma postagem sobre isso ainda essa semana
ResponderExcluirOi Fabiano!
ResponderExcluirMuito obrigada por mais esta dica.
Você é fera!
Bjs ♥
sou seguidor ha muiiito tempo.tenho aprendido muito aqui com vcs.valeu memo!
ResponderExcluirera mesmo isto. vou ver se resulta.
ResponderExcluirabraços
perfeito!
ResponderExcluirobrigada!
gosto das dicas , mais estou com algumas dificuldades em encontrar algo no htlm , como colocar imagem de fundo mesmo hospedando a imagem .. o mais é muito bacana ..
ResponderExcluirsonhadora apaixonada
ResponderExcluirclique ctrl F para procurar as coisas no html, isso é um jeito de buscar texto na pagina é bem mais fácil
Valeu brother pela dica.
ResponderExcluirNossa amei, foi um pouco dificil enxergar os codigos, rsrs, mais a explicação esta muito facil. Também estou te seguindo. Bjus
ResponderExcluirCara, não entendi nada, tem mt código aí, não sei direito o que é pra colocar ou não...
ResponderExcluira parte que tem que acrescentar é só o que está em negrito, o resto já faz parte do seu blog
ResponderExcluirMaravilhoso seu post, parabéns e muito obrigada por ajudar!!!
ResponderExcluirSucesso!!!!
Olá Fabiano, estou tentando aprender htlm e gostaria de saber se essa 'barra de rolagens' é a mesma que rola as páginas de um blog e se posso copiar. Adoro teu espaço, és um querido. Bjs
ResponderExcluirsim é a mesma barra de rolagem que tem na lateral da pagina
ResponderExcluirera exatamente isso que eu procurava . Procurei tanto e acabei encontrando por acaso. Sempre passo por aki, mas hj resolvi fazer um tuor nos tutoriais , pois não é que encontrei o que tanto procurei!!!!!
ResponderExcluirMuito grata pelas dicas.
Passa no meu bloguito pra ver!
http://robertacrocheecia.blogspot.com/
Um abraço
Ótimas dicas, tudo que precisei a maioria encontrei no seu blog. Parabéns pelo trabalho.
ResponderExcluirAdorei, obrigada pela ajuda.
ResponderExcluirOlá Fabiano. Coloquei a barra de rolagem na lista de blogs, funcionou direitinho, mas quando vi meu blog (www.cantinhodamamaearteira.blogspot.com) pelo Internet Explorer (eu uso o Chrome), vi que a barra não funcionava, e a lista de blogs fica toda visível deixando a página do blog imensa! Como corrigir isso? Obrigada.
ResponderExcluirinfelizmente nem todos os códigos funcionam igual em todos os navegadores (chrome, firefox, internet explorer...) o jeito é ver quais são os navegadores que os visitantes do seu blog mais usam e fazer o melhor ajuste para eles, veja aqui um bom contador para analisar suas visitas
ResponderExcluirComo usar o Google Analytics no blog
Oii! tem como clocar essa barra na lista de links do blog ?? e aquela q vc adiona os links de outros blogs, queria colocar la pq n uso a lista de blogs, so outros links diferentes
ResponderExcluir0yumi0
ResponderExcluiralém do gadget lista de blogs tem um gadget para links
tutorial simples e funcional! Vlw
ResponderExcluirComo eu faço pra aumentar o número de postagens que vai aparecer no gadget "Minha lista de blogs"? Porque só aparece 1, gostaria de fazer aparecer mais postagens. Na verdade o que eu quero e mostar feed do meu outro site, mais mostrar só a imagem principal e o título, o tamanho das imagens são 137×195 pixels, seria muito bom se mostrasse o título e a imagem, sabe, um site ajudando o outro :)
ResponderExcluirAriel
ResponderExcluirno gadget minha lista de blogs tem a configuração de quantos mostra... mas não tem como editar o tamanho da imagem
Fabiano eu consegui colocar nos marcadores,deu certo.
ResponderExcluirVou levar para colocar nas listas de blogs.
Obrigada,valeu.
Linda noite para você.
Fabiano eu consegui colocar nos marcadores faz um tempinho.
ResponderExcluirNão consigo colocar na lista de blog que eu sigo.
Tem como colocar na aba adicionar gadget?
Tentei colocar ontem não consegui.
Desde já agradeço.
Lindo dia para vc,bjus
Graça
ResponderExcluirnão tem como colocar a barra de rolagem de forma automatica...
tem que achar e modificar os códigos, mas precisa marcar para expandir o modelo
Fabiano!!!! Consegui agora minha lista de blogs está dentro da caixa,ficou pequena,isto é no sentido do comprimento como eu tenho medo de ficar mexendo no html vou deixar como você colocou aqui.
ResponderExcluirMeu erro era que eu não visualizava o blog 1º para salvar o modelo.
Estou super feliz...consegui...
Lindo dia para vc,bjus
ok, é bom saber que conseguiu...
ResponderExcluirACREDITE TUDO QUE VC ENSINA EU APRENDO RÁPIDO E FAÇO NO MEU BLOG
ResponderExcluirSEI MEXER COM CÓDIGOS E TUDO
PORÉM ESTE É MUUUUUUITO DIFICIL
VOU EXPLICAR PQ
NO MEU EDITAR HTML
EU DOU CTRL F
E ABRE UMA CAIXINHA ACIMA DAÍ ESCREVO O TITULO MINHA LISTA DE BLOGS
E APARECE SOMENTE ESTE CONTEUDO TOTAL
NÃO TEM MAIS ALÉM DISTO O QUE FAÇO???
PODERIA ME AJUDAR POFAVOR?
ESTE É O MEU E-MAIL PODERIA-ME RETORNAR NELE PARA PODER-MOS FALAR MELHOR
Quesia Leal
ResponderExcluirveja esse outro tutorial: Barra de rolagem em qualquer parte do blog
deve ser mais facil de usar
Fabiano vim pegar de novo a barra para os blogs que sigo .Espero que de certo.
ResponderExcluirObrigada,bjus
Fabiano sem querer exclui a barra de rolagem do menu vou pegar de novo.
ResponderExcluirLinda semana para vc,bjus
Graça
ResponderExcluirobrigado e boa semana pra você também
@Fabiano Roberto
ResponderExcluirQuesia segue a opção barra de rolagem em qualquer parte do blog,dá certinho.
Fabiano,vim pegar a barra de rolagem de novo.
ResponderExcluirTroquei o template do blog.
Aproveito para desejar a você e todos dos dicas blogs:
FELIZ NATAL E ANO NOVO TAMBÉM!!!
Mil beijokas
Graça
ResponderExcluirboa sorte com o novo template
Fabiano querido!!Eu aqui de novo ,vou pegar umas dicas aqui.
ResponderExcluirObrigada,bjs
Fabiano,não consigo ficar sem vir aqui.
ResponderExcluirVou levar algumas coisas,bjs
Fabiano eu aqui de novo,perdi a barra de rolagem,estou levando.
ResponderExcluirObrigada,bjs
Funciona e fica bom, obrigado, (:
ResponderExcluirOla Fabiano, levei o código da barra de rolagem deu certinho, obrigado.
ResponderExcluirEstou levando o link desta página para colocar em lista de links ok?
Obrigado.
é bom saber que deu certo
ResponderExcluirFabiana,eu de volta...rsrs...
ResponderExcluirMenino quase fui para o andar de cima mas...rsrs...aqui estou.
Estou levando tudo de novo...rsrs...
OBRIGADA,BJS
Fabiano eu aqui de novo..rsrs..sarei Graças a Deus.
ResponderExcluirVou levararlgumas dicas aqui,bjs