Criar uma lista de links na postagem do blogger

Como criar uma lista de links na postagem do blogger, algo tipo 'Posts relacionados' ou 'leia também', sem o uso de códigos, ou com eles para personalizar.

O estilo da lista de links irá variar de acordo com seu layout(tema, estilo de modelo), pode ver um exemplo de uma lista de links simples:

• Como crio um link no blogger
• Criar lista de links em html
• Resumo de posts e link 'Leia mais', no BlogSpot

Geralmente uso esse tipo de lista no final do post, os motivos para colocar links no post são para que o leitor possa ler coisas de assunto parecido que talvez lhe interesse e para que ele fique mais tempo no blog. Isso fará com que alguns visitantes naveguem em seu blog e nessa navegação aumenta as chances dele se inscrever, compartilhar, seguir, se interessar em um anúncio ou diversas outras coisas possíveis em seu blog e que seja do interesse de ambos.

Outra coisa muito boa, é que isso contará alguns pontinhos para seus posts aparecerem mais nos resultados de busca, o resultado desse trabalho e as coisas citadas é mais visitas para seu blog

Porque uma lista de links?

Uma lista simples é um link abaixo do outro, mas o porque de não deixar simplesmente um link embaixo do outro é que as pessoas percebem melhor que cada linha é um item separadamente, dá um visual melhor, o cérebro associa muito facilmente a lista como se fosse um menu e opções distintas a serem exploradas, a chance de um clique aumenta.

Mas o fato de você ter uma lista de links não quer dizer que você deva abrir mão de colocar links no texto da postagem quando for interessante citar um outro artigo.

Outra coisa importante é, que alguns sites de busca nem sempre sabem de todos seus posts, e esses links ajudam eles a descobrirem seus posts, você pode imaginar um site de busca como se fosse uma pessoa louca para ler mais coisas e, cada vez que ele encontra um link em seu post ele vai lá e lê e se achar importante ele mostra para as pessoas que fazem pesquisa, e, esses links no seu post é como se você dissesse para os sites de busca que seu outro artigo também é bom, se esses posts tem um assunto parecido eles dão mais valor ao post onde tem esses link e ao post que 'recebe os links', mas é bom não exagerar na quantia de links dentro do post.

Dicas para criar lista de links para o post

• Você pode começar um post já com a listinha de uns 2 ou 3 links, e no que vai escrevendo você pode lembrar de algum post relacionado e criar mais um link.
• Se você tem muitos posts, pode fazer uma busca em seu blog, isso usando as principais palavras do artigo que está escrevendo, isso faz você lembrar de algum post interessante e conhecer melhor seu blog, e, até pode surgir uma nova ideia.
• Você também pode colocar links para posts que você imagine que a pessoa vai gostar, não precisa ser assuntos exatamente parecidos, mas com alguma semelhança, se você observar esse post aqui, perceberá que existem links para posts parecidos, que incluem criar listas e links, mas, também verá links para posts que podem ser essenciais para a pessoa entender esse post(assunto) e fazer o que é proposto aqui, também verá aqui links para posts que eu sei que você ou outro leitor gostaria, isso porque eu sei que quem lê esse post provavelmente usa o blogger, assim você deve ser com seu blog, sacar o que mais seu leitor gostaria de ler, assim como um dono de padaria, ele sabe que quem compra pão poderá querer presunto e queijo e/ou mortadela e margarina, assim como ele precisa saber, dentre esses produtos, qual vende mais e não pode faltar para o sucesso de sua padaria, assim como pode escolher o que vale mais ou deve estar em destaque.

Criando a lista de links no post do blogger


Para criar a lista de links basta ir só até o passo 6 e continuar seu post, as imagens abaixo podem ser um pouco diferentes do que você verá ao criar o post.
1. Acesse o Blogger.com
2. Em criar Nova postagem
3. Na opção Escrever
4. Crie seus links, deixe um em cada linha, se não souber como criar links no post, clique aqui
5. Selecione os links clicando no inicio deles e arrastando o mouse até o final do ultimo link
6. Com eles selecionados clique no botão de listas, ao passar o mouse sobre esse botão aparece a mensagem 'Lista com marcadores'

   Ao lado desse botão terá um botão que é para Lista numerada, se você quiser pode usar, mas a lista simples(com marcadores) é mais adequada para isso. Importante, essa mensagem que aparecerá no botão(Lista com marcadores) não tem nada haver com os marcadores do blogger

Clique para aumentar

Pronto, é só seguir editando seu post e publicar ele, e, se você quiser adicionar mais um item a sua lista, basta clicar onde tem o círculo(bolinha) e dar um Enter, na linha que ficar só a bolinha você pode digitar uma frase e fazer ela virar um link como faria normalmente, a menos que você queira que fique mais chamativa a sua lista de links, aí precisará mexer no Html do post e usar um estilo Css, veja abaixo.


7. Personalizar a lista de links

Essa parte pode ser bastante difícil, seria bom que primeiro você postasse algo com sua lista de links sem personalização(como mostrado acima) para ver se isso realmente será necessário.

Se você quiser pode selecionar a lista e clicar no botão de cor de fundo(só para quem usa o novo editor), mas eu desaconselho a fazer isso porque se um dia você mudar as cores de seu blog, essas cores não mudarão sozinhas porque estão no Html e poderão não combinar com o novo tema, até pode ficar difícil de ler, sendo assim, o que eu faço aqui é usar um nome de classe para a lista, para isso basta ir na parte Editar Html da postagem e encontrar essa tag <ul> ou essa <ol> e acrescentar class='my-list-post' e ficaria assim: <ul class='my-list-post'> ou assim <ol class='my-list-post'> Aí, essa lista terá um nome, sendo assim eu vou uma única vez no Css do HTML e incluo uma personalização para esse nome de classe, aí, cada vez que eu adicionar esse nome de classe numa lista ela vai obedecer aquela personalização, se um dia eu quiser alterar essas cores, basta ir Editar HTML do blogger e alterar o estilo para essa classe, aí todas as listas de links com esse nome de classe irão mudar automaticamente.

1ª Parte, ao criar o post e depois de criar a lista de links clicar em Editar Html e encontrar a tag <ul> ou <ol> e acrescentar class='my-list-post' O resultado ficaria assim:
<ul class='my-list-post'> ou então <ol class='my-list-post'>
A diferença entre as tags ul e ol depende do tipo de lista que você criou

2ª Parte, Adicionar estilo no Css do blogger(veja como)

Agora que você sabe onde adiciona estilo no Css do blogger, vou mostrar um estilo para a classe criada acima

.my-list-post{border:solid red 1px; background:orange; padding:6px; list-style-position: inside;}


No código Css acima, red é a cor vermelha da borda e orange é a cor laranja do fundo, você pode alterar os nomes de cores usando nomes básicos de cores em inglês ou um código de cor hexadecimal no lugar do nome da cor.

Talvez você tenha que entender e acrescentar uma margem(margin e valores) para que não fique muito distante das laterais, uma vez que listas tem seus próprios valores para os navegadores e, dependendo do seu modelo...

• Colocar lista de blogs favoritos no BlogSpot
• Começando a criar um BlogSpot, veja as dicas
• Colocar links na lateral do BlogSpot
• Colocar caixa de busca Google no BlogSpot
• Colocar gadget seguidores no BlogSpot
• Texto com link na lateral do BlogSpot