Com um Tumblr tema como Kalalalani, Prólogo ou Vignetti, você pode adicionar um blogroll-como a listagem diretamente na barra lateral adicionando algumas linhas de código personalizado para o seu modelo. Se o seu tema não suportar uma barra lateral, no entanto, você ainda pode adicionar um blogroll criando uma nova página do Tumblr que contém todos os blogs que você segue pessoalmente e deseja compartilhar com outras pessoas.
adicionar Blogroll à barra lateral do tema
faça login na sua conta do Tumblr, clique em ” Personalizar “e selecione” Editar HTML.”
percorra o código HTML até encontrar a seção que contém a barra lateral do tema. Por exemplo, a barra lateral para o tema Kalalalani começa com” <ol> “e termina com” </ol>.”
insira uma linha em branco acima da tag “</ol>” para abrir espaço para código HTML adicional.
digite uma nova tag “<li>” na linha em branco que você criou para adicionar outro item da lista. O editor do Tumblr adiciona automaticamente a tag de fechamento para você.
digite “Blogroll” no ponto de inserção entre as tags”< li>”e”</li > ” para criar um rótulo para a seção blogroll da barra lateral.
clique em ” Atualizar visualização “para ver se o texto” Blogroll ” aparece na barra lateral. Alguns temas exigem algum código CSS adicional para tornar seu novo texto visível. Por exemplo, para tornar “Blogroll” visível no tema Kalalalani, substitua a tag”< li > “pelo seguinte código que mudará a cor do texto do rótulo para branco:
<estilo li=” cor:branco”>
clique acima da tag” </Ol> “e pressione” Enter ” para criar uma linha em branco para um link de blogroll.
digite o código HTML para o item da lista que conterá o primeiro link do blogroll. Por exemplo, digite a seguinte linha abaixo do rótulo blogroll:
<li >< a>
o editor adiciona automaticamente as tags de fechamento para você enquanto digita, para que seu código fique assim:
<li><um></a></li>
Digitar o código HTML para adicionar o URL para o primeiro blog dentro do “<um>” marca. Por exemplo, se o seu blog tem o URL “http://myfavoriteblog.com,” o código deve ser semelhante ao seguinte:
<li><a href=”http://myfavoriteblog.com”></um></li>
Clique na frente do “</a>” marca e, em seguida, digite o nome do primeiro blog. Por exemplo, se o blog é chamado de “meu Blog favorito”, seu código deve se parecer com a seguinte linha:
<li><a href=”http://myfavoriteblog.com”>Meu Blog Favorito</a></li>
Clique em “Update Preview” para visualizar as alterações.
adicione código CSS para reduzir o tamanho do nome do primeiro blog. Por exemplo, se você usar o tema Kalalalani, altere o tamanho da fonte para cerca de 10 pixels. Sua ajustado código deve parecer com o seguinte:
<li style=”font-size:10px”><a href=”http://expectedend.com”>My Blog Favorito</a></li>
Clique em “Update Preview” para visualizar as alterações. Use o primeiro link de blogroll que você criou como exemplo para adicionar blogs adicionais.
clique em “Salvar” para tornar suas alterações permanentes.
Adicionar Página do Blogroll
clique na seta para trás no painel personalizar e, em seguida, clique no botão “Adicionar uma página”.
digite um nome para concluir o URL da sua nova página. Por exemplo, se o seu URL do Tumblr for “goodblog.tumblr.com,” seu URL concluído deve se parecer com a seguinte linha:
goodblog.tumblr.com / blogroll
digite um título para sua página do blogroll e clique no botão de alternância” mostrar um link para esta página ” para ativá-lo.
digite o nome do seu primeiro blog na caixa de edição.
selecione o nome do blog e clique no botão “Inserir/Editar Link”.
digite o URL do blog na caixa de entrada chamada “URL do Link”, clique no botão” Inserir link “e clique em” Salvar.”
avisos
embora as alterações do tema possam parecer OK no painel de visualização do Tumblr ou no navegador da Web, os visitantes que usam um navegador diferente ou um dispositivo móvel podem ver itens fora do lugar ou distorcidos. Visualize seu blog do Tumblr usando o maior número possível de navegadores e plataformas de hardware diferentes para garantir que seu site sempre tenha a aparência que você pretendia.
