Blog: Layout

Colocando contador de visitantes online

Já que o Tumblr não oferece serviço de contadores de visitantes online, vou ensinar a colocar um:

1. Pegando o código Existem diversos sites que fornecem contadores de visitas, mas o melhor é o Who’s Amung.us. Alem do serviço de contador, clicando nele, você tem acesso a linha do tempo de visitantes online, total de palavras e imagens copiadas e de que país os visitantes acessam seu blog.

Entrando no site www.whos.amung.us/, clique no link “Showcase” no menu superior. Na página Showcase, você pode escolher o contador que quiser, clique sobre ele e copie o código.

2. Instalação

Na Dashboard do Tumblr, clique no link “Customize”, vá à aba “Theme” e abaixo clique em “Use custom HTML”. Eu vou colocar o contador na lateral do blog (sidebar), com base no tema Fluid. No HTML, procure por (procure mais rápido com Ctrl+F):


        {block:Description}
        Sobre Mim
       
        {Description}
       
        {/block:Description}

Abaixo desse trecho, coloque:

Estatísticas
AQUI O CÓDIGO DO CONTADOR

No local onde está escrito “Aqui o código do contador”, cole aquele código do contador que você copiou. Após colar o código, visualize o seu layout e salve.


Mudando o favicon do Tumblr

Mudando o favicon do Tumblr. No Tumblr, quando você carrega sua imagem de perfil, automaticamente ela também é usada como favicon do seu blog. Para aqueles que não sabem: O que é favicon? Favicon é aquela imagenzinha que fica no topo do navegador, ao lado do endereço e da descrição do blog.

O que é favicon

Favicons são pequenos logotipos ou ícones associados a um site, que se mostram junto aos marcadores na barra de endereços da maioria dos navegadores (ao lado do endereço do site no navegador).

Para a imagem funcionar na maioria dos navegadores, você deve hospedá-la em formato .ico. Um ótimo site para hospedar que aceite o formato .ico é o:

http://www.favicon.cc/

Se possuir uma imagem em outros formatos e quer converter para .ico, acesse o site: https://www.favicon-generator.org/

Instalação Favicon:

Na Dashboard, clique em “Customize”, vá à aba “Theme” e logo abaixo, clique em “Use custom HTML”. Procure pela linha (procure mais rápido com Ctrl+F):

E no lugar de {Favicon}, coloque a URL da imagem que você hospedou. Visualize e salve.

No site comum basta adiconar a tag abaixo, entre no final da tag HEAD

Se preferir fazer algo mais profissional crie uma pasta para favicons e adicione as seguintes tag no template do blog

`Mudando o favicon do Tumblr. No Tumblr, quando você carrega sua imagem de perfil, automaticamente ela também é usada como favicon do seu blog. Para aqueles que não sabem: O que é favicon? Favicon é aquela imagenzinha que fica no topo do navegador, ao lado do endereço e da descrição do blog.

O que é favicon

Favicons são pequenos logotipos ou ícones associados a um site, que se mostram junto aos marcadores na barra de endereços da maioria dos navegadores (ao lado do endereço do site no navegador).

Para a imagem funcionar na maioria dos navegadores, você deve hospedá-la em formato .ico. Um ótimo site para hospedar que aceite o formato .ico é o:

http://www.favicon.cc/

Se possuir uma imagem em outros formatos e quer converter para .ico, acesse o site: https://www.favicon-generator.org/

Instalação Favicon:

Na Dashboard, clique em “Customize”, vá à aba “Theme” e logo abaixo, clique em “Use custom HTML”. Procure pela linha (procure mais rápido com Ctrl+F):

E no lugar de {Favicon}, coloque a URL da imagem que você hospedou. Visualize e salve.

No site comum basta adiconar a tag abaixo, entre no final da tag HEAD

Se preferir fazer algo mais profissional crie uma pasta para favicons e adicione as seguintes tag no template do blog

`