Arquivo da tag: 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):

<div id=“sidebar”>
        {block:Description}
        <h2>Sobre Mim</h2>
        <img src=“{PortraitURL-64}” id=“user-portrait” title=“{Title}” alt=“{title}”/>
        <span id=“about-text”>{Description}</span>
        <br class=“clear” />
        {/block:Description}

Abaixo desse trecho, coloque:

<h2>Estatísticas</h2><br>
<center>AQUI O CÓDIGO DO CONTADOR</center><br>

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

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.

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: www.iconj.com/. Se possuir uma imagem em outros formatos e quer converter para .ico, acesse o site: www.converticon.com/.

Instalação:

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):

<link rel=“shortcut icon” href=“{Favicon}” />

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