Loading gerador

Mais uma dica de gerador, que há tempos não posto por aqui. Essa é para o loading, aquela imagem que fica rodando até seu blog ou algum widget abrir totalmente. Nos referidos sites você poderá escolher o modelo, a cor do loading e até a cor de fundo. No primeiro site é possível escrever palavras. Você poderá usa-lo para usar em um dos hacks que postei aqui como por exemplo, o hack de abertura dos posts.que é igual do Facebook, ou no hack onde usamos para contar o tempo de carregamento da página.
Clique aqui para visitar o site 1
Clique aqui para abrir o site

»»Leia mais...

Imagem de carregamento no Blogger - Loading

Para quem tem muito conteúdo ou um blog muito pesado, uma boa distração é colocar uma imagem animada, o loading para que seu visitante n]ao perca a paciência e dê no pé. rs.
Uma dica antiguinha e bem simples de implementar em dois passos.
Vá até o "Modelo de seu blog", clique em "Editar HTML"
  Hack para o template do Blogger, implementado em  abril de 2013.
Procure por </head>
Acima dele cole este próximo código.
<script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById(&quot;imgLOAD&quot;).style.display=&quot;none&quot;; } </script> 
 Salve !
Salve. Agora clique em Layout...
Clique em Adicionar um Gadget
Ao abrir, clique em  HTML/Javascript
Cole então o próximo código fazendo as modificações necessárias.
O código em vermelho é o código da imagem, bastando troca-la pelo endereço de outra imagem. Veja aqui dicas de geradores de imagem loading.
<div id="imgLOAD" style="text-align:center;">Carregando...
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKT27aQ2b9HbDRlBhnwzA0OhQsPZwhOr2wNHFz0SAQ0remeMOXvsjHRDU-2iCQBLjzqZizjaFFJbJiAYEM1D8Mqdb5mi4zxt_EBF5nHJVgHYocaggceBjFDPl-lB6Sz9TPOFnzuE3IkwYM/s1600/103.GIF"/></div>

»»Leia mais...

Widgets dentro de menu em abas

 

»»Leia mais...

Como baixar vídeos do Facebook

O Facebook, a meu ver, é a rede social mais completa, viciante e a que melhor compartilha conteúdo. De textos a links,  de vídeos a fotos o site veio e se estabeleceu em todo o nicho, em todas as classes e idades. Muitas vezes vemos conteúdos e gostaríamos de compartilha-los e muitas vezes essa opção não é disponibilizada, outrora queremos mesmo guardar alguma foto ou vídeo que por lá circula, então não sabemos como faze-lo. Para tanto, resolvi escrever este post, para mais uma vez ajuda-los e também não me esquecer dessa ferramenta.
Se você assistiu a um vídeo no Facebook e gostaria de guarda-lo em seu pc, saiba que é possível.  Para isso,  comece dando um clique em cima do vídeo que quer baixar, com o botão direito do esquerdo. Assim que abrir a nova janela, copie todo o código da barra de endereço.
Agora entre no site FB Download e cole o endereço no local indicado e depois clique em Baixar..
 
Aguarde...
Em pouco tempo, a página ficará assim. 
Clique em Download do vídeo em Alta Qualidade.
 
 Pronto, ao abrir a próxima janela, clique  em cima do vídeo com o botão direito do mouse  e depois clique em Salvar vídeo como... Pronto, já está em seu pc, basta agora dar a ele o destino desejado.

»»Leia mais...

Retirar navebar, links de área de atribuição e feed dos modelos do Blogger

Eu gosto bastante dos modelos de template que veem junto ao Blogger, mas sinto que há certos elementos passando em seu código. Há pelo menos três desses elementos que sempre retiro quando faço modelos novos, que são a barra de navegação, as atribuições que veem no footer e aquele pequeno link de feeds que encontramos logo após a área de postagens.
Acho-os todos, desnecessários e feios. Se você quer dar um ar mais profissional em seu blog, é necessário retira-los pois além de estarem em locais indesejáveis. eles são pouco customizáveis. Com um pequeno código inserido na área de personalização, é possível fazer isso com facilidade.
Implementar CSS                                                                             
No modelo de seu blog", clique em "Personalizar"
Ao abrir essa janela, vá em Avançado  -------> Adicionar CSS 
Copie o código abaixo e cole no local indicado.
#navbar, .feed-links, #Attribution1{display:none}
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.

»»Leia mais...

Sroller do template colorido

Scroller ou scroll é a barra de rolagem que aparece nos blogs e sites para que façamos a navegação na vertical, muito embora existam os que façam também na horizontal.  Nos navegadores que aceitam CSS é possível dar um charme a mais ao layout de seu blog, dando integração e leveza ao template. Pura estética, mas que ajuda a deixar o template mais bonito. A máxima sempre vale, a de que Deus reside nos detalhes.
De fácil instalação, basta copiar o código e colar na parte de personalização do Blogger.
Implementar CSS                                                                             
No modelo de seu blog", clique em "Personalizar"
Ao abrir essa janela, vá em Avançado  -------> Adicionar CSS 
Copie o código abaixo e cole no local indicado.
/*SCROLL BAR*/
::-webkit-scrollbar {
width:8px;
height:8px;
::-webkit-scrollbar-track {
background:#FFF;
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;
border:1px solid #D8D8D8;
::-webkit-scrollbar-thumb {
background:#F78121; /*Cor do botão */
-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);
::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3);
::-webkit-scrollbar-thumb:active {
background:#888;
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);
Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.

»»Leia mais...

Breadcrumb com css

O que todos os blogueiros querem, em qualquer  nicho que estejam é ter leitores e que os leitores permaneçam em seu blog o maior tempo possível. É interessante que você tenha a maior interatividade em seu blog para que ao ler um post, a curiosidade de seu leitor para outros posts seja aguçada assim seu leitor de um post passe a outro, e depois a outro, assim sucessivamente tornando seu blog mais acessado e aberto por mais tempo.

»»Leia mais...