24 de jul de 2013

Insira uma barra de rolagem no Widget Marcadores do Blog

Olá amigos do blog Mundo Informal! Estou de volta com mais um tutorial que pode ser muito útil para você que precisa poupar espaço no layout do seu blog: seja por que tem uma grande quantidade de marcadores ou seja por que achou interessante o efeito.

Por fim das dúvidas, por ser tão compacto e ter um aspecto tão bonito, acaba sendo difícil ao menos testá-lo, pois se encaixa muito bem na grande maioria dos blogs.

Confira o antes e depois da instalação desse código:




Inserindo a barra de rolagem no Blogger


1° passo: Acesse seu painel do blogger, localize o blog em que deseja instalar o código.

2° passo: Acesse a opção modelo, e em seguida Editar HTML.

3° passo: Agora localize a seguinte tag <b:skin> e clique na setinha preta ao lado para expandir a categoria.

4° passo: Localize agora a seguinte tag: </b:skin> e cole logo acima dela o código:



5° passo: Pronto! Agora é só apertar no botão e conferir o resultado final!

Espero que tenham gostado! Comente e deixe suas dúvidas ou acrescente informações!
Compartilhe essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

5 comentários

  1. não apareceu a barra de rolagem no meu marcador, pq::?

    http://wilsao-wr.blogspot.com.br/

    ResponderExcluir
  2. Respostas
    1. Seu comentário tem um certo tempo , mas vai que você ainda está interessado neste efeito para o seu blog... bem, vou responder mesmo assim.

      Eu tentei adicionar o css através do html, mas, não sei porquê não foi, e não é a primeira vez que isso acontece comigo.

      Então, usei a mesma solução. Siga naturalmente até Blogger>Modelo mas ao invés de clicar "Editar html" clique em personalizar, siga por Avançado>Adicionar CSS (é a última opção) e coloque este código lá. O modelo do blogger vai adicioná-lo automaticamente.

      Comigo funcionou ^^ Boa sorte :p

      Excluir
  3. (h) Obrigado Edson Neto, realmente deu certo no CSS e agradeço também ao Marcus Vinicius pela postagem com o código.

    ResponderExcluir

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo