Sei que algumas pessoas não sabem o que são essas páginas que eu citei no título, porém eu falo bastante delas nos meus tutoriais então decidi fazer um post explicando o que elas são pra ninguém ficar "boiando" ao ler meus tutoriais.
Neste tutorial eu venho mostrar como colocar efeito degradê/gradiente/arco-íris em textos nos posts do Tumblr, como esses mostrados na imagem acima.
Este método é para o conteúdo de postagens, que funciona no Painel (Dashboard) do Tumblr. Se você quiser adicionar textos em gradiente no seu tema, tem um outro método melhor de fazer isso, porém eu não vou estar mostrando ele neste tutorial aqui.
Se você quer saber como colocar no seu tema aqueles botões de "voltar ao topo" que aparecem quando você rola uma página até o final, é só continuar lendo.
Este é um tutorial rápido de como colocar essa opção em um tema no Tumblr (porém os códigos desse tutorial funcionam em qualquer site) destinado à pessoas que não sabem HTML, CSS ou JavaScript. Portanto estarei mostrando apenas umas opções bem básicas e limitadas de personalização, afinal se eu mostrasse todas as opções de estilização que é possível de se conseguir com CSS3 isso aqui seria um curso e não um tutorial. E infelizmente eu não tenho tempo para escrever um curso inteiro, rs.
Se algumas das imagens que você rebloga no Tumblr aparecem com uma barrinha do lado direito no seu tema que você gostaria de poder remover, neste post você vai entender por que isso acontece, como evitar que continue acontecendo e como remover essa características dos posts.
⚠ ATENÇÃO: Só é possível fazer isso se você estiver usando o Tumblr da Web (ou seja, se você estiver usando o Tumblr no seu PC). Não é possível fazer isso pelo Tumblr App (aplicativo do Tumblr para smartphones e tablets).
(Last updated in 21/04/2019) - (Versão em Português deste tutorial aqui!)
I've been searching for a way to customize "Not found" pages on themes for Tumblr for a while. I found a few tutorials about it, but none of them would work in every blog, they would only work for blogs of a certain language (since the code would select the page basing on the error phrase that it shows, and this phrase changes according to the language of the blog, making it impossible for the script to find it in blogs that are set in other languages).
Until one day, as I was studying JQuery (thanks to W3Schools), I found a method that could work for any blog on Tumblr, since it selects the page based on its status (whether it's an error page or not). I tried it and it worked! 🙌 So, to anyone interested, here is my tutorial on how to customize "not found" pages on Tumblr using Ajax.
(Última atualização em 21/04/2019) - (English version of this tutorial here!)
Já fazia um tempo que eu vinha procurando uma forma de personalizar páginas de erro em temas para o Tumblr. Encontrei alguns tutoriais sobre o assunto, mas nenhum deles funcionava para todo tipo de blog, funcionavam apenas para blogs de um determinado idioma (já que o código selecionava a página baseando-se na frase de erro que ela mostra e essa frase muda de acordo com o idioma do blog, tornando impossível para o script encontra-la em blogs que estejam em outros idiomas).
Até que um dia, enquanto estudava JQuery (meus agradecimentos ao W3Schools), eu encontrei um método que poderia funcionar para qualquer blog no Tumblr, pois ele seleciona a página baseando-se em seu status (se é uma página de erro ou não). Eu testei e ele funcionou! 🙌 Então, para quem estiver interessado(a), aqui está o meu tutorial sobre como customizar "páginas não encontradas" no Tumblr utilizando Ajax.
(Last updated in 15/04/2019) - (Versão em Português deste tutorial aqui!)
If, like me, you like your blog to look organized, but at the same time like to reblog a little bit of everything and it ends up messing with the appearance of your blog, you must have already thought "how good it would be if I could hide posts that I reblogged because I liked, but that don't match the aesthetic of my theme very well"... Another similar situation would be if you'd like to hide reblogged posts and show only your original posts in the first page.
Well, that would be possible to do using two different logics based in the use of tags. Let's say that you tagged some of your posts with "#photo", you could make your theme:
Method 1) Show only the posts that contain the tag "#photo";
Method 2) Or, show all posts, except fot the ones that contain the tag "#photo".
I've tried a couple times to use the method 2, but, unfortunately, I still can't make a script that execute this function without messing up with the entire theme. So, for now, the only available option that I know is the method 1, and that's the one I'll be teaching you to use in this post.
How does it work?
You'll install a script in your theme that will make the first page of your blog redirect to a tag page of your choice (if you don't know how to use/access tags, read these articles); this way, when anybody open your blog, the first posts they will see will be the ones tagged with this specific tag.
(Última atualização em 15/04/2019) - (English version for this post here!)
Se, assim como eu, você gosta de deixar seu blog bem organizado, mas ao mesmo tempo gosta de reblogar um pouco de tudo e isso acaba bagunçando a aparência do seu blog, você já deve ter pensado "como seria bom poder esconder, no meu tema, posts que rebloguei porque gostei mas que não combinam com a estética do meu blog...". Outra situação parecida seria se você quer esconder posts reblogados e mostrar apenas os seus posts originais na primeira página do seu blog.
Bom, seria possível fazer isso utilizando duas lógicas diferentes baseando-se no uso de tags. Vamos supor que você marcou alguns posts do seu blog com uma tag "#foto", você poderia fazer o seu tema:
Método 1) Mostrar somente os posts que contém a tag "#foto";
Método 2) Ou, mostrar todos os posts, exceto os que contém a tag "#foto".
Eu tentei algumas vezes utilizar o método 2, mas, infelizmente ainda não consegui fazer um script que execute essa função sem acabar bagunçando o tema todo. Então por enquanto a única opção disponível que eu conheço é o método 1, e esse é o método que eu estarei ensinando a usar neste post.
Como funciona?
Você instala um script no seu tema que faz a primeira página do seu blog redirecionar para a página de uma tag de sua escolha (se você não sabe como usar/acessar tags, leia este tutorial); dessa forma, ao abrir o seu blog, os primeiros posts a serem mostrados serão os posts marcados com essa determinada tag.
(Latest updated in 04/03/2022) - (Versão em Português deste post aqui!)
Not every problem that happen to a theme is a defect that already came with it. There are many things you can do while installing or customizing a theme that can corrupt its code and cause issues.
In this post I listed the most common problems that happen with themes and showed how to solve them as well as how to avoid other problems.
Read the following table with the most common issues and if one of them sounds similar to what's happening to you, then click on all of the causes in front of it. If this post don't help you, then contact me via Ask on Tumblr and explain to me in detail what is going on with your theme (if possible, send prints to show me what you mean).
(Última atualização em 04/03/2022) - (English version of this post here!)
Nem todo problema que surge em um tema é um defeito que já veio nele. Existem algumas coisas que você pode fazer ao instalar ou personalizar um tema que podem corromper seu código e causar erros.
Neste post eu listei os problemas mais comuns que acontecem em temas e mostrei como resolvê-los e também como prevenir outros.
Leia a tabela a seguir com os problemas listados e se algum deles soar parecido com o que você está tendo, então clique em todas as causas á sua frente. Se esse post não te ajudar, então entre em contato comigo via Ask do Tumblr e explique com bastante detalhes o que está acontecendo com o seu tema (se possível, mande prints para mostrar o que você quer dizer).
A importância dos caracteres especiais é do fato de que eles funcionam em qualquer lugar incluindo campos de texto que não disponibilizam formatação (a menos que seu navegador não seja capaz de ler alguns deles) — como nos posts do Twitter, Instagram e Facebook, por exemplo — nos permitindo decorar nossos textos nesse lugares.The importance of special characteres is the fact that they work anywhere including text fields that don't offer formatting (unless your browser isn't capable of reading some of them) — like on Twitter, Instagram and Facebook posts, for example — allowing us to decorate our texts in these places.
E eu tinha salvo no meu PC alguns caracteres especiais que eu uso com frequência e outros que eu achei que poderia querer usar em algum momento da minha vida. A lista ficou um pouco grande e eu tive tanto trabalho organizando eles para que ficasse fácil de achar cada um, que eu achei que deveria compartilhar essa lista com outras pessoas. Então já aproveitei e fui acrescentando mais caracteres que podem ser úteis para outras pessoas, juntamente com links de sites onde você pode encontrar mais deles e estou compartilhando a minha lista aqui:I had some special characters that I use very often saved in my PC together with others that I thought could be useful to me at some point in my life. The list got a bit big and I had so much work organizing it in a way that it would be easy to find each one of them that I thought I should share this list with other people. So I took the chance and also added more characteres that could be useful to other people, together with links from websites where you can find more of them and I'm sharing it in this post:
In this tutorial I will be showing you how to organize the captions (comments) of the posts on Tumblr without needing to use any script.
I found this method in the "Undocumented Documentation" that @bychloethemes did, where she shows some blocks and variables that are not yet registered on the official Tumblr documentation. In her documentation she talks about this method in a brief way, so if you rather a brief explanation you can go check her page. But if you want a little more details about it, then you can keep on reading my tutorial.
Neste tutorial eu estarei mostrando como organizar os captions (comentários) dos posts do Tumblr sem precisar de nenhum script.
Eu encontrei esse método na "Documentação não documentada" que a @bychloethemes fez, onde ela apresenta algumas variáveis do Tumblr que ainda não estão registradas na documentação oficial da plataforma. Lá ela fala, de forma breve, sobre esses códigos que eu estarei mostrando aqui no tutorial. Porém a documentação dela está toda em inglês, então para quem precisa de uma tradução para o português, aqui está a minha explicação.
Mas, antes de começar, já vou avisando que eu não me aprofundarei muito em explicações neste tutorial, então ele pode ficar um pouco confuso para quem não tem muita experiência com códigos. Já que a forma como os códigos estão organizados em um tema pode variar dependendo do tema, eu não tenho como prever de que jeito você encontrará os códigos no HTML do tema que você usa. Portanto esse tutorial é mais recomendado para quem já tem experiência com HTML e com as variáveis do Tumblr.
