Saiba como alterar a imagem "Carregando" em Visualizações dinâmicas.
É verdade que os modelos de Visualizações dinâmicas possuem uma aparência moderna, mas muitos não gostam da idéia de ter a marcar do Blogger em todos os lugares. Cada vez que se carrega o blog (com esses modelos) aparece o ícone "carregando" com a imagem do Blogger.
Siga o @bloggermin agora e fique por dentro das novidades para o seu blog. E curta nossa página no Facebook.
Mas Fabricio, é possível mudar essa imagem por outra ou não mostrar nenhuma?
A resposta é sim e sim. Ambas as coisas podem ser feitas.
Pode ver neste blog de teste, ao carregar a página, em vez de aparecer a tradicional imagem com as engrenagens, você verá um icono diferente:
Se não deseja que apareça nenhum ícone acrescenta o seguinte:
Mas se você quer que ao invés do icono tradicional apareça outro personalizado, então adicione o seguinte:
As anotações em verde indicam o tamanho destinado para a imagem, é importante que o tamanho da imagem coincida com as medidas que adotadas aqui.
É uma mudança pequena, mas com certeza vai ser apreciado por aqueles que são amantes da personalização.
Siga o @bloggermin agora e fique por dentro das novidades para o seu blog. E curta nossa página no Facebook.
Mas Fabricio, é possível mudar essa imagem por outra ou não mostrar nenhuma?
A resposta é sim e sim. Ambas as coisas podem ser feitas.
Pode ver neste blog de teste, ao carregar a página, em vez de aparecer a tradicional imagem com as engrenagens, você verá um icono diferente:
Se estiver usando a interface antiga entre em Design | Designer de modelo | Avançado | Adicionar CSS.- Se usa a nova interface entre em Modelo | Personalizar | Avançado | Adicionar CSS.
Se não deseja que apareça nenhum ícone acrescenta o seguinte:
.blogger-gear {background-image:none !important;}Salve as alterações e pronto. Com isso nada será exibido durante o carregamento do blog.
Mas se você quer que ao invés do icono tradicional apareça outro personalizado, então adicione o seguinte:
.blogger-gear {Se você quiser mudar a imagem por outra, altere a URL que está em azul.
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEganQcwqn9o0CChRsGKIThi6pHBO6pJ8qEx85hneU1EVVXOupM7tVg1LIfTDOBhx-PUE1CHx01pk_zsmBGSgP93WcyxXWxdtQWT29imicZkB_qIRcMnQ7ih0adz2KfWjMKGEDAk4JA-Hes/s0/cargando.gif);
width:128px; /* Largura da imagem */
height:128px; /*Altura da imagen */
}
As anotações em verde indicam o tamanho destinado para a imagem, é importante que o tamanho da imagem coincida com as medidas que adotadas aqui.
É uma mudança pequena, mas com certeza vai ser apreciado por aqueles que são amantes da personalização.
Obrigado me ajudou bastante me blog ficou legal,posta mais coisas sobre visualizações dinamicas beijus!!!!!!!!!!!!!
ResponderExcluirOlá Keico,
ExcluirFico feliz que tenha gostado e prometo que em breve postarei mais sobre as visualizações dinâmicas.
Abraços
Cara valeu mesmo, eu vi essa postagem faz algum tempo e deixei para usar depois, agora eu estava a quase 1 hora procurando ela novamente, e encontrei até que enfim! hehe.
ResponderExcluirOpa. Fico feliz que o post tenha sido útil.
ExcluirAbraços.