![]() |
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;
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! :)
![]() |
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.
Oi Cris,
ResponderEliminarEu 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
Olá Dorli, minha amiga!
EliminarEstou 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
Olá querida, eu sou meio burrinha para aprender internet.
ResponderEliminarSe você quiser passar o código eu aceito
Beijos
Lua Singular
Querida Dorli.
EliminarFui 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 ;)
Oi Cris,adorei esses ensinamentos e vou tentar aplicá-los.
ResponderEliminarDesejo à você uma Feliz Páscoa junto aos familiares.
bjs
Carmen Lúcia.
Olá Carmen, amiga.
EliminarQue este tutorial te seja útil para o teu blogue. :)
Obrigada por me acompanhares aqui.
Feliz Páscoa!
Beijos
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.
ResponderEliminarEu 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
Amiga, se te referes ao comentário de ontem no meu blogue, só o publiquei agora. ;)
EliminarAdorei vou fazer depois te conto.
ResponderEliminarQuerida Pati;
EliminarSe precisares de ajuda, diz-me.
Brevemente, farei um novo tutorial com outro widget/gadget.
Obrigada por estares comigo aqui.
Beijos
Querida amiga Cris,
ResponderEliminardesculpe 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!
Oi Císsa!
EliminarObrigada 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 ;)
Muito bacana, vou tentar!
ResponderEliminarbjcas
http://estou-crescendo.blogspot.com.br/
Olá Shairane.
EliminarEspero que esta ideia te seja útil e consigas introduzir este widget no teu blogue.
Uma Páscoa Feliz!
Obrigada pela companhia.
Beijos
Gran tutorial amigo, saludos.
ResponderEliminarOlá Boris!
EliminarBoa noite!
Fico contente que tenhas gostado do tutorial, espero que te seja útil.
Boa Páscoa!
Beijos
Boa noite Cris querida,que linda sois,muito grata por
ResponderEliminartã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!
Querida amiga,
EliminarFico 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
Cris deu certo!!
ResponderEliminarFicou 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
Querida amiga Ronilda,
EliminarQue bom deu certo e estava fácil para fazer.
Boa Páscoa, minha amiga.
Beijinhos
Minha flor desejo a ti e a sua família uma páscoa abençoada....bjusss
ResponderEliminarQuerida amiga Pati,
EliminarPassarei no teu blogue mais tarde, para te desejar uma Páscoa feliz junto da família.
Obrigada, linda.
Páscoa Feliz!
Beijinhos