Seguidores

Acompanhe-me nas Redes Sociais


Gostaste? Então, (com)partilha nas Redes Sociais

quarta-feira, 16 de abril de 2014

Tutorial: Comentários Recentes Com Foto

Dicas de Informática Geral, Cris Henriques, Tutoriais Passo-a-Passo, Widgets/Gadgets para Blogger, O Que O Meu Coração Diz
Dicas de Informática Geral

Olá a todos!

A pedido da amiga +Ronilda David Loubah Sofia, do blogue O Ballet dos Camelos, voltamos com a rubrica Dicas de Informática Geral - Tutoriais Passo-a-passo.

A querida Ronilda, veio à página aqui do blogue Sugestões Dicas de Informática Geral e sugeriu que fizesse 2 tutoriais para adicionar widgets/gadgets ao blogue e são: "Comentários Recentes Com Fotos" e o "Top Comentarista", ao qual nomeei como "Quem + Comenta". Cada blogueiro/a pode atribuir o nome que quiser.

Assim, hoje vamos aprender a adicionar o Widget "Comentários Recentes Com Foto" ao Blogger, na barra lateral e também a personalizar.

Comentários Recentes Com Foto
Tutorial Passo-a-Passo

1. Antes demais, precisamos fazer o download deste código abaixo;


Clique aqui para abrir no seu Navegador e fazer o Download 
*Nota: Ao clicar, vai abrir uma nova página no seu Navegador, onde deverá clicar na seta que aponta para baixo e que se encontra à direita no canto inferior. Então, realizará o download.

2. Guarde o ficheiro no seu computador no ambiente de trabalho e abra-o em seguida;

3. Vá ao Google e clique no botão das Aplicações e depois em Blogger, como mostra a imagem acima;

4. Inicie sessão na plataforma Blogger, digitando o seu e-mail e palavra-passe;

5. No painel de controlo do blogue, clique na setinha do botão das "Mensagens" e depois aceda a "Esquema". Veja a imagem de exemplo;

6. No painel que mostra o esquema do layout do nosso blogue, clique em "Adicionar Uma Aplicação". Nos blogues brasileiros terá algo como "Adicionar um Gadget";

7. Escolha "HTML/JavaScript clicando no botão (+), como mostra a imagem;

8. Dê um nome ao gadget em "Título", nomeei como "Comentários Recentes". Vá ao ficheiro que guardou no seu computador e seleccione o código todo, colando-o em seguida no "Conteúdo" do gadget. Agora vamos personalizar para que fique ao nosso gosto!

9. Primeiro observe a imagem, depois o código e procure onde diz "font-size: 12px". Esta linha representa o tamanho do tipo de letra que o gadget apresenta o excerto dos comentários, quando publicados. Então, personalize e coloque o tamanho que desejar;

- Em "Recent Comments Settings", a linha "numComments = 5," - indica o número de comentários que ficarão à vista neste gadget, portanto, substitua o "5", por outro número que queira;

- O item "showAvatar = true," - indica se quer que no gadget/widget os comentários sejam mostrados com a foto de perfil do utilizador. Se não quiser, basta substituir a palavra "true" por "false";

- O "avatarSize = 40," - mostra o tamanho que as fotos dos comentaristas precisam ter. Optei por 40px, achei adequado para a minha barra lateral. Escolha o tamanho que preferir;

- O "roundAvatar = true," - define que a foto do comentarista terá o formato circular activa;

- O campo "characters = 40," - revela a quantidade de caracteres será mostrado quando um comentário for publicado;

- O campo "showMorelink = true," - indica que aparecerá no comentário um link para se clicar, para ler o comentário completo;

- O campo "moreLinktext = Ler mais », - é o texto que aparecerá para ser clicado e ler o comentário completo, conforme está descrito no item anterior. Aqui podem substituir o "Ler mais", por algo que preferir.

10. Para terminar a personalização, deve colocar o "URL Completo do Seu Blog", no campo onde a imagem mostra, ou seja "URL DO SEU BLOG COMPLETO";

- Este widget foi personalizado para aparecerem somente 5 comentários publicados, porém no campo onde está escrito "recent_comments&max-results=5", pode mudar esse número e escrever o que for adequado para o seu caso. Clique no botão laranja "Guardar" e está pronta a personalização;

11. Voltando ao Esquema do layout, posicione o widget dos "Comentários Recentes Com Foto" no local à sua escolha, de seguida clique no botão laranja "Guardar Disposição" e depois, para concluir clique no botão cinzento "Ver blogue".

12. O resultado final, será semelhante ao da imagem. O meu ficou assim. ;)

*Nota: Para personalização das cores, precisará conhecer a linguagem CSS/CSS3. Para quem não tem nenhum conhecimento, deixo-vos o link com a paleta de cores em CSS/CSS3.

E por hoje é tudo!

Espero que este tutorial, vos seja útil! :)

Beijos,

Cris Henriques



*****

Clique para conhecer o meu livro de poesia: O QUE O MEU CORAÇÃO DIZ. Encomende pelo site da editora Corpos Editora por apenas 16,00 € [portes de correio não incluídos no valor do livro], - disponível também em E-Book na Wafstore por apenas 2,99 € [IVA incluído]. Mais informações, clique aqui.

Se preferir, pode entrar directamente em contacto que comigo pelo Formulário de Contacto, na barra lateral à esquerda que terei todo o prazer de lhe enviar o livro à cobrança [portes de correio incluídos]. Encomendas directas só para Portugal.

22 comentários:

  1. Oi Cris,
    Eu já tenho comentários com foto.
    O que não da certo no meu blog é top comentarista, o blog demora muito para carregar. Você tem algum melhor para me passar o código, pode me passar pelo comentário que eu excluo( se você quiser).
    Beijos
    Lua Singular

    ResponderEliminar
    Respostas
    1. Olá Dorli, minha amiga!

      Estou a fazer um novo tutorial com o Top Comentaristas que utilizo aqui e dentro de muito em breve, publicarei aqui. Será um passo-a-passo, também, com o ensinamento de personalização.
      Contudo, se quiseres dou-te já o código!
      O que achas?

      Beijos

      Eliminar
  2. Olá querida, eu sou meio burrinha para aprender internet.
    Se você quiser passar o código eu aceito
    Beijos
    Lua Singular

    ResponderEliminar
    Respostas
    1. Querida Dorli.

      Fui agora mesmo ao teu blog e deixei lá os links para baixares o código do Top Comentaristas, mas também o link do documento para fazeres a Configuração ideal para o teu blogue.

      Beijos ;)

      Eliminar
  3. Oi Cris,adorei esses ensinamentos e vou tentar aplicá-los.
    Desejo à você uma Feliz Páscoa junto aos familiares.
    bjs
    Carmen Lúcia.

    ResponderEliminar
    Respostas
    1. Olá Carmen, amiga.

      Que este tutorial te seja útil para o teu blogue. :)
      Obrigada por me acompanhares aqui.
      Feliz Páscoa!

      Beijos

      Eliminar
  4. Oi Cris, eu respondi, não sei o que aconteceu na hora de postar não deu certo. Dê uma olhada entro em comentários, veja se meu comentário está lá, se estiver clica várias vezes e ele chega aqui.
    Eu quero sim o código, porque aprender já não tenho mais cabeça para isso, deixa para os jovens.
    Obrigada pelo carinho
    Beijos
    Lua Singular

    ResponderEliminar
    Respostas
    1. Amiga, se te referes ao comentário de ontem no meu blogue, só o publiquei agora. ;)

      Eliminar
  5. Respostas
    1. Querida Pati;

      Se precisares de ajuda, diz-me.
      Brevemente, farei um novo tutorial com outro widget/gadget.
      Obrigada por estares comigo aqui.

      Beijos

      Eliminar
  6. Querida amiga Cris,
    desculpe não comentar sobre o teu post, especificamente, mas sei que vais entender. Venho aqui para desejar a ti e tua família uma excelente Páscoa! Que seja um momento de união, paz e muita felicidade.
    Grande beijo para ti, para o Freddie também!

    ResponderEliminar
    Respostas
    1. Oi Císsa!

      Obrigada querida amiga.
      Votos sinceros de uma Páscoa feliz, com muita paz e reflexão para ti e, para a tua família.

      Beijinhos a todos, Freddie também manda ronrons ;)

      Eliminar
  7. Muito bacana, vou tentar!
    bjcas
    http://estou-crescendo.blogspot.com.br/

    ResponderEliminar
    Respostas
    1. Olá Shairane.

      Espero que esta ideia te seja útil e consigas introduzir este widget no teu blogue.
      Uma Páscoa Feliz!
      Obrigada pela companhia.

      Beijos

      Eliminar
  8. Respostas
    1. Olá Boris!

      Boa noite!
      Fico contente que tenhas gostado do tutorial, espero que te seja útil.

      Boa Páscoa!

      Beijos

      Eliminar
  9. Boa noite Cris querida,que linda sois,muito grata por
    tão prontamente atenderes a esse meu pedido,amo
    aprender coisas novas.

    Vou tentar fazer e logo virei dizer-te o resultado,o passo
    a passo está muito bem feito,tanto o texto quanto
    as imagens,sois uma excelente mestra,sabes
    que isso é um dom?

    Sempre aprecio passear por aqui, a ver tudo o que
    ofereces a nós e por mais qu visita,estou a descobrir
    aqui e acolá coisinhas novas.

    Estarei divulgando em minhas redes,sugiro-te a enviar
    para o diHITT, os amigos nossos lá irão apreciar por
    demais essa tua partilha.

    Bisoussssssss todos e muito com carinho meus em Ti
    Amanhã virei contar-te o resultado

    Mais uma vez grata sim,por TUDO!

    ResponderEliminar
    Respostas
    1. Querida amiga,

      Fico contente que tenhas gostado deste passo-a-passo. Sabes, não tinha a certeza se o tutorial tinha ficado bom. Às vezes, na ânsia de explicar as coisas, fica um pouco confuso. ;)

      Beijos

      Eliminar
  10. Cris deu certo!!
    Ficou lindo no R.O!
    Não precicei mudar nada,exepto
    inserir a URL do blog.

    Só que copiei o codigo da tua box
    aqui da propria postagem e voilá!
    Em questão de minutos já estava.

    Maravilhosa aula... Gratissima,
    estou muuuuuuuinto contente.

    Andava a colocar essa box a bom tempo
    e não atinava,pois ela valorisa muito.
    o espaço e os amigos que privilegianos
    com seus comentários,além de divulgar
    a todos.

    Bisous ,tenha um lindo sábado

    ResponderEliminar
    Respostas
    1. Querida amiga Ronilda,

      Que bom deu certo e estava fácil para fazer.
      Boa Páscoa, minha amiga.

      Beijinhos

      Eliminar
  11. Minha flor desejo a ti e a sua família uma páscoa abençoada....bjusss

    ResponderEliminar
    Respostas
    1. Querida amiga Pati,

      Passarei no teu blogue mais tarde, para te desejar uma Páscoa feliz junto da família.

      Obrigada, linda.

      Páscoa Feliz!

      Beijinhos

      Eliminar

Olá!

Seja bem-vinda/o ao blogue O Que O Meu Coração Diz.

Fique à vontade para deixar o seu comentário. Se for a primeira vez que me visita deixe com a sua mensagem o nome e o link do seu blog para que eu possa retribuir a sua visita.

* Os comentários deste blog devem falar acerca das respectivas postagens.

* Os comentários serão todos moderados e ficarão visíveis após revisão.

* Comentários ofensivos serão imediatamente apagados.

Obrigada pelo seu comentário e pela visita.

Beijos e abraços para todos,

Cris Henriques
(Autora do livro «O Que O Meu Coração Diz», criadora e administradora do blogue.

LinkWithin

Related Posts Plugin for WordPress, Blogger...

Tradutor do Google

Acerca das imagens do blog...

Algumas imagens contidas no blog foram colocadas nas postagens apenas para ilustrar o conteúdo, dando-lhe mais beleza. Essas imagens foram encontradas no navegador Google e estão inseridas noutros sites, ou blogs. Se alguma dessas imagens for sua, peço que me informe pelo Formulário de Contacto, ou pelo meu e-mail para que eu a possa retirar e substituir.

Conversor Tipográfico

From:
To:
Result:
UnitConverter.org - the universal assistant for all of your unit conversion needs.

Recebe Grátis a Newsletter

Adiciona o teu Em@il para receberes as actualizações:

Enviado por FeedBurner

DigNow