Como adicionar uma quebra de HTML "Leia mais" no Tumblr

Aluna sentada no café.

Leia mais break é uma ótima maneira de separar seu blog.

Crédito da imagem: millann / iStock / GettyImages

Adicionar uma pausa "Leia mais" no Tumblr é uma excelente maneira de dividir o conteúdo do seu blog e torná-lo mais fácil de percorrer várias postagens. É fácil de fazer usando o editor de rich text padrão usado pelo Tumblr, mas se você quiser adicionar uma quebra de "Leia mais" do Tumblr no HTML, será necessário adicionar um pequeno código. Não é um código HTML padrão e não vai parecer que funciona quando você visualiza o post, mas depois de postar, ele aparece como você deseja. No entanto, é uma boa ideia conhecer as duas abordagens, porque o método padrão é muito mais simples.

Tumblr “Leia mais” - Método Fácil

Adicionar uma pausa "Leia mais" é fácil usando o editor de rich text padrão do Tumblr. Primeiro, escreva a seção inicial de sua postagem, ou seja, a parte que você deseja ver antes do intervalo "Leia mais". Em seguida, selecione "Enter" para iniciar uma nova linha e observe o símbolo "+" que aparece à direita da janela do editor ao lado da nova linha. Clique neste símbolo e as opções aparecem, com a da extrema direita sendo uma linha de três pontos contra um fundo cinza.

Vídeo do dia

Clique no símbolo de três pontos para inserir a quebra "Leia mais" usando o método simples. Você também pode usar o atalho "Ctrl" + "Shift" + "K" em um PC ou "Command" + "Shift" + "K" em um Mac para fazer a mesma coisa. Isso gera automaticamente o código HTML de que você precisa. Você não precisa ir para o editor de HTML se não quiser.

Código HTML para “Leia mais”

Você também pode criar um Tumblr "Leia mais" no editor de HTML no Tumblr. Para acessar o editor, clique no ícone de engrenagem no canto superior direito da tela ao criar uma nova postagem ou editar uma existente um e clique no menu suspenso ao lado de "Editor de texto". Escolha "HTML" nas opções exibidas e o editor muda para HTML modo.

O processo deste ponto em diante é simples. Se você já tiver um texto no lugar, verá o "

" e "

"tags para o início e o fim dos parágrafos, respectivamente. Entre a tag final e inicial, onde você deseja que a quebra "Leia mais" seja localizada, digite "[[MAIS]]" (sem aspas) para gerar a quebra "Leia mais".

No entanto, esse código não é padrão para HTML e, se você clicar em "Visualizar", ele será exibido exatamente como você o escreveu. Mas não se preocupe. Quando você publica a postagem, ela aparece como uma pausa, assim como quando você usa o método anterior.

“Leia mais” no Editor Markdown

O último formato para o editor no Tumblr é o editor Markdown, e você também pode criar um link "Leia mais" usando este editor. O processo é exatamente igual ao do HTML. Você digita o texto que deseja ler antes do intervalo "Leia mais" e, em seguida, "[[MAIS]]" antes de continuar a digitar seu texto. Não vai aparecer na visualização, como no modo HTML, mas funciona quando você publica a postagem.

Adicionando quebras de linha em HTML

Embora o link "Leia mais" seja a maneira mais útil de separar seu conteúdo, também pode ajudar saber como inserir quebras de linha em HTML. Isso é fácil de fazer: insira o código "


"(sem as aspas) no ponto em que deseja que a quebra de linha apareça. Você não tem que colocar isso entre as tags de parágrafo de fechamento e abertura. Funciona em qualquer lugar.