gadgets. dicas e tutoriais

Mostrando mais postagens com o marcador Gadgets. Mostrar postagens mais antigas

Mostrando mais postagens com o marcador Gadgets. Mostrar postagens mais antigas

01 Junho 2009

Nova caixa de busca do Google para o Blogger

A equipe do Blogger anunciou hoje que o novo gadget caixa de pesquisa, em testes no Blogger In Draft, já está disponível a todos os usuários do Blogger/Blogspot. Trata-se de uma caixa de busca do Google, personalizável e que permite oferecer aos leitores uma pesquisa mais refinada, abrangendo não só os nossos posts, mas também toda a web, a lista de links e o BlogRoll. Tem ainda o adicional de abrir os resultados dentro do blog e não externamente.

Para adicioná-la, devemos entrar nos elementos de página e clicar em adicionar gadget

Agora iremos escolher o gadget caixa de pesquisa e configurá-lo do jeito que quisermos.

Vejam o resultado de uma pesquisa feita com o nome Susan Boyle, no Diário de Bordo.

Além de aparecerem resultados dos posts do Diário de Bordo, também visualizaremos os resultados em todos os blogs que estão linkados lá. Isso sim é que é parceria de verdade ;)

Continue lendo >>

22 Maio 2009

Feeds dos marcadores para Blogger/Blogspot

Esta eu não conhecia! Segundo eu li em um dos blogs do Blogger, é possível obtermos feeds dos marcadores, assim como já fazemos com os feeds dos comentários e dos posts.

O endereço do feed é bem parecido com os demais:

http://BLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME

Troque BLOGNAME, pelo nome do blog e LABELNAME, pelo nome do marcador. Exemplo:

http://dicasblogger.blogspot.com/feeds/posts/default/-/Primeiros%20Passos

Para colocar na sidebar, entre em layout e na aba elementos de página, escolha adicionar um gadget e depois feed. Coloque a url já editada e clique em continuar. Salve

Vamos refrescar a memória? Então, segue abaixo todos os feeds de um blog do Blogger!
Feed dos posts

http://seublog.blogspot.com/feeds/posts/default

Feed dos comentários

http://seublog.blogspot.com/feeds/comments/full

Feed dos marcadores

http://BLOGNAME.blogspot.com/feeds/posts/default/-/LABELNAME

Podemos tanto oferecê-los para que nossos leitores assinem, quanto podemos inseri-los na sidebar como um widget. Legal, né? E vem mais novidades por aí…

Continue lendo >>

19 Maio 2009

Código para exibição aleatória de banners

Fui procurada pelo Patrick Nogueira, do blog Boas Promoções, para conhecer um script desenvolvido por ele que tem a função de randomizar a exibição de banners na sidebar.

O Patrick me pediu para publicar o script aqui no Dicas Blogger, a fim de compartilhá-lo com um maior número de usuários. Como achei a idéia interessante, principalmente para quem  utiliza o sistema de parcerias com banners, resolvi escrever o post.  Com este script, os blogs parceiros irão aparecer de forma aleatória, a cada nova exibição de página.

Não entendeu? Então vamos para um exemplo: quero exibir na minha sidebar os banners de 10 blogs diferentes; o primeiro é o blog 1, o segundo é o 2, o terceiro é o 3 e assim sucessivamente. O blog 10 vai ficar lá no final da fila, certo? Errado. Com o script do Patrick, ele irá aparecer em uma nova posição toda vez que a página for atualizada.

O procedimento para inserir o script no blog é bem simples. Copie o código abaixo, cole no bloco de notas e substitua as partes em vermelho pelo código de cada banner a ser exibido. Depois, copie o código editado e cole na sidebar em html/javascript.

Vou dar um exemplo, usando os banners do Dicas Blogger e do blog Boas Promoções:

O código também pode ser visualizado aqui.

Eu testei e funciona! Qualquer dúvida referente à instalação do script, deve ser encaminhada ao seu desenvolvedor. Os elogios podem ser encaminhados pra nós dois ( lol )

Continue lendo >>

07 Maio 2009

Nuvem de tags personalizada para o Blogger

Lendo o excelente blog espanhol Gem@ BLOG, descobri uma forma legal de personalizar uma nuvem de tags (também chamada de nuvem de etiquetas ou tag cloud) para o Blogger/Blogspot. Como no Blogger em português as etiquetas são chamadas de marcadores, utilizarei esse termo na tradução do tutorial.

Entre no html do template e, usando os comandos Crtl+F do seu teclado, procure pela linha ]]>. Cole ANTES dela o seguinte código:

.nuvem-html {
border: 1px solid #333;
background: url('url-imagem de fundo') repeat;
margin: 10px 0 10px 0;
line-height: 30px;
text-align: center;
padding: 2px;
padding-top: 10px;
}
.nuvem-html a {
text-decoration: none;
}
.nuvem-html a:hover {
border-bottom: 1px dashed #ccc;
}

Visualize o template e se tudo estiver bem, salve. Agora vá em elementos de página e escolha um gadget do tipo html/javascript. Cole o seguinte código:

TEXTO
TEXTO
TEXTO
TEXTO

Insira quantas linhas forem necessárias e faça as respectivas alterações.

color é a cor da fonte
font-size é o tamanho da fonte
“#” é a url do marcador
TEXTO é nome do marcador

Para obter a url do marcador, coloque o gadget padrão do Blogger na sidebar e depois copie os links, colando-os no local indicado do código (“#”)

Abaixo, veremos um exemplo usado no Diário de Bordo e o resultado final.

http://www.diariodebordoweblog.com/search/label/Animais">Animais
http://www.diariodebordoweblog.com/search/label/Apresenta%C3%A7%C3%A3o">Apresentação
http://www.diariodebordoweblog.com/search/label/Bizarro">Bizarro
http://www.diariodebordoweblog.com/search/label/Brasil">Brasil

Para colocar uma imagem de fundo (background), altere a linha abaixo, no primeiro código, substituindo url-imagem de fundo pela url da imagem que você escolheu.

background: url('url-imagem de fundo') repeat;

Um site legal para buscar imagens para o background é o DESIGNM.AG. Aí está o resultado:

A tradução e publicação do tutorial foram permitidas pela autora do Gem@BLOG.

Se você chegou até aqui, mas ainda não sabe o que é um marcador e muito menos como inseri-lo em seu blog, clique aqui.

No site Tag Cloud Generator, é possível gerar uma nuvem automática; o inconveniente é que ao invés de aparecerem os marcadores, aparecerão as palavras mais usadas no blog. Eles até permitem, como segunda opção, a criação de uma nuvem personalizada, mas com a desvantagem de não podermos colocar uma imagem no plano de fundo.

Como vocês podem perceber, ando falando muito do @compulsivo :P (ops, de novo?)#euri

ATUALIZAÇÃO: Agora é possível ter uma nuvem de tags usando um widget do próprio Blogger. Saiba como, clicando aqui.

Continue lendo >>

05 Abril 2009

Translator Widget - um novo tradutor para blogs

Desde que comecei a divulgar meus templates em sites estrangeiros, passei a receber muitos emails em outros idiomas. Já fazia um bom tempo que eu procurava um widget com um tradutor do Google – que na minha opinião é o melhor - para facilitar a vida dos meu leitores gringos, porém não conseguia encontrar nada que me agradasse.

Depois de muita pesquisa na web, reuni vários códigos e acabei criando um widget do meu gosto, cujo resultado pode ser visto na nossa primeira sidebar.

Ao comentar no Twitter, vários leitores se mostraram interessados em utilizar o widget em seus blogs; sendo assim, resolvi disponibilizá-lo para todos \o/

TRANSLATOR WIDGET COM BORDA E PLANO DE FUNDO (personalizável)

Como o código é muito grande, optei por hospedá-lo no Google Docs. Clique aqui para copiar o código e depois entre no layout do Blogger. Na aba elementos de página, clique em adicionar gadget (1) e escolha html/javascript (2). Cole o código do tradutor e salve.

O tradutor já vem com borda cinza escuro e com o fundo cinza claro. Para mudar as cores, altere as seguintes partes do código (vermelho=borda ; verde=plano de fundo)

border:1px solid #ccc;padding:10px 4px 3px 4px;text-align:center;background-color:#efefef;">

Se você não sabe o número da cor que deseja usar, veja na tabela de cores web.

TRANSLATOR WIDGET SEM BORDA E COM FUNDO TRANSPARENTE

Caso você não queira colocar borda e nem fundo no tradutor, copie o código neste link

Peço que os créditos sejam mantidos – foram 3 dias para deixá-lo bonitinho e funcional :D

Ao contrário de outros widgets que só traduzem a página inicial, este traduz a url solicitada.

O mais legal é que este widget foi testado - em tempo real - por vários dos meus seguidores no Twitter, proporcionando uma experiência inovadora e muito enriquecedora. 

Considero muito importante a participação do usuário no desenvolvimento de qualquer aplicativo e poder contar com vocês, fez uma grande diferença.

Agradeço a todos que colaboraram como beta-testers. 

Si quieres traducir del español a otros idiomas, visite esta entrada del blog Vagabundia - Widget traductor usando Google Translate.

Este post foi atualizado em 16/03/2010 para que o tradutor pudesse ser usado também nos novos modelos de templates do Blogger, que possuem planos de fundo com imagens.

 

Continue lendo >>

05 Dezembro 2008

Widget com o rank e os últimos visitantes do BlogBlogs

Atendendo a diversos pedidos, hoje trago para vocês uma modificação que fiz no Widget do BlogBlogs by Compulsivo. No original, apareciam os avatares dos nossos visitantes e o rank era separado. Nesta nova versão, foi possível agregar os dois: visitantes e rank.

Para que eu pudesse publicar, respeitando os direitos autorais, pedi a autorização do Compulsivo, que concordou prontamente.

Para utilizar o widget, basta copiar o código abaixo, substituindo o XXXXXX pelo ID do seu blog no BlogBlogs e o valor 41, pelo número de avatares que você deseja exibir. Feitas as devidas alterações, cole o código na opção html/javascript de sua sidebar e salve.

Código do Widget do BlogBlogs by Dicas Blogger

Para saber o ID do seu blog, acesse “meu blogblogs”. Procure por “ferramentas e widgets”, escolha “widget últimos leitores” e copie o ID que aparece no código do widget.

Continue lendo >>

19 Setembro 2008

Widget "Assine o Feed" no rodapé dos posts

Que tal colocar no rodapé dos seus posts, um convite para que os visitantes assinem os Feeds do seu blog? É um widget semelhante ao Assine-Já, porém ele só aparecerá nas páginas individuais, evitando assim a poluição visual.


Entre no html do seu template, clique em "expandir modelos de widgets" e procure por:

Após esta tag, cole o código abaixo, com as devidas modificações:

• nos locais onde aparecem a url do FeedBurner, coloque a do seu blog
  
• onde aparece feedID=XXX, em XXX coloque sua ID do FeedBurner
  
• a imagem você pode trocar em src=

> style='border: 0px solid ; width: 32px; height: 32px; float: left;' title='Assine'/> Assine nosso target='_blank'>Feed ou receba os artigos por >email

Este código é uma adaptação do Hack Compulsivo Como personalizar o rodapé dos posts.

Imagem: Keyler Wagner on Flicker
Continue lendo >>

12 Setembro 2008

Acompanhe os comentários do seu blog via Feed

Eu ainda não fui entrevistada para o BloggerCast (:P), mas se alguém me perguntasse o que me deixa mais feliz no meu blog eu diria que são os comentários. Prá mim não há nada melhor. Nem ranks, nem AdSense, nem Analytics me trazem tanta satisfação quanto entrar no painel do Blogger e ver que tenho um montão de comentários para ler, aprovar e responder.
Uma forma legal de acompanhar, em tempo real, quem andou comentando no seu blog, é usando o seu leitor/agregador de feeds. No meu caso eu uso o Google Reader. Para incluir este feed/rss basta copiar e colar a seguinte url, substituindo "seublog.blogspot.com" pelo endereço do seu blog!

http://seublog.blogspot.com/feeds/comments/full

Esta dica serve também para colocar um widget na sidebar, como eu fiz aqui no Dicas Blogger. Entre em layout>elementos de página>adicionar gadgets. Escolha "feed".

Entre com a url acima e clique em "continuar".

Configure a gosto!

E que venham ainda muitos e muitos comentários a todos nós!
Continue lendo >>

02 Setembro 2008

Como colocar música no seu blog

Os leitores assíduos e fiéis sabem: eu não gosto de música em blogs. Eu amo música, mas acho que ninguém é obrigado a ouvir o que eu escuto. Então meus queridos, nada de autoplay, ok? Lembrem que muitos internautas já navegam escutando o seu sonzinho particular; outros estão no trabalho e ainda existem aqueles que andam pela web, madrugada a fora, e não vão gostar de acordar a casa toda com aquele rock pauleira do seu blog. Cabe ao visitante a decisão de apertar ou não o play. Eu já levei cada susto!

Existem diversas formas de se colocar um player de música no blog. Gosto daqueles serviços que já fazem tudo de forma automática, levando em conta que usabilidade é tudo.

Para colocar um player  na sidebar, é preciso copiar o código fornecido pelo site, entrar em layout >elementos de página> adicionar gadget> e colar em html/javascript. Para colocar dentro do post, clique na aba editar html do editor de textos do Blogger e cole o código.

Player com upload de músicas

Esnips
Serviço de hospedagem de arquivos, com 5 GB de espaço. É necessário fazer cadastro e aguardar confirmação por email. Aceita upload de video, áudio, fotos e documentos.

Para áudio, faça o upload do arquivo e depois de pronto clique em "mp3 widgets"; daí é só escolher o modelo do seu player. Também podemos criar playlists com qualquer arquivo hospedado no site. Super completo!
Boomp3
O mais simples e prático. Basta fazer o upload do arquivo mp3, preencher os campos em branco e aguardar. Ao final aparecerá a opção de incluir o player no seu blog.

Players de rádios online
Rádio Jovem Pan
Basta copiar o código e colar no gadget html/javascript

Rádio Fusion
Clique em player, escolha o formato e a cor do player e copie o código.

Goear

Faça uma busca, escolha a música que você deseja colocar no seu blog e copie o código que está em this song in your site.

Tag: música no Blogger, player no blog, player no Blogger, rádio no blog
Continue lendo >>

24 Agosto 2008

Inserindo um campo de busca do Google

Neste tutorial vou ensinar prá vocês algo bem básico: como inserir um campo de busca do Google no seu blog.Também chamado de "caixa de pesquisa" ou "search form".
Primeiramente quero dizer que é obrigatório um campo desses em qualquer blog, pois facilita aos leitores enontrarem o que estão procurando. Vejam o caso do Dicas Blogger: já estamos com 280 postagens! Imaginem um novato chegando aqui, caindo de paraquedas, ávido por encontrar dicas de como criar um blog. Esta é a nossa primeira postagem;  o pobrezinho teria que ver post por post...certamente ele desistiria. Com um campo de busca, bastará digitar o que deseja e aguardar a resposta do Oráculo.
Eu uso e abuso da caixa de pesquisa dos blogs que visito regularmente.
Conheço duas formas de inserir, facilmente, um campo desses. Uma é a do Google AdSense e a outra é através do Google Blog Search. Vamos lá?
CAMPO DE BUSCA DO GOOGLE ADSENSE
Este é o mais elegante e tem a grande vantagem de poder gerar cliques nos anúncios e uma graninha extra. Para obter o formulário é preciso ser cadastrado no AdSense (dããã).Faça o login normalmente e escolha "Adsense para pesquisas", em configurações do AdSense.Você será direcionando para uma outra página. Escolha a opção "somente sites que eu selecionar" e insira no campo em branco a url do seu blog. Configue a gosto. Copie o código gerado e cole em "html/javascript" nos elementos de página da sua sidebar.
Este tutorial não contém imagens pois é proibido pelos termos do AdSense a publicação de imagens deles sem autorização prévia.
CAMPO DE BUSCA DO BLOG SEARCH
Para quem não é cadastrado no AdSense, basta copiar o código abaixo e colar em qualquer local da sidebar.

Buscar No Blog

http://blogsearch.google.com/blogsearch" method="get">
http://SEUBLOG.blogspot.com/ name="bl_url" type="hidden"/>

Lembrando de trocar a url acima pela do seu blog.
 
Novamente quero agradecer a todos que colaboraram enviando perguntas à Ariane. A entrevista acontecerá hoje à tarde e até quarta-feira será publicada.
Faltam apenas 7 dias para o aniversário do blog e para o sorteio do template.Até o momento temos 83 blogs inscritos. Boa sorte à todos!

Continue lendo >>

21 Julho 2008

Widget "Linkaram"

A pedidos, eis a forma de adicionar um widget na sidebar com os blogs que linkaram o nosso.
Entre no Google Blog Search e digite:
link:seublog.blogspot.com
Clique em "pesquisar blogs",
Abrirá então uma página com todos os links.

Clique com o botão direito em Atom ou em RSS, copie o link do feed. Vá em "elementos de página" do seu blog e escolha o widget "feed". Cole o link e configure a seu gosto.
Muito fácil,não?
Continue lendo >>

18 Junho 2008

Widget para dar nota aos posts

Esta dica partiu do leitor Hugo dos Anjos.

Um widget, super fácil de instalar, que permite ao leitor votar nos artigos de um blog, dando notas que variam de 1 a 5. Compatível com o Blogger e com o Wordpress.

Para inserir ao seu blog basta entrar nesta página  e  escolher o botão da plataforma  que você usa. No nosso caso, Blogger!



Agora escolha o idioma de sua preferência:



Clique em Get Widget Now!

Será necessário utilizar login e senha da sua conta do Google. Caso fique desconfiado, troque depois...

Logo em seguida, aparecerá uma janela do Blogger perguntando se você aceita adicionar este novo elemento.



Escolha adicionar widget.

Prontinho!



Para adicionar  ao FeedBurner, utilize o botão FeedFlare. No site do FeedBurner, clique na aba Otimize, selecione a opção FeedFlare e procure pelo campo Personal FeedFlare. Insira a seguinte url:

http://widgets.outbrain.com/FeedFlareUnit.xml

Detalhe:
As imagens utilizadas no tutorial pertencem ao futuro blog do meu brother...
Mais um maluco na família......
Continue lendo >>

28 Maio 2008

Widget Top Posts para o Blogger

Perceberam o widget ao lado com os Top Posts do Dicas Blogger?

Pois é...Finalmente um widget bonitinho e funcional, mostrando quais os artigos mais populares de um blog!

Aquele que publiquei anteriormente não aceitava nosso teclado e os acentos ficavam estranhíssimos...Usei por pouco tempo.

Então, para quem quiser experimentar, basta clicar na imagem abaixo e se divertir!
 
Insira o feed do seu blog, aguarde a análise e clique em "sharing & widgets".

Copie o código e coloque nos elementos de página do seu blog.

A contagem é feita pelo número de comentários, inclusões no Google,  del.icio.us., digg e twitter.



É o tipo de site que me agrada...nada de cadastro...tudo muito simples e prático.
Continue lendo >>

14 Maio 2008

Centralize sua vida digital!

Achei este serviço muito legal, pois nos possibilita centralizar em uma única página todos os nossos contatos e perfis na web! Orkut, Twitter, Sonico, MSN, Google Groups e muito mais.
É super fácil de usar. Basta fazer o cadastro e clicar em "incluir serviço"
Vejam como ficou o meu:
http://meadiciona.com/annajulia
Isto evita deixar a sidebar cheia de ícones de todos os locais por onde a gente deixou uma pegada...rs

Já me perguntaram se estou no Twitter-não, eu entrei e já saí.
Achei aquilo lá sem graça e meio doido...nunca gostei de seguir ninguém... e muito menos de ser seguida.......rssss
Abraços!
Continue lendo >>

14 Abril 2008

Widget: Posts mais populares

Faz tempo que eu estava procurando...e hoje achei no Blog And Web.
Widget, para colocar na sidebar, os posts mais populares do seu blog, baseado na quantidade de comentários que cada post recebeu.
Basta entrar neste link:
POPULAR POSTS WIDGETS
Procurar por este gerador...

...e inserir a url do seu blog, sem o http
Depois é só clicar em "add to blog".
Bacaninha, não?

Semana movimentada: troca de template à vista!!!!

Technorati Tags: widgets - posts mais comentados - posts populares
Continue lendo >>