Os 10 melhores Widgets e como colocá-los.

Existem muitos widgets disponíveis na internet, porém widgets que realmente fazem a difernça em seu blog não são muitos, mas são bons. Nessa postagem você encontrará os melhores widgets e também um tutorial de como colocar cada um deles, assim você irá implementar o seu blog e deixá-lo cheio de coisa boa para você e para os seu leitores! Nessa postagem eu colocarei os widgets mais difíceis de instalar no final, vou deixar os mais fáceis no começo.
Vamos lá!

Marcadores: 

Sim, esse mesmo, é ótimo está presente em quase todos os blogs e ajuda muito na organização do seu blog, sem ele o visitante teria que encontrar outra maneira de encontrar as suas postagens, mas o que você deve saber é que os seus visitantes não são o Indiana Jones, eles são pessoas normais na frente do computador procurando maneiras fáceis de encontrar a informação que precisam. Nada  como organizar as suas postagens por categorias, assim tudo fica mais fácil e organizado.


Como Colocar:
Para colocar os marcadores, entre no Design=>Elementos de página=>Adicionar Gadget=>Procure por Marcadores e clique no + que haverá na frente, aparecerá algumas opções, se quiser deixe como está e siga em frente clicando em salvar, no canto superior direito da tela. Agora veja o resultado no seu blog, se não gostar do lugar você pode mudar no mesmo caminho: painel do seu blog=>Design=:>Elementos de página.


  Botão Seguidores: 

Apesar de ele ser do próprio blogger e algumas pessoas acharem que não tem serventia, é de muito erro não ter um botão seguir no seu blog, afinal de contas os seguidores do seu blog podem ter muitos beneficios e isso é muito bom. Além de permitir que os seus leitores conversem via e-mal, eles poderão comentar em seu blog, caso essa seja a sua configuração e por ai vai! Fácil de colocar e ótimo para o blogger, também está presente em muitos blogs da internet!

Como colocar:

Para colocar Botão Seguidores, entre no Design=>Elementos de Págian=>Adicionar Gadget=>Procure por Seguidores e clique no + que haverá na frente, aparecerá algumas opções, se quiser deixe como está e siga em frente clicando em salvar, no canto superior direito da tela. Agora veja o resultado no seu blog, se não gostar do lugar você pode mudar no mesmo caminho: painel do seu blog=> Design=:>Elementos de página.

Postagens populares:

Eu coloquei esse widget a pouco tempo, mas existem muitos blogs de sucesso que tem, se você já tiver uma grande quantidade de postagens é bem legal que você coloque, afinal de contas, pode haver uma postagem muito interessante para o seu leitor que ele nem saiba que exista. Mais ou menos com a mesma função do "saiba mais" os usuários verão as suas melhores postagens bem na Home do blog, o que é ótimo, pois é mais um motivo para que eles cliquem e vejam, então como eu disse, se já tiver uma grande quantidade de postagens, você deve colocar esse widget, caso contrário não aconselho, afinal de contas o visitante com dois ou três cliques poderia encontrar as suas postagens.

Como colocar:

Para colocar Postagens populares, entre no Design=>Elementos de página=>Adicionar Gadget=>Procure por Postagens populares e clique no + que haverá na frente, aparecerá algumas opções, se quiser deixe como está, mas eu aconselho que não coloque dez postagens para serem mostradas, coloque apenas cinco, caso contrário você vai ganhar um prédio gigantesco no seu blog! Siga em frente clicando em salvar, no canto superior direito da tela. Agora veja o resultado no seu blog, se não gostar do lugar você pode mudar no mesmo caminho: painel do seu blog=> Design=:>Elementos de página.

Feedburner:

Quando você faz conta no feedburner, você ganha a possibilidade de fazer com que seus leitores sempre fiquem por dentro de suas postagens, mas para isso eles precisam de um caminho fácil para assinar a sua newsletter, o seu feedburner, então esse widget o próprio feedburner, ele vai te proporcionar automaticamente é só fazer a conta e seguir as instruções que já estão explicandas em: Tutorial - Newsletter, o que é isso? e como colocar?

Caixa de pesquisa: 

Esse widget já está presente em alguns templates, mas se no seu template não tiver a caixa de pesquisa, será uma ótima pedida de você colocar no blog. Como eu disse acima, nem todos usuários tem paciência para ficar procurando o que querem, se ele já o seu seguidor, não deixe que ele vá embora procurar no google o que já tem no seu blog. Para isso coloque em seu blog a caixa de pesquisa, assim eles escrevem as palavras chaves e logo abaixo aparecerá o que ele está procurando em seu blog, claro se você não tiver não aparecerá nada, afinal de contas a caixa de pesquisa é feita em relação ao seu blog.

Como colocar:

Para colocar a caixa de pesquisa, entre no Design=>Elementos de página=>Adicionar Gadget=>Procure por Caixa de pesquisa e clique no + que haverá na frente, aparecerá algumas opções, se quiser deixe como está e siga em frente clicando em salvar, no canto superior direito da tela. Agora veja o resultado no seu blog, se não gostar do lugar você pode mudar no mesmo caminho: painel do seu blog=> Design=:>Elementos de página.

Top Comentários:

Ele faz com que os seguidores que mais comentam fiquem no topo da lista, estando no topo da lista é um meio de divulgação para os seus próprios blogs, afinal de contas o nome do usuário aparecerá e caso alguém clicar é direcionado para o blog do seguidor. Legal não é? Isso faz com que as pessoas queiram comentar para divulgar o seu blog, então é lucro para todo mundo!

Como colocar:

Entre no Painel do blogger=>Design=>Elementos da página=>Adicionar Gadget. Procure pelo Gadget HTML/JavaScript, clique no + que haverá na frente, aparecerá uma caixa de diálogos onde você deve colar o código HTML abaixo:

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ul style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ul>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id= e2ec31beeb7d775c39267948fd2afc9f&URL=http://superpointlahsat.blogspot.com&Numero=10&Excluir=NOMEPARAOCULTAR1&Excluir2=NOMEPARAOCULTAR2" type="text/javascript"></script>

<span style="font-size: 80%;display:block;text-align:right;">widget <a href="http://www.compulsivo.com.br/2008/07/widget-compulsivo-top-comentaristas.html">Usu&aacute;rioCompulsivo</a></span>

No link http://superpointlahsat.blogspot.com, coloque o link do seu blog.

Em NOMEPARAOCULTAR1 e NOMEPARAOCULTAR2 coloque o seu nome de usuário do blog, afinal de contas quem mais comenta no seu blog é você, respondendo os comentários! Retire dois nomes que não poderão aparecer no topo.

Siga em frente clicando em salvar e depois em visualizar página para ver como ficou!

Skribit: 

Com ele, os visitantes do blog podem deixar sugestões de assuntos que gostariam de ver no seu blog, já que eu não utilizo, mas sei que é um ótima ferramenta, vou deixar aqui um link explicativo da ferramenta:

http://www.gerenciandoblog.com.br/2009/12/skribit-cura-falta-inspiracao.html

Artigos relacionados com imagem: 

Ele faz com que apareça no final de cada postagem uma barra com várias postagens suas, são artigos relacionados. Para que ele saiba o que é relcaionado ou não, ele pega altomáticamente as postagens dos mesmos marcadores, sendo mesmo marcador é relacionado, assim ele coloca no final de cada postagem. Então talvez o seu leitor clique para conferir. Muitas vezes as pessoas não tem paciência de procurar o conteúdo do seu blog, e acabam perdendo muita coisa, mas com esse widget os seus leitores vão poder ver mais postagens de uma só vez. Muito bom esse widget e se você prestar atenção verá que ele esta presente em diverssos blogs, geralmente está escrito como "artigos relacionados".

Como colocar:
Para colocar os artigos relacionados com imagem, entre em Design=>Editar HTML, clique em "expandir modelos de widgets" aperte CTRL F e escreva na caixa que aparecer isso: </head> logo ANTES de </head> escreva isso sem modificar absolutamente nada do código:

<!--Artigos Relacionados Estilo e Script Inicio --> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style type="text/css"> 
#related-posts { 
float:center; 
text-transform:none; 
height:100%; 
min-height:100%; 
padding-top:5px; 
padding-left:5px; 
}

#related-posts h2{ 
font-size: 1.6em; 
font-weight: bold; 
color: black; 
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; 
margin-bottom: 0.75em; 
margin-top: 0em; 
padding-top: 0em; 
} 
#related-posts a{ 
color:black; 
} 
#related-posts a:hover{ 
color:black; 
}

#related-posts  a:hover { 
background-color:#d4eaf2; 
} 
</style> 
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> 
</b:if> 
<!--Artigos Relacionados Estilo e Script Final-->

Agora, com o CRLT F ainda funcionando escreva isso: <div class='post-footer-line post-footer-line-1'> ou isso: <p class='post-footer-line post-footer-line-1'>.

Se você encontrar alguma delas, coloque o código a seguir antes da linha, se colocar depois ou modificar alguma coisa errada, tudo vai dar errado, HTML é chato, pois não suporta erros!

<!--Codigo Artigos Relacionados Inicio--> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='related-posts'> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> 
</b:if> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a> 
<script type='text/javascript'> 
var currentposturl=&quot;<data:post.url/>&quot;; 
var maxresults=5; 
var relatedpoststitle="Artigos Relacionados"; 
removeRelatedDuplicates_thumbs(); 
printRelatedLabels_thumbs(); 
</script> 
</div><div style='clear:both'/> 
</b:if> 
<!--Codigo Artigos Relacionados Final-->

Onde está escrito o 5 em vermelho, você poderá escolher o número de postagens que gostaria de ter no seu blog na parte do widget, depende do template, você pode escolher o que quiser, mas pense no tamanho, pense em deixar sempre o seu blog organizado ok? 

Só funcionará se tiver os marcadores, então não se esqueça de colocar os marcadores como eu já expliquei acima!

                                      

Botão curtir do twitter/facebook:

Esse é para os seus leitores clicarem caso gostarem das suas postagens, então eles divulgam a mesma para quem eles tiverem no próprio twitter ou facebook. O legal é que você acaba tendo um maior número de divulgação das suas postagens e até mesmo se você quizer twittar que você tem uma atualização no blogger, por isso eu gosto muito desse widget.

Como colocar:
Para colocar o botão curtir do twitter/facebook entre em Design=>Editar HTML, clique em "expandir modelos de widgets" aperte CTRL F na caixinha de pesquisa que aparecer escreva: 
<div class='post-body entry-content'>
Acima disso, ou seja ACIMA dessa linha de código, cole esse código HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p style='display: inline; float: right; margin-left: 5px'>

      <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>

      <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

<br/>

      <iframe expr:src='"http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:80px; height:20px"></iframe>

</p>

</b:if>

Agora salve as modificações e olhe em alguma postagem sua, vai ficar lá no canto superior direito da página dois botões para curtir, assim divulga o seu blog.

Google tradutor com bandeiras:

Já pensou se um extrangeiro entrar no seu blog e não poder mexer em nada, pois não consegue traduzir a página. Que frustração seria, afinal de contas você perderia a chance de aumentar a popularidade do seu blog para outros países. Não pense que as pessoas que moram em outros países não entram em seu blog, pois elas entram sim. Tenho visitantes dos EUA, Italia e muitos outros, então não perca a oportunidade de fazer do seu blog mundial. Claro que você deve estar pensando que o google disponibiliza no navegador a tradução, mas é muito mais fácil para o seu leitor se tudo estiver perto e a um clique de distância, você deve fazer do seu blog a sua cara, mas tente fazer da sua cara agradável a todos e nada melhor do que a facilidade não é mesmo?

Como colocar:
Para colocar o google Tradutor com bandeiras entre em Design=>Elementos da página=>Adicione um gadget=>Escolha o Html Java Script. Agora cole o código abaixo nesse gadget, não modifique nada, a não ser que você saiba HTML.



<style> 
.google_translate img { 
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0; 
border:0; 
} 
.google_translate:hover img { 
filter:alpha(opacity=30); 
-moz-opacity: 0.30; 
opacity: 0.30; 
border:0; 
} 
.google_translatextra:hover img { 
filter:alpha(opacity=0.30); 
-moz-opacity: 0.30; 
opacity: 0.30; 
border:0; 
} 
</style> 
<div> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src=http://lh6.ggpht.com/_pt7i0nbiocy/swwjycgenli/aaaaaaaaa1o/7p6s3-tipsa/english_thumb%5b3%5d.png?imgmax=800 style="cursor: pointer;margin-left:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlO8-ajkG-mZmlCFxhcnHd6a7AHPv5pGb9B1WkYPoQEYtDZykX__VEHlQoFmMAdcywxdGiVnnysxVlRh4gF7AU5GZeQlIEtfQR4CjbGiRgKScYazyhzFjyD4NHQ2EHg5otCr_82R54sDg/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjwYvmZVLaGQDgMomH3tTlMyWCgODmlGxCtYOn8WDfDK3Y-ERGw2aAWO4657MOawkOShbNAkY81pc7y8s8j464zZf5j4jXkZaZ0XoE44Wkm0JV2X9ef2ZeyJmUKSogK-ni5jZZviFeHtNr/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8YEoRUrofNgQsM4nWuT3bpxyjaXwvq3u_mXHDBKSxw4LJsVDAuFZ0RD2IdJjn7_kOUxOnFsIM_28IbaDvKjKJGn8EuUL1z8HzhnoHZPOmKBDp6lVaDWXOWJJS55Sf0t4Enh16iyn8spvI/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMrU5OmI7VCznyJXYyGBBDWHGC1pZ_5DmujvIpR1B14hlrriOhOpElcRjElMJTN-3o4XM6db0pU3lDGxfzo_OyzvKymEpWVdlqlMomeMqwunbOcrxr6Jtvx_ng1-hERVvvOSgb_DhS_wM/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCEBcGJsPi7eaIPudsT7gVArMV4qNxCe33aI7PepxPPljwxuubDLN7VLw-RYHujBMy89q2HobhHgrrRMN14e_jPm6Yb7lDwWOIxreR4DHufc-MN30jmhkdRp4F73x_1Hl3NscxChFl0Y/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<br/> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHeVQOIr8K_FBpnmg3lIPKSxONJm5BuQ_ccUt0osvP9QczwhAdP3MMAge6LgozYpdhs6V7_NOJKgp7csyQ3gntgBaaLET3B3Emqqk30laWpNm1b0Ck_fSKBS14590iN4u1g4YgLl1bTM4/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDP1uUT4Hg6Xh9pLvWQEAxwBFjLXDkD7cVkVKPSGCcCqMZ_2wjG_DIKFaqHlWSKMEGFbGHLttoW5ZeK0i8RRYp9bcpU8TKWPOoMzHTfjxX-NwgTPUn8cGicLoK_xK5_fmfmFqKegtTxw/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-iG7kc-8JuwSxT7G1rA5u9Nto3jSLI-SspiAJWEgAjU5XuMSP2uGiXSBkpvIEuwp17vRiXqYk7o_moH6VKo7Ktyvdkxj2HO2tT_QRmUd7mS4N5rZNmIc8AukMVdRv8vkUj7HqXxJ3ZUjY/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijoAzEDgC5T6husYnuAZ1c6PsagQq_ggPgsqc-Thgbm8D4y-ThqoYSu9h_cR8eIn0Dy1VAWBIUB3hNSqEag2NKPUf9qGf4lDVZnMIga23X2zztaz-pZ184dTspFwhaV55DjnWxeWjyCZ0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZrhDq8tBODLAKadZj2Qfxsj7E4TvJn_N5FCzEDUwAXaw_BFSaJxllpdLbCJiZp1I4mUm-7WQKvmt9eNkyWi28oZXn13zzTakfjtkAKVXcLHo2BrzuuUoe76rzeoql_nV3xrdNWsiXag/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRwK-X715GYDgTKkSuHSxUKSvQvWP1Z-doqZQNvNCkXltPsuspfDoTP96KVvKHX0BG6I1UYSpKyiTnyhWx3KZIiNXJDnwJLnT45v4rXCAzFdKjaGOTTf0uy-NYc2jU7pV37ENRw7r1Qe0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
</div> 
<font face="Microsoft Sans Serif" color="#c0c0c0" size="1"><em>By <a href="http://superpointlahsat.blogspot.com/">LP SuperPoint</a></em></font>

Mais duas dicas:

Se você quiser mais duas dicas, ai vai!
Tenha um perfil, é importante que as pessoas saibam que você não é um robô! Então use o gadget "Perfil".
Se estiver em dúvida sobre alguma coisa para fazer no blog, deixe que os próprios usuários decidam com uma votação, então utilize a "enquete", a maneira como se coloca é a mesma das listadas acima, é bem fácil, pois esses widget são do próprio blogger. Veja a imagem das duas:

Bom pessoal, por hoje é só isso mesmo, espero que tenha ajudado a todos com essas dúvidas, afinal de contas é uma das dúvidas maiores que se existem quando se faz um blog, quais são os melhores e realmente uteis widgets! Hoje eu listei 10 e coloquei tutoriais de como se colocar e mais duas dicas, valeu e um abraço a todos!  E você, sabe de algum widget legal para colocar em um blog, seja wordpress ou não? Compartilhe com agente!

Posted in: Artigos,Seu blog um Sucesso,Tutorial,widgets