sexta-feira, 24 de julho de 2015

Tutorial 001 - Colocar gadget de artigos relacionados

Esta semana recebi um e-mail de uma menina a perguntar-me como é que eu tinha colocado o gadget, com os artigos relacionados.
Como a explicação é um pouco longa para responder por e-mail e porque eu própria tive várias duvidas na altura em que fiz o meu template, decidi fazer um tutorial, para explicar a todos os interessados como se faz para colocar esse gadget no template para o blogspot.

1º Antes de mais é importante que façam um backup do vosso blog, pois vamos mexer no HTML ou código fonte, e por vezes podemos danificar o nosso espaço, por isso façam um backup antes de começar é fundamental.

2º Começamos por aceder ao site LinkWithin, lá vamos fazer o código de acordo as nossas preferências:

Assim que entrarem no site vão ter que preencher esta caixa.  Lembrem-se de referir colocando o visto onde diz "My blog has light text on a dark background", se o vosso blog tiver um fundo escuro e letras claras. Escolham na secção "Width" o número de sugestões que pretendem que apareçam no vosso rodapé do post.

Importante: Para este tutorial, onde vos pede para selecionarem a plataforma escolham "Other".
Relembro que este tutorial é para utilizadores blogger e estes códigos não vão funcionar corretamente com outras plataformas.

Depois de tudo selecionado, basta clicar em "Get Widget", e o LinkWithin vai facultar-vos um código HTML, e vai ser com ele que vamos começar a trabalhar:
Tenham em atenção os números destacados pois vamos precisar deles mais à frente.
4º Depois no painel de controlo do blog, vamos a “Layout” e “Editar HTML”.
5º Com o cursor dentro da caixa do HTML, façam CTRL+F e vai vos surgir uma caixa de pesquiso só para o HTML.
Pesquisem a seguinte linha de código:
Pode acontecer que no vosso blog exista mais do que uma linha de código por isso, procurem a segunda e colem imediatamente antes:
Onde diz NUMERO IDENTIFICADOR, coloquem o numero que assinalaram antes.
Depois disto o gadget já está pronto a funcionar.

Relembro que esta é uma das várias opções.
Uma alternativa será se registarem no LinkWithin, em vez de na plataforma escolherem "Other", escolherem "Blogger". Ele próprio vos vai dar as indicações necessárias, mas nesse caso, o gadget não vai aparecer entre o post e a área de comentário, mas sim após.

Espero que tenham gostado e que esta publicação vos tenha ajudado.

Acompanhem as novidades no Facebook, e no Twitter.

Etiquetas: ,

Partilha este artigo:

39 Comentários:
Às 1:05 da manhã, julho 24, 2015 , Blogger Ana Freire disse...

Um post super útil!
Por acaso no meu, uma amiga nossa do Porto e o Jorge fizeram-me isso...
Mas virei aqui noutro dia, com mais tempo, ver com muita atenção este post... Linguagem Html... causa-me calafrios... não entendo lhufas!
Excelente post, Teresa! E bem útil!
Beijos!
Ana

 
Às 1:21 da manhã, julho 24, 2015 , Anonymous nina disse...

xiiiiiiiiiiii adoro quando me chamam: menina lol
és uma querida Teresa obrigada muito obrigada mesmo amiga. Já coloquei e coloquei tambem na 1ª postagem um link externo ao blog. Quando poderes ve se gostas e se achas que ta bem. Um beijinho grande e se necessitares de algo de mim apita ok?? bjxxx

 
Às 1:33 da manhã, julho 24, 2015 , Blogger Adriana R. disse...

Muito obrigado pela dica! Tenho que experimentar isto com calma :D
beijinhos
thefancycats.blogspot.com

 
Às 3:58 da manhã, julho 24, 2015 , Blogger Adriana Leandro disse...

Uma ótima dica para quem ainda não utiliza esse gadget. Eu já uso. Beijinhos!

galerafashion.com

 
Às 4:11 da manhã, julho 24, 2015 , Blogger A.C. disse...

Tenho de admitir que não consegui colocar com a maneira como tu explicaste (é muita areia para a minha camioneta :s) mas, do outro jeito funcionou bem :)
Obrigada pela informação

 
Às 9:02 da manhã, julho 24, 2015 , Blogger Miguel Gouveia disse...

E é bom ver que Portugal está a evoluir e que não se deixa ficar parado :D

Gosto destes posts de tutoriais. Fazem sempre imenso, imenso jeito :D

LIGTH BLUE | NEW OUTFIT POST
InstagramFacebook Oficial PageMiguel Gouveia / Blog Pieces Of Me :D

 
Às 9:15 da manhã, julho 24, 2015 , Blogger Francisco Manuel Carrajola Oliveira disse...

Uma bela e interessante explicação.
Um abraço e bom fim de semana.

 
Às 10:29 da manhã, julho 24, 2015 , Blogger Catarina disse...

Gostei :)

 
Às 10:41 da manhã, julho 24, 2015 , Blogger Unknown disse...

É bom ver que ainda existe quem ajude os outros espontaneamente. No inicio pedi a algumas blogger e nem um mail recebi de volta. O post é muito útil já anteriormente tentei colocar esse gadjet mas aconteceu-me sempre interferir com as mensagens por isso optei por não colocar, agora com as tuas dicas vou tentar novamente.
Beijinhos
Clara Dinis
docinhomorango7.blogspot.com

 
Às 11:05 da manhã, julho 24, 2015 , Blogger Ana disse...

Já tive isso no meu blog mas não achei muito eficaz. Os links que apareciam relacionados, não tinham rigorosamente nada a ver com o artigo publicado ahahah. Usei no let's look mas no escrita desajeitada ainda não experimentei. vamos ver se faço isso um dia destes. Bjss

 
Às 1:52 da tarde, julho 24, 2015 , Anonymous Anónimo disse...

Muito bom o tutorial :) eu não quero esse gadget no meu blog mas acho útil este tipo de posts :)

 
Às 6:50 da tarde, julho 24, 2015 , Blogger Andreia Morais disse...

Uma excelente ajuda!

r: Pois é*

 
Às 7:16 da tarde, julho 24, 2015 , Blogger Green disse...

Boa dica :)

 
Às 9:01 da tarde, julho 24, 2015 , Blogger ZULMIRA ROMARIZ disse...

Teresa, boa dica, bom fim de semana amiga

 
Às 9:08 da tarde, julho 24, 2015 , Blogger Look Day disse...

Boa dica.

beijos.

 
Às 10:23 da tarde, julho 24, 2015 , Blogger PEQUENOS DELITOS RENOVADOS disse...

Bela aula.... pedagogicamente perfeita.
Imagens e linguagem bem tutorial...
PARABÉNS!!!

 
Às 7:09 da tarde, julho 25, 2015 , Blogger Emma disse...

Que trabalhão. Eu limito-me a pegar no código HTML, ir ao separador Esquema do blogue e colocar no widget HTML. Muito mais simples e faz o mesmo :p

 
Às 7:10 da tarde, julho 25, 2015 , Blogger Isa M disse...

Este tipo de posts faz sempre muito jeito :b

Beijinhos, Sweet Home | BLOG

 
Às 7:15 da tarde, julho 25, 2015 , Blogger Vanda disse...

Boa ajuda! Ótima dica!
R: Google tradutor querida! ;)
Mas eu perceber até percebo!
Beijos

 
Às 7:18 da tarde, julho 25, 2015 , Blogger Lulu on the sky disse...

Eu já tenho no meu blog, mas acho legal você compartilhar isso com as outras pessoas que tb querem colocar nos blogs
Boa semana.
Big Beijos
Lulu on the Sky

 
Às 8:27 da tarde, julho 25, 2015 , Anonymous Anónimo disse...

Sempre bom encontrar pessoas dispostas a ajudar outras!

Beijos. :*

 
Às 11:00 da tarde, julho 25, 2015 , Blogger La Joie de Vivre! disse...

excelente post, adorei o tutorial!! :D beijos

 
Às 10:12 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Ainda bem que gostas-te!

 
Às 10:13 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Oh foi um prazer ajudar!

 
Às 10:13 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Depois diz como correu!

 
Às 10:14 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

O importante é que funcionou!

 
Às 10:15 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Sem dúvida que sim!

 
Às 10:15 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

:)

 
Às 10:16 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

espero que consigas sem problemas!

 
Às 10:17 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Pois, isso é sem dúvida um dos problemas, mas é sempre uma maneira de as pessoas verem outros trabalhos nossos....

 
Às 10:18 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Obrigada e bom domingo!

 
Às 10:18 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Obrigada!

 
Às 10:30 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

oh muito obrigada!

 
Às 10:30 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

lol também é uma opção!

 
Às 10:30 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Sem dúvida que sim!

 
Às 10:31 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

obrigada!

 
Às 10:31 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Obrigada!

 
Às 10:31 da manhã, julho 26, 2015 , Blogger Teresa Isabel Silva disse...

Acho que todos temos que nos ajudar...

 
Às 11:32 da tarde, julho 26, 2015 , Blogger M. disse...

Maravilha, muito útil!
Beijocas, boa semana :)

 

Enviar um comentário

Subscrever Enviar feedback [Atom]