Como Adicionar Um Link Para O Seu Blog

Índice:

Como Adicionar Um Link Para O Seu Blog
Como Adicionar Um Link Para O Seu Blog

Vídeo: Como Adicionar Um Link Para O Seu Blog

Vídeo: Como Adicionar Um Link Para O Seu Blog
Vídeo: Curso Blogger 007 - Como adicionar Links na Postagem 2024, Dezembro
Anonim

Os links são usados para criar uma navegação clara e conveniente entre as páginas do blog. Eles podem ser internos e externos. No primeiro caso, os links fornecem uma transição entre os materiais de um recurso, no segundo - para sites de terceiros.

Como adicionar um link ao seu blog
Como adicionar um link ao seu blog

Instruções

Passo 1

Para postar links para o seu blog, faça login no painel de administração. Se o diário foi criado usando tecnologias gratuitas, por exemplo https://www.blogger.com/, faça login em sua conta através do site da empresa desenvolvedora. Neste caso, insira seu nome de usuário e senha em página

Passo 2

Na barra de ferramentas, selecione um comando para criar uma nova postagem ou editar uma postagem publicada anteriormente. Você verá uma janela vazia para fazer alterações, acima da qual os comandos são exibidos.

etapa 3

Se quiser incluir um link no texto ou imagem, selecione a palavra ou seção da frase a partir da qual será feita a transição e clique no botão "Adicionar link". No formulário que se abre, anote o endereço da página.

Passo 4

No entanto, a barra de tarefas exibe uma gama muito estreita de tarefas e, se quiser estilizar o link de uma maneira especial, você terá que fazer alterações no código da página. Para mudar para o modo de edição, selecione o comando "Renderizar em html".

Etapa 5

Insira o link usando tags e adicione os elementos de interesse. A dica de ferramenta é definida pelo atributo title="Text", para que a página abra em uma nova janela, escreva. Alt = "Texto alternativo" - o valor especificado entre aspas torna-se visível para o usuário se a imagem não for exibida. Link, alink, vlink - esquema de cores de links não visitados, ativos e usados, definido no campo. Para que o sublinhado apareça após passar o cursor, você deve definir: a: hover {text-decoration: underline; color: # 800000} a {text-decoration: none;} Use o seguinte link para criar um sublinhado pontilhado: A.dot {text-decoration: none; border-bottom: 1px tracejado # 000080; } A.dot:hover {color: # f00000; } Atributos: - text-decoration: none - remove o sublinhado; - color: # f00000 - define a cor; - border-bottom: 1px tracejado # 000080 - adiciona uma nova linha.

Etapa 6

Salve o resultado e verifique se os links funcionam.

Recomendado: