Mais links

 

Bem vindo!
Você está no Mundo de Besteiras, lugar onde o objetivo é se divertir e dar risadas. Ta triste e desanimado? Pode vir para cá, pode olhar tudo, pois o Mundo de Besteiras é de todos! Fique à vontade para xeretar tudo aqui, mas cuidado, eu posso estar debaixo da sua cama!



  

Playlist



  

Theme by



Mais links



 

Besteirinhas online



  

Curte



  

Indico:



  

Personalizar Theme

PRIMEIRO, ENTRE NO CUSTOMIZE ANTIGO:

http://www.tumblr.com/customize-classic

THEME: 

http://www.tumblr.com/theme/2807

MEU BACKGROUND: 

http://media.tumblr.com/tumblr_lrzngxc3gO1qhqmnc.gif

COLOCAR MENU NO TUMBLR:

PASSO 1) Pegue esse código:

div.navigate a{

background: #87CEEB; color: #ffffff; letter-spacing: 0px; display:block; padding:0px 0; 

border: 0px solid #000000; 

width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1; 

}

div.navigate a:hover{ 

font-weight: bold; letter-spacing: 1px; background: #FF69B4}; display:block; padding:0px 0; 

border: 0px solid #000000; z-index:2;

}

PASSO 2) Edite o código:

No lugar de #87CEEB: coloque o código da cor do menu 

No lugar de #FF69B4: coloque o código da cor que a opção do menu ficará quando o mouse passar por cima dela.

Código dar cores AQUI!

PASSO 3) Copie o código;

PASSO 4) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, Advanced e cole o código no box de Add Custom Css. Caso não der certo: já em Customize appearance, clique em Edit HTML, use Ctrl+F e procure por </style>, cole o código antes dele.

PASSO 5) Pegue esse código:

<center><div class=”navigate”>

<a href=”http://link1"style="text-decoration:none">TEXTO 1</a><a href=”http://link2"style="text-decoration:none">TEXTO 2</a>

</div></center>

PASSO 6) Edite o cógio:

No lugar de http://link1: coloque os links.

No lugar de TEXTO 1: coloque o nome.

PASSO 7) Copie o código.

PASSO 8) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, cole na sua Description.

PASSO 9) Salve.

P.S.: No exemplo só tem duas opções no menu. Para se adicionar mais basta colocar mais um código <a href=”http://link"style="text-decoration:none">Texto</a> trocando o http://link pelo link e o Texto pelo nome.

Exemplo: No meu menu tem 10 opções. Então para cada opção eu usei um código colocando o link e o nome.

COLOCAR BARRINHA FIXA EMBAIXO DO TUMBLR:

PASSO 1) Pegue esse código:

<div style=” background-image: url(‘LINK DA IMAGEM’); bottom: 0px; left: 0px; width: 25%; height: 70px; z-index: 100; position: fixed;”></div>

PASSO 2) Edite o código:

No lugar de LINK DA IMAGEM: coloque o link da imagem que ficará fixa no canto.

PASSO 3) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, clique em Edit HTML.

PASSO 4) Copie o código e cole depois de <body>.

PASSO 5) Salve.

P.S.: Aqui ensina como colocar do jeito que está no meu Tumblr, adaptado para a minha imagem. No meu tem width: 25%, mas dependendo da sua imagem, você terá que mudar. Exemplo: Nessa minha imagem, se eu colocar 50% a imagem irá se duplicar e ficar até na metade da página. Se você quiser colocar uma imagem que fique de um lado ao outro, troque esse valor por 100%.

Aqui também está height: 70px, que é o tamanho ideal pra minha imagem, se você escolher uma imagem menor você terá que diminuir esse valor, se for uma maior, aumente o valor.

Alguns modelos:

Para esses modelos não mude o código, só coloque o link delas no lugar. Escreva o que quiser dentro delas, até usando o paint.

COLOCAR ESSA SETINHA QUE LEVA AO TOPO DO TUMBLR:

PASSO 1) Copie esse código:

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

PASSO 2) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, clique em Edit HTML

PASSO 3) Aperte Ctrl+F e procure por </style> e cole o código antes dele.

PASSO 4) Pegue esse código:

<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=”LINK DA SETA" border="0"></a>

PASSO 5) Edite o código:

Em LINK DA SETA: coloque o link da seta que você escolheu.

PASSO 6) Procure ainda no Theme com o  Ctrl+F  por </head> e coloque o código antes do mesmo.

PASSO 7) Salve.

P.S.: Algumas setas…

    

COLOCAR TAGS NOS POSTS:

Em qualquer post, seja ask, texto, imagem, chat ou qualquer outro, coloque a palavra chave (tag) na caixinha que fica do lado dos posts.

Essa:

Automaticamente será criada uma página do seu Tumblr com todos os posts com essa tag.

Para conferir é só ir em http://seutumblr.tumblr.com/tagged/nome_da_sua_tag. Para tags com mais de uma palavra, tem que colocar um “_” entre cada uma.

Exemplo:

Nos posts feitos por mim eu coloco a tag "Originais", então o link fica http://mundodebesteira.tumblr.com/tagged/Originais

Nas minhas Asks respondidas eu coloco a tag "Asks Respondidas", então o link fica http://mundodebesteira.tumblr.com/tagged/Asks_respondidas

COLOCAR CONTADOR DE VISITANTES ONLINE:

PASSO 1) Vá no site http://whos.amung.us/ e copie o código da caixinha amarela do site.

PASSO 2) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, clique em Edit HTML.

PASSO 3) Use Ctrl+F e procure por </body> e cole logo acima dele.

PASSO 4) Clique em Update Preview e veja se aparece o botão vermelho. Se sim, é só salvar.

P.S.: Para ter mais informações sobre seus visitantes, vá no seu Tumblr e clique no botão vermelho.

ATIVAR COMENTÁRIOS NO TUMBLR (DISQUS)

PASSO 1) Entre no site Disqus http://disqus.com/ e faça uma conta.

PASSO 2) No painel de controle do site clique no botão +Add. 

PASSO 3) Você irá pra uma nova página e vai preencher com as informações do seu Tumblr.

PASSO 4) Primeiro campo: link do seu tumblr sem o “http://”.

Segundo: nome do seu Tumblr

Terceiro:  será gerado automaticamente, copie o que tiver lá para uso posterior.

PASSO 5) Clique em Continue.

PASSO 6) Na página seguinte coloque as configurações para ativar os comentários. Coloque em Português para facilitar.

PASSO 7) Clique em Continue.

PASSO 8) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, e cole no campo Disqus Shortname o texto que você copiou anteriormente.

PASSO 9) Salve.

P.S.: Você pode adiministrar os comentários fazendo login no Disqus.

MUDANDO A BARRA DE ROLAGEM

PASSO 1) Pegue esse código:

html::-webkit-scrollbar {width:22; height:auto;background: #FFF;}

html::-webkit-scrollbar-corner { background: #FFF;}

html::-webkit-scrollbar-button:vertical {height:1px;display:block;}

html::-webkit-scrollbar-button:horizontal {width:1px;display:block;}

html::-webkit-scrollbar-thumb:vertical {background-image: url(LINK DA IMAGEM );border: 1px solid  #A2A2A2;border-right:none;-webkit-border-radius: 8px;}

html::-webkit-scrollbar-thumb:horizontal {background-image: url(LINK DA IMAGEM );border: 1px solid #A2A2A2;border-bottom;}

html::-webkit-scrollbar-thumb  {background-image: url(LINK DA IMAGEM );}

html::-webkit-scrollbar-thumb:hover {background-image: url(LINK DA IMAGEM );border: 1px solid  #A2A2A2;}

html::-webkit-scrollbar-track-piece {background: none;}

html::-webkit-scrollbar:vertical {border-left: 1px solid #A2A2A2;}

html::-webkit-scrollbar:horizontal {border-top: 1px solid #A2A2A2;}       

PASSO 2) Edite o código

No lugar de #FFF: coloque a cor do fundo da barra de rolagem.

Código dar cores AQUI!

No lugar de todos os LINK DA IMAGEM: coloque o link da imagem que vai ficar no lugar da barra de rolagem.

PASSO 3) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, Advanced e cole o código no box de Custom Css.

PASSO 4) Salve.

Eu uso essa imagem:

CRIANDO UMA PÁGINA NO TUMBLR:

Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, Pages, Add a Page. Lá você coloca o link da página, edita do jeito que você quiser…

TIRANDO OS ‘LIKES’ DO FINAL DESSE THEME (PAPERCUT)

PASSO 1) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, clique em Edit HTML.

PASSO 2) Use o Ctrl+F e procure por <div class=”separate”></div>. (Existem 3, mas é o que fica logo abaixo de {block:Likes})

PASSO 3) Apague tudo que estiver depois dele até o próximo </div>.

PASSO 4) Você pode colocar qualquer coisa lá no lugar assim como eu botei.

PASSO 5) Clique em Update preview e veja se deu certo.

PASSO 6) Salve.

TEXTO SE MOVENDO NO TUMBLR:

PASSO 1) Entre no site: http://www.myspacegens.com/handler.php?gen=marquee

PASSO 2) Edite o código da mensagem nas opções que aparecem no site. Você pode ver como está ficando em LIVE PREVIEW.

PASSO 3) Após editar clique em Submit.

PASSO 4) Pegue o código que aparecerá.

PASSO 5) Cole onde você quiser que o texto fique.

P.S.: No meu Tumblr eu coloquei logo após de <div class=”separate”></div>, no Theme.

DIVISÓRIA ENTRE OS POSTS

PASSO 1) Pegue esse código:

<img src=”Link da divisória" border="0"/>

PASSO 2) Edite o código:

No lugar de Link da divisória: coloque o link da imagem que vai dividir seus posts.

PASSO 3) Copie o código.

PASSO 4) Vá na sua Dash, clique no nome do seu Tumblr, Customize appearance, clique em Edit HTML.

PASSO 5) Use o Ctrl+F e procure por {/block:Posts} e cole o código antes dele.

PASSO 6) Salve.

P.S.: Eu uso essa divisória:

http://media.tumblr.com/tumblr_lqlfogr0v31qhqmnc.gif

Qualquer dúvida deixe um comentário abaixo.

. 0 notes . Reblog