Muitos sites oferecem widgets para incorporar em seu blog, abrindo uma ampla gama de possibilidades de personalização. Se o seu tema do Tumblr inclui uma barra lateral, você pode inserir aplicativos na página do seu blog colando uma linha de código HTML na tag da barra lateral do seu tema. Sites que oferecem widgets podem gerar esta linha de código, então você não precisa de conhecimento de programação para inserir widgets em sua barra lateral. O Tumblr inclui um editor de HTML com uma barra de pesquisa para que você possa localizar rapidamente a tag da barra lateral e inserir o código em seu local apropriado.
Visite um site como Widgetbox, ShareThis ou Tumblring para pesquisar widgets para adicionar à sua página do Tumblr (links em Recursos). O processo de geração de código HTML varia entre os widgets, mas cada site fornece instruções para personalizar um widget, gerar código e inserir o código em sua página do Tumblr. Os tipos de widgets incluem botões de favoritos sociais, reprodutores de música, mecanismos de pesquisa e muitos outros.
Selecione um widget e, quando solicitado, escolha quaisquer opções, como layout, cor ou fonte. Alguns widgets podem exigir mais configuração. Por exemplo, se você estiver incorporando um reprodutor de música, pode ser necessário seguir as instruções do site para criar uma lista de reprodução antes que seu código possa ser gerado. Depois de fazer sua seleção, clique em “Gerar HTML” ou uma opção semelhante e copie o código exibido na caixa de texto.
Abra o Bloco de notas e cole o código em um novo documento de texto. Salve o documento e dê a ele um nome pelo qual possa identificá-lo facilmente mais tarde, como o nome do widget.
Visite o painel do Tumblr, clique no ícone “Gear” e selecione o seu blog na barra lateral. Clique em “Personalizar” na seção Tema e, em seguida, escolha “Editar HTML” na página de personalização. O código HTML do seu blog é aberto em um editor de texto embutido na página.
Abra um novo documento de texto no Bloco de notas e copie o código HTML do editor do Tumblr para o novo documento do Bloco de notas. Dê a este documento um nome como “Tumlbr HTML Original” para que você possa encontrá-lo rapidamente mais tarde, caso não goste das alterações feitas em sua barra lateral.
Retorne ao editor de HTML do Tumblr e pressione “Ctrl-F” para exibir a barra Localizar e Substituir, que você pode usar para pesquisar a marca da barra lateral dentro do código HTML. A formatação exata do código pode ser diferente entre os temas, mas você pode encontrá-lo digitando “barra lateral” (sem aspas) na caixa Localizar porque todas as marcas da barra lateral incluem essa palavra-chave. Por exemplo, pesquisar por “barra lateral” pode localizar o trecho de código “
Cole o código HTML do widget dentro da tag da barra lateral, mas não dentro dos colchetes angulares que demarcam as palavras-chave da tag. Depois de inserir o código, sua tag da barra lateral deve ser semelhante ao seguinte snippet de código:
O código gerado pode ser longo e complicado, mas tudo que você precisa fazer é colá-lo na tag da barra lateral. O espaço em branco e a tabulação de linha não importam porque o editor de HTML do Tumblr formata o código para você.
Clique em “Atualizar visualização” para ver suas alterações na janela de visualização. Se o widget for exibido ao seu gosto, clique em “Salvar” e feche o editor de HTML. Se desejar alterar qualquer aspecto de seu widget, substitua o código alterado pelo código original que você salvou na Etapa 5. Retorne à página de geração do widget, selecione as opções de sua preferência e gere o código novamente. Repita o processo de inserção de código com o código recém-gerado.
Pontas
Se você estiver inserindo vários widgets da barra lateral, cole-os na ordem em que deseja que apareçam na barra lateral.
