Arquivo da tag: tumblr personalizar

Seta de subir ao topo do Tumblr

Gostaria de colocar uma seta igual a da Dahboard do Tumbr para seu leitor subir a sua página? Então siga o tutorial:

1. Em sua Dashboard, escolha seu blog no topo e depois clique no link “Customize appearance”. Na página de customização do blog, vá à aba “Theme” e para editar o HTML, clique no botão “Use custom HTML”;

2. Para adicionar o estilo ao se botão, cole o código abaixo ANTES de </style>:

#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}

3. Agora adicione o código final do botão ANTES de </head>:

<script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script><script src=“http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js”></script><a href=“javascript:;” id=“scrollToTop”><img src=“http://2.bp.blogspot.com/-sS7udenTEqg/TbTdNn_38bI/AAAAAAAAAgA/nXuTmNDpxHY/s288/setaw.png” border=“0”></a>

Como parar de receber e-mails do Tumblr

Uma coisa bem chata do Tumblr é receber toda hora notificações por e-mail. Mas essas chatice pode acabar em instantes seguindo o tutorial:

1. Logado no Tumblr, clique no ícone da engrenagem no topo na página;

2. Role toda a página e verá a opção “Email notifications”;

3. Escolha o blog que deseja parar de receber e-mails, e desmarque todas as caixinhas;

4. Agora, basta salvar as configurações feitas, e pronto!

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.

O que é Tumblr?

Tumblr é uma plataforma de blog que permite aos usuários publicarem textos, imagens, vídeo, links, citações e áudio, é um blog de textos curtos, mas não chega a ser um microblog, estando em uma categoria intermediária entre o WordPress e o Blogger. Os usuários são capazes de “seguir” uns aos outros e ver seus posts em seu painel (dashboard). Também possui diversos layouts com possível edição em HTML.

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.

Estrelinhas caindo do mouse

Para quem quer deixar seu blog fofinho, lá vai um código java script de estrelinhas caindo do mouse. Quando você meche o mouse me sua página, as estrelinhas caem.

1. Instalação

Vá na Dashboard do Tumblr e clique no link “Customize” logo ao na parte lateral da dashboard. Na página Customize, vá na aba “Theme” e abaixo clique em “Use custom HTML”.
Procure no código HTML (aperte o botão ctrl+F para procurar mais rápido) a tag </body> e cole o seguinte código antes dela:

<script type=‘text/javascript’>
// <![CDATA[
var colour=“#FFFFFF”;
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility=“hidden”;
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor=“transparent”;
rats.style.visibility=“hidden”;
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top=“2px”;
rlef.style.left=“0px”;
rdow.style.top=“0px”;
rdow.style.left=“2px”;
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+“px”;
star[c].style.top=(stary[c]=y)+“px”;
star[c].style.clip=“rect(0px, 5px, 5px, 0px)”;
star[c].style.visibility=“visible”;
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star©;
if (tinyv[c]) update_tiny©;
}
setTimeout(“sparkle()”, 40);
}
function update_star(i) {
if (–starv[i]==25) star[i].style.clip=“rect(1px, 4px, 4px, 1px)”;
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+“px”;
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+“px”;
}
else {
star[i].style.visibility=“hidden”;
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+“px”;
tiny[i].style.left=(tinyx[i]=starx[i])+“px”;
tiny[i].style.width=“2px”;
tiny[i].style.height=“2px”;
star[i].style.visibility=“hidden”;
tiny[i].style.visibility=“visible”
}
}
function update_tiny(i) {
if (–tinyv[i]==25) {
tiny[i].style.width=“1px”;
tiny[i].style.height=“1px”;
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+“px”;
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+“px”;
}
else {
tiny[i].style.visibility=“hidden”;
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility=“hidden”;
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)==“number”) {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)==“number”) {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement(“div”);
div.style.position=“absolute”;
div.style.height=height+“px”;
div.style.width=width+“px”;
div.style.overflow=“hidden”;
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

2. Personalizando as estrelinhas

Se instalar o código do jeito que está, as estrelinhas vão estar brancas, mas para mudar a cor delas, vá na terceira linha do código: var colour=“#FFFFFF”; e mude o #FFFFFF que é branco para outras cores, como:

Preto: #000000
Azul: #0000FF
Verde: #00FF00
Vermelho: #FF0000
Amarelo: #FFFF00
Cinza: #CCCCCC

Mais cores em: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

TUMBLR Utilizar um domínio personalizado

TUMBLR Utilizar um domínio personalizado. Como posso configurar um domínio personalizado para o meu blog?. Escolha uma empresa de registro de domínios, ou use ferramentas como o Yahoo Domínios ou Domainr para encontrar e comprar um domínio que esteja disponível.

TUMBLR Utilizar um domínio personalizado

Crie um registro DNS com base nos níveis que o seu domínio personalizado contém. Consulte o quadro abaixo.
Domínio Configuração
Dois níveis
(ex.: meusite.com) Direcione o registro A do seu domínio (endereço de IP) para 66.6.44.4
Três ou mais níveis
(ex.: www.meusite.com ou blog.meusite.com) Direcione o registro CNAME do seu subdomínio para “domains.tumblr.com?”
O seu registrador de domínio deverá disponibilizar instruções de como implementar o CNAME ou o registro A adequadamente.
OK, agora vai para o Tumblr:
Clique em Configurações (o ícone da engrenagem) na parte superior do seu Painel e escolha o blog que você gostaria de atualizar.
Clique no lápis no lado direito da seção ?Nome de usuário? (nos blogs adicionais, na seção de URL do Tumblr) e ative “Usar um domínio personalizado”.
Insira o seu domínio (por exemplo: omeusite.com) ou subdomínio (por exemplo: blog.omeusite.com) e depois clique em “Testar domínio”.
Conserte os eventuais problemas que o teste possa encontrar e clique novamente em “Testar domínio” até que o resultado seja positivo.
Clique em “Salvar”.

fonte: http://tumblr.com

Como colocar músicas no Tumblr

Como colocar músicas no Tumblr. Uma boa opção é usar site http://muzicons.com/, o site oferece a opção de escolher o player que tocorá as músicas no seu tumblr.

Como colocar músicas no Tumblr

Antes de copiar o código para colocar no seu tumblr, você deve configurar usando as opções de seu interesse depois o código HTML para colar no seu tumblr.

Entre no tumblr –> Customize / Theme / Use Custom HTML

Use o atalho apertando Ctrl F para abrir o código no template do seu tumblr. Cole o código do muzicons.com salve e verá que o player aparece no topo da página.

Como personalizar a dashboard do tumblr

Como personalizar a dashboard do tumblr. Existe extensões para o firefox e chrome que facilitam o trabalho para você. Uma extensão muito usada é o Stylist.

Se você usa um destes navegadoes instale a extensão e siga os passos abaixo para facilitar a personalização do dashboard do tumblr.

Usar a extensão é muito simples, bastar que você clique nesse S quando estiver na página do tumblr.

tumblr tutorial livro

tumblr tutorial. O tumblr está cada vez mais popular no Brasil chamando a atenção de muita gente, fazendo assim muitas pessoas procurar um jeito legal de publicar suas ideias, ou seus textos neste novo sistema.

Já encontra disponível um livro sobre o tumblr, ensinando o poder que o tumblr pode chegar. Claro que é mais um livro para preguiçosos, pois fazer um tumblr desde a criação, a configuração tudo é muito intutitivo, contudo se você quer conhecer um tutorial ensinando tudo passo a passo, somente aqui.

O livro está em inglês, em breve em português. http://www.amazon.com/Tackling-Tumblr-Publishing-Made-Simple/dp/1119950155

tumblr Post highlight

tumblr Post highlight. Com esse novo sistema, você poderá ter destaque na Dashboard de todos os seus seguidores, deixando um post em highlight. Você tem a possibilidade de escolher dentre várias, uma frase que irá com seu post, um símbolo e uma cor. Isso irá do lado do seu post, apontando para ele, dando um destaque.

tumblr Post highlight é pago, um dólar cada post que você usar isso. Se estiver interessado, basta criar um post, e no menu direito selecionar a caixa “Highlight this post”, selecionar o que você quer, e ao clicar em Post, pedirá o número do cartão. Lembrando que tem que ser cartão internacional.

tumblr Post highlight é uma excentricidade.

Tumblr em português

O Tumblr terá uma versão em português. Foi o que anunciou Joshua Nguyen, diretor de internacionalização do tumblelog. Segundo ele, o Brasil se consolidou como o segundo maior mercado da rede social, o que motivou o desenvolvimento da página e a provável inauguração de um escritório em São Paulo ou no Rio de Janeiro.

Tumblr em português para brasileiros

Para Nguyen, os internautas brasileiros se destacam entre os outros países pelo fluxo extenso de conteúdo.

Ele se impressionou com a quantidade de reblogagem e favoritações na rede social, afirmando que os diretores do Tumblr ainda estudam o comportamento dos brasileiros para direcionar estratégias de marketing específicas. Nguyen complementa, afirmando que “existe uma cultura de mashup, que é aquela que utiliza uma parte de conteúdo já existente para contribuir com a sua opinião na hora de divulgá-la na rede”.

O Tumblr, que se consolidou como uma rede social voltada para fotografias e frases filosóficas, teve um crescimento anual de 209% em 2011. O tumblelog ainda fica na frente do Google+ quando se trata do ranking das maiores redes sociais dos Estados Unidos. O Tumblr ocupa a quinta posição, conforme dados de pesquisa da ComScore.

Tumblr como fazer um blog

Tumblr como fazer um blog. O Tumblr é uma boa opção para quem quer ter um blog mais simples, de fácil manuseio. O modo de postagem e customização é intuitivo, o que é ótimo para os novos usuários. Siga as instruções e entre nessa rede.

como criar uma conta passo a passo, como fazer um tumblrPasso 1. Acesse o site do Tumblr (http://www.tumblr.com/);

Passo 2. Digite seu e-mail, senha e a URL que você deseja ter no Tumblr;

Passo 3. Clique em “Sign up and start posting!”;

Passo 4. Você receberá um e-mail confirmando o seu cadastro;

Passo 5. Abrirá uma tela de configuração no Tumblr;

Passo 6. Escolha um título para o seu blog e coloque uma foto, se quiser;

Agora você pode personalizar seu Tumblr como preferir. O site disponibiliza várias opções de layout, cores e fontes. Não deixe de navegar e descobrir o que é mais parecido com a sua personalidade.

Themes para Tumblr

themes para tumblr. Selecionei os melhores repositórios de themes para tumblr onde se possa baixar gratuitamente, mas alguns possuem themes pagos tambem. O primeiro site de themes e mais indicado é o Fresh Tumblr Themes. Este site é o mais indicado porque ele tem uma grande acervo de temas para tumblr.

themes para tumblr

O outro site é o AllThemes. Lá também há themes pagos e outros grátis, mas você precisa clicar em algum para descobrir se ele é pago ou não.