>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como adicionar uma quebra de HTML Leia mais no Tumblr


Adicionar uma pausa "Leia mais" no Tumblr é uma excelente maneira de dividir o conteúdo do seu blog e facilitar a rolagem de 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 em HTML, você precisa adicionar um pouco de código. Não é um código HTML padrão e não parecerá funcionar quando você visualizar a postagem, mas depois de postar, ela aparecerá 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 no Tumblr. Primeiro, escreva a seção inicial do seu post, ou seja, a parte que você deseja ir 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 aparecerão, com a da extrema direita sendo uma linha de três pontos contra um fundo cinza.

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 que você precisa. Você não precisa entrar no editor de HTML se não quiser.

Código HTML para “Leia mais”


Você também pode criar um Tumblr "Leia mais" através do editor HTML no Tumblr. Para acessar o editor, clique no ícone de engrenagem no canto superior direito da tela quando estiver criando uma nova postagem ou editando uma existente e clique no menu suspenso ao lado de "Editor de texto". Escolha "HTML" entre as opções exibidas e o editor alterna para o modo HTML.

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

" e "
" para o início e fim de parágrafos, respectivamente. Entre a tag final e inicial, onde você deseja que a quebra "Leia mais", digite "[[MORE]]" (sem as aspas) para gerar a "Ler Mais" pausa.


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. Não se preocupe, no entanto. Quando você publica a postagem, ela aparece como uma pausa, assim como quando você usa o método anterior.

“Leia mais” no Editor de 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 o mesmo que para HTML. Você digita o texto que deseja ir antes do intervalo "Leia mais" e depois "[[MORE]]" antes de continuar digitando seu texto. Ele não será exibido na visualização, como no modo HTML, mas funcionará quando você publicar 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 você deseja que a quebra de linha apareça. Você não precisa colocar isso entre as tags de parágrafo de fechamento e abertura. Funciona em qualquer lugar.