Google Plus Widget – Google+

---

Se você já tem um perfil no Google+ que tal adicionar um Widget do seu perfil no seu blog? Isso mesmo, Aumente a sua rede no Google+ divulgando o seu perfil em seu blog. Além disso, o widget também exibe seus últimos posts no Google+.

Se você ainda não tem um perfil no Google+, clique aqui e pegue o seu convite.

Tutorial:

Para conseguir o seu widget do Google+ visite o site http://widgetsplus.com/ e clique em Get Widget. Em Basic Settings você adiciona dados como o sei ID do Google+, o Seu ID do Google+ é a sequência de números depois do https://plus.google.com/. Veja o exemplo na imagem abaixo.

Em Widget width ( px ) você configura a largura do seu Widget.

Em Include update feed Você habilita um feed do seu Google+.

Terminando essas configurações básicas, clique em Get Code, Copie o código vá até o Layout do seu Blog > Adicionar novo GedGet > HTML/Java Script, cole o seu código, salve e pronto.

Dúvidas? deixe um comentário para nós, ou visite a nossa página de FAQ (perguntas Frequentes). E se você gostou deste artigo clicando nos ícones de redes sociais.

Wibiya - Crie um toolbar para seu Blog

Wibiya é um toolbar grátis para seu blog, com ela você pode adcionar atalhos rápidos para seu Feed, Twitter, Fanpage e outros.

Veja a baixo algumas das vantagens de ter o Wibiya.

Aumentar os Page Views.

Adicionar a barra de Wibiya para o seu site permite que você facilmente aumente as page views e envolvimento dos usuários, e promover o seu conteúdo. Wibiya oferece uma variedade de aplicativos livres, permitindo que você estenda a exposição do seu conteúdo e fornecer aos usuários uma experiência mais interativa do seu site.

 

Design pessoal

Personalize sua barra de Wibiya e melhorar o design do seu site. Nós fornecemos dezenas de temas livres e opções de personalização, assim como um banco ícone ricos.

 

 

 

Sem necessidade de codificação

Adicionar ou remover elementos de seu site, sem barreiras técnicas ou gastar muito tempo e dinheiro. O bar Wibiya pode ser instalado e personalizado, sem qualquer codificação, basta entrar em sua conta a qualquer momento, e editar a barra.

 

 

Integração de bate-papo

Transformar o seu site em um centro social, adicionando opções de chat que permitirá aos usuários conversar com você e uns aos outros, bem como partilhar os seus conteúdos através das redes de liderança social.

 

 

 

Ferramenta Analytics

Acesso Analytics Wibiya painel da sua conta para ver quantos usuários visitam seu site, de onde vêm e quais aplicativos eles gostam mais.

 

 

 

 

Conectar com seus leitores

Comunicar diretamente com seus usuários através da criação de uma campanha de mensagens usando uma variedade de mensagens, ou escolher mensagens específicas para usuários específicos, com base em seus gostos e interesses.

 

 

Integração com Facebook e Twitter

Confira o mercado Apps para aplicações interativas sociais que usam o Facebook e Twitter para impulsionar plataformas conectividade social do seu site.

 

 

 

Ganhe Dinheiro

Transforme seu site em um negócio rentável, adicionando aplicativos monetizados que complementam as atividades do seu site de negócios.

 

 

 

Adicione já o Wibiya ao seu Blog, clique aqui.

Contador de usuários on-line

Olá galera, hoje eu vou mostrar pra vocês o site http://whos.amung.us/ que oferece um widget que mostra quantos usuários estão on-line em seu blog ou site. O contador também mostra quais as páginas que os usuários do seu blog ou site estão acessando no momento.

É um ótimo widget pra quem quer um apetrexo a mais pra personalizar o seu blog ou site.

Para consegui o seu, você deve visitar o site http://whos.amung.us/ e configurar o widget para a lugar onde ele será mostrado.

Tutorial:

Já no site http://whos.amung.us/ você deve escolher o lugar de exibição do seu widget.

Depois de configurado, você deve inserir o widget em seu blog, para isso vá até o Painel do Blogger > Design/Layout > Adicionar um Gadget > HTML/Java Script e cole o código (imagem acima).

Salve, e pronto. Você pode inserir o widget em quaquer lugar do seu blog, porém o local de exibição e escolhido no momento da configuração.

Dica: Você também pode inserir o widget diretamenteno código fonte do seu blog. para isso vá até o Painel do Blogger > Modelo > Editar HTML e cole o seu código antes do fechamento da tag </head>.

Dúvidas? Deixe um comentário para nós. Até o próximo post.

GetRank – Widget que mostra o rank do seu blog

Oque é o GetRank?

GetRank é um Gadget que mostra a sua posição no rank dos serviços de pesquisa. O GadGet é compatível com Blogger, Wordpress, e Joomla e possui vários tipos de widget.

Como adicionar?

Clique no link que corresponde à sua plataforma, escolha o modelo do widget e clique em Adicionar widget ou Concluir.

Widget para Blogger

Widget para Wordpress

Widget para Joomla

 

Dúvidas? deixe um comentário para nós. Gostou deste post, então compartilhe.

Como inserir banners ou anúncios HTML/JavaScript em seu Blog.

Olá galera, este tutorial vai ensinar vocês como inserir banners, anúncios ou qualquer coisa HTML/JavaScript em seu Blog. Aqui, abordaremos o assunto para o Blogger, mas, é bem parecido em outros hospedeiros como Wordpress.

Tutorial:

Primeiro vá até o Painel no blogger.com, clique em Design > Elementos da página > Adicionar Gadget > HTML/JavaScript.

Copie o código HTML/JavaScript do Banner ou anúncio que deseja adicionar ao seu Blog, e cole na janela do navegador. (imagem abaixo)

Clique em Salvar. Você pode mover o Gadget de lugar depois de salvo.

Este tutorial serve para qualquer tipo de código HTML ou JavaScript. se você está inserindo anúncios do Adsense, vale a pena lembrar que o Adsense exibe apenas 3 anúncios por página, algumas pessoas adicionam mais anúncios do que o permitido, desse jeito, os anúncios adicionais não aparecerão. Para os demais códigos esta função é desativada, ou seja, você pode adicionar quantos anúncios for possível.

* Dúvidas? deixe um comentário para nós, os seus comentários ajudam a melhorar o nosso conteúdo.

Até o próximo post.

AddThis: Widget compartilhar isto

Todo Blogueiro que se presa, tem botões de compartilhamento em seu blog. Os botões facilitam não só facilitam a vida do blogueiro, como também ajuda a divulgar o blog ou site. Se você é blogueiro sabe que depois de publicar um post, você precisa divulgar no seu Twitter, Facebook Fan, Orkut e outros. Com o AddThis isso fica rápido e fácil, e você não precisa de conhecimentos avançados para adicionar o Widget.

Tutorial:

1º Passo: Ir até o site do AddThis, clique aqui.

2º Passo: Registre-se ou faça login com sua conta Facebook, Google ou OpenID.

3º Passo: Em Platform, escolha a plataforma do seu blog (Blogger, Wordpress, etc).

4º Passo: Em Style, escolha o modelo do widget (pequeno, médio, grande).

5º Passo: Se você escolheu a plataforma do blogger, visualize o Preview e clique em “Instal Blogger Widget”. Se você escolheu outra plataforma, você verá um pequeno tutorial na mesma pagina do AddThis.

Você será direcionado para esta pagina. Clique em Adicionar Widget.

Pronto, seu widget de compartilhar já foi adicionado com sucesso. Veja mais artigos como este na categoria Widget.

Deixe um comentário para nós e ajude a melhorar o nosso conteúdo.

Twitter: Adicione o botão seguir ao seu blog

Adicione o botão seguir do twitter ao seu blog, é rápido e fácil, e também ajudará a divulgar o seu blog.

Para começar você deve ir até o este site http://twitter.com/about/resources/followbutton.

Digite o seu nome de usuário do twitter, copie e cole o código em um novo gadget em seu blog. Para isso vá em Painel > Design > Elementos da página > Adicionar novo gadget > HTML/JavaScript e cole o código. Salve tudo e é só clicar para ser direcionado para o seu twitter.

Até o próximo post.

Seus comentários são sempre bem vindos em nosso blog.

LinkWithin: Posts relacionados com miniaturas

LinkWithin é um widget de posts relacionados com miniaturas para seu blog, com este widget você consegue mais trafego dentro do seu blog, o widget é totalmente grátis, sem anúncios e não precisa de registro, basta digitar seu endereço, o endereço do seu blog, escolher quantos posts relacionados quer que o widget mostre.

Recomendamos antes de tudo, fazer um backup do seu blog. Faça isso em Painel > Design > Editar HTML >

Vamos ao tutorial.

1º Passo: Ir até o site do LinkWithin clicando aqui.

2º Passo: Preencha os campos abaixo, e clique em “Get Widget”.

E-mail: Digite o seu e-mail

Blog Link: Digite o endereço do seu blog

Platform: Escolha a plataforma do seu blog(Blogger, Wordpress, etc)

Width: Escolha o numero de post que o widget vai mostrar

* A opção abaixo deve ser marcada se o seu blog for de fundo escuro e texto branco.

3º Passo: Você será direcionado para uma página onde deve clicar no link “Instal Widget”.

4º Passo: Você será re-direcionado para uma página de add widget do blogger, clique em salvar e pronto.

Envie um comentário para nós.

Adicione botões das redes sociais em seu Blog

ShareSidebar. Essa é pra você que quer adicionar botões de redes sociais em seu blog. Os botões tem uma função mais que estética, os botões classificam o seu site nos rankings dos sistemas de busca, também ajuda a classificar o nível de seus posts ajudando assim a melhorar cada vez mais o seu conteúdo, e é isso que todos nós, blogueiros, queremos.

Com este serviço você pode adicionar botões do FaceBook Like, Google 1+ e outros, do lado esquerdo ou direito do seu blog, os botões acompanham a rolagem da página.

* Este widget não é compatível com modelos Wordpress.

Para conseguir o código HTML, você deve ir até o site sharesidebar.com/ e marcar os botões que deseja ter em seu blog.

Marque os botões que você deseja e clique em GET THE CODE.

Será gerado um código HTML, copie e cole o código em seu blog. Para isso vá até o Painel > Design > Elementos da página > Adicionar novo Gadget > HTML/JavaScript e clique SALVAR.

Não importa onde você cole o gadget, os botões vão aparecer do lado que você escolheu. Lembrando que este gadget não funciona com Wordpress.

Duvidas, Sugestões, Reclamações deixe um comentário para nós. Até o próximo post.

Saiba quantos usuários estão on-line no seu Blog

Olá Visitantes do Construtor de Blogs, hoje vamos aprender como colocar um widget que mostra quantos usuários estão on-line em seu blog ou site. Esta é uma ferramenta muito útil e bastante fácil de instalar.

Vamos começar:

1º Passo: Ir até o site usuariosonline.org e gerar o seu código.

Entre com o seu nome, e-mail e o endereço do seu blog ou site. Depois escolha o estilo do contador e clique em “criar contador de usuários online”.

2º Passo: Copiar o código gerado e, inserir em um novo widget.

Vá até apágina do Blogger > Design > Elementos da Página >Adicionar um novo Gadget > HTML/JavaScript e cole o seu código.

Pronto, o seu contador de usuários on-line já está instalado em seu blog.

Até o proximo post, qualque duvida, escreva um comentário.

Widget de artigos recentes com rolagem automática.

Um Widget interessante definitivamente pode ser fundamental para fazer com que seus visitantes se interessem por mais artigos do que vieram procurar em seu blog. Hoje vamos ensinar como inserir o Widget de artigos recentes com rolagem automática, uma ferramenta para Blogger que pode ser inserida na sidebar e que, com certeza fará que os leitores visitem um maior número de artigos em cada visita.

O cuidado com o local de implementação sempre deve ser tomado para qualquer recurso que formos inserir no blog então recomendo atenção para que este Widget fique num local pouco invasivo e, ao mesmo tempo, atrativo. Tudo bem, tendo em mente estes quesitos, vamos ao tutorial:

PRIMEIRO PASSO: Login

Acesse o painel do seu blog e vá em Design >> Elementos da Página.

SEGUNDO PASSO: Inserindo o código

Preferencialmente na barra lateral, selecione "Adicionar Gadget" e escolha "Html/Javascript". Aqui iremos adicionar o código abaixo, editando conforme preferência pessoal: 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <br /> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:250px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:250px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#FFF url("http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg") repeat-x; border:1px solid #FFF; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:10px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style> <br /> <br /> <script language='javascript'> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 20; home_page = "http://ENDEREÇO-DO-SEU-BLOG/"; limitspy=4 intervalspy=4000 </script> <br /> <br /> <div id="spylist"><script src='http://dl.getdropbox.com/u/1367826/recentpostthumbspy-min.js ' type='text/javascript'></script> <br /> </div>

TERCEIRO PASSO: Edições e personalizações 

Aqui está uma parte importante deste Widget. O padrão adotado serve perfeitamente para blogs com fundo claro, mas para blogs com fundo escuros, precisará fazer algumas mudanças para melhor adaptação. Vamos às possíveis mudanças: 

URL: Primeiramente vamos inserir a url do blog para que o Widget procure pelos posts adequados em sua página. Troque onde está escrito ENDEREÇO-DO-SEU-BLOG pelo endereço de seu blog, se isto não for feito, o Widget não vai funcionar.

Altura do Widget: Para modificar a altura do Widget vá em #spylist e procure por height:, troque o número 350 pela altura desejada aumentando ou diminuindo (não recomendado). 

Largura do Widget: Vá em #spylist ul e #spylist li e procure em ambos por width:, mude o valor 250 para a largura que melhor se adequa ao tamanho dos Widget de sua barra lateral. Para saber a largura disponível para Widget na barra lateral vá no Html do seu blog e procure por widget-content, aí estará a indicação da largura disponível para os Widget. 


Cor de Fundo: Em #spylist li procure por background e para mudar a cor retire o que está entre parênteses após URL, ficará assim URL( ). Ainda em background edite a cor do fundo substituindo a cor branca ( #FFF) pela cor de sua preferência sempre retirando o que está entre parênteses. Aqui temos um artigo com uma tabela de cores Html onde poderão consultar o código da cor desejada. 

Borda: Também em #spylist li procure por Border e mude onde está 1px para a largura desejada aumentando o número, 2px por exemplo. Ainda em Border mude a cor #FFF pela cor desejada usando o código HTML referente. 

Número de artigos: Esta mudança é a mais utilizada, trata-se de escolher o número de artigos recentes a serem exibidos. Para modificar, procure mais ao final do código, por numposts: e mude a quantidade (20) para a quantidade que quiser exibir. Recomendo colocar mais artigos do que sua página inicial já exibe, mas sem exagerar para não prejudicar o desempenho. 

Estas são as principais mudanças; outras podem ser feitas, se quiser fazer outra mudança deixe seu comentário e mostraremos como. 


QUARTO PASSO: Salvando e finalizando 

Tendo feito as mudanças salve o seu Widget e confira como ficou. O título do Widget fica à sua escolha.

Duvidas? escreva um comentário, e a equipe do construtor de blogs vai lhe responder o mais rapido possível.

Até o Próximo Post.