Como adicionar Widgets-Blogger e WordPress
Autor: Fernanda Maria | Publicado: 2015-04-13T09:58:00-07:00


Percebi que algumas pessoas ainda não sabem como adicionar alguns widgets ou plugins no seu blog, seja ele Blogger ou WordPress e então decidi fazer esse pequeno tutorial ensinando afinal, é fácil e é muito legal, vamos lá?
Para por o widget do Facebook no seu blog:

BLOGGER

O Widget do Facebook mudou então acessem esse link,
https://developers.facebook.com/docs/plugins/page-plugin&nbsp;
Lá você pode ajustar a largura e altura e escolher se quer exibir ou não a foto de capa de sua pagina no Facebook.
Bem legal né?
Mas, não deu, não consegui instalar ele e então fui eu procurar saber o motivo e, encontrei um ótimo tutorial no blog da Elaine Gasparetto onde ela sempre dá ótimas dicas para nós e ela explicou como instalar esse novo widget do Facebook:
Quando você já tiver lá colocado o endereço de sua Pagina do Facebook e ter colocado a largura e altura que deseja então vai clicar em “Get Code” então vai aparece dois códigos assim



Copie o primeiro código e não feche essa janela, deixe ela como está, abra uma nova aba e vá para o Blogger, vá em Layout e adicionar um novo Widget e selecione HTML/JAVISCRIPT e cole o primeiro código, não clique em salvar ainda, deixe a janela aberta&nbsp; e volte a pagina do Facebook Developers , copie a segunda parte do código , volte&nbsp; para a pagina do Blogger e logo abaixo da primeira parte cole a ultima parte do código, vai ficar assim:


Coloque o titulo que quiser salve e depois arraste para o local que achar mais adequado e pronto.
Agora, para quem como eu não gostou desse novo modelo de widget temos o segundo, que na verdade é o antigo código do Facebook.
É muito simples;
Copie esse código:

&lt;center&gt;&lt;br /&gt;&lt;iframe allowtransparency="true" frameborder="0" header="false&amp;amp;appId=568733679822116" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FNOMEDOSEUBLOG&amp;amp;width=300&amp;amp;height=258&amp;amp;show_faces=true&amp;amp;colorscheme=light&amp;amp;stream=false&amp;amp; header=false&amp;amp;stream=false&amp;amp;show_border=false" style="border: none; height: 258px; overflow: hidden; width: 300px;"&gt;&lt;/iframe&gt;&lt;/center&gt;


E onde está escrito “NOMEDOSEUBLOG”&nbsp; coloque o nome que aparece no final do endereço de sua fanpage;

Por exemplo, o endereço da minha fanpage &nbsp;https://www.facebook.com/ConversaIntima

Então eu coloco apenas o final do endereço,

ConversaIntima

E onde tem “height” mude a altura que aparece em 2 lugares no código e “width” pode mudar a largura que também aparece em 2 lugares no código, mude de acordo com a largura de sua barra lateral.

O código tem algumas alterações, o código original é esse:




&lt;center&gt;&lt;iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FNOMEDESUAFANPAGE&amp;amp;width=300&amp;amp;height=258&amp;amp;show_faces=true&amp;amp;colorscheme=light&amp;amp;stream=false&amp;amp;border_color=%23ffffff&amp;amp;header=false&amp;amp;appId=568733679822116" style="border: none; height: 258px; overflow: hidden; width: 300px;"&gt;&lt;/iframe&gt;&lt;/center&gt;




Onde tem “ border_color=%23ffffff&amp;amp; “ coloquei “ show_border=false"&nbsp; para retirar as bordas do widget ficando assim:








Mude ou deixe como está se quiser.

E caso apareça uma header escrito “encontre-nos” no Facebook coloque logo antes do “show_border=false” assim&nbsp; “header=false&amp;amp;stream=false&amp;amp;” veja se está tudo certo e salve.

Pronto, agora tem o widget da sua fanpage do facebook no Blogger mas, pera…e se quiser por no WordPress?




WORDPRESS




Faça o login no WordPress.com, ao fazer login ele irá abrir uma pagina assim:





Vá em “Meus Sites” e clique no nome do seu blog, vá na opção no menu a esquerda “Admin do WP”, ele irá abrir uma nova pagina com várias opções então vá em Aparência” e “Widgets”&nbsp; provavelmente lá irá ter uma caixinha escrita “ Caixa Curtir do Facebook” clique nela e lá irá abrir algumas opções, vai ser mais ou menos assim:



No titulo coloque o que quiser e na url coloque o endereço de sua fan page do facebook, lá poderá alterar largura e altura além do esquema de cores e após ter formatado o widget como quiser é só salvar e pronto.
Agora vamos facilitar as coisas…
Se quiser por o widget do Google+&nbsp; é muito fácil…
BLOGGER
Vá em Layout, adicionar um novo widget e encontre “Seguidores do Google+” clique nele e no tamanho coloque em “especificar manualmente” onde pode mudar largura, altura e esquema de cores, após personalizar como quiser salve e arraste o widget para onde achar melhor.
E se quiser por o widget do Google+ no WordPress? como eu faço?

WORDPRESS
Bom, infelizmente não existe widget do Google+ para o WordPress.com apenas para o WordPress.org que é mais avançado e tem que entender de PHP e esse eu confesso, tenho medo só de ouvir falar rsss
Mas para quem tem e quiser instalar vamso lá;
Primeiro caso não tenha uma conta ativa no Google+ crie a sua vá em https://plus.google.com e siga os passos.
Entre na sua conta e copie o endereço que quer usar, tanto perfil como pagina podem ser usados.
O endereço fica na barra do seu navegador como no exemplo abaixo da pagina do blog no Google+



Copie e cole o código num widget do tipo “Texto” e coloque em sua barra lateral (sidebar), como faria para qualquer outro elemento de página. Só modifique o que for indicado: 

&lt;div class="g-plus" data-action="followers" data-height="300" data-source="blogger:blog:followers" data-href="URL_Perfil/Página" data-width="300"&gt;&lt;/div&gt;&lt;script type='text/javascript'&gt;(function() {window.___gcfg = {'lang': 'pt-br'};var po = document.createElement('script');po.type = 'text/javascript';po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po, s);})();&lt;/script&gt; 

Onde está marcado de vermelho e diz “URL_Perfil/Página“, coloque o endereço que você copiou (Perfil ou Página), conforme deseja ver aparecer em seu Blog. 
Os números marcados de verde tratam das medidas de altura e largura do widget, para ajustar-se ao tamanho da sua barra lateral e está em pixels. Você pode mudar esses números para ver como ficará melhor na sua barra lateral (sidebar). 
E é isso. 
Quem souber mexer no WordPress.org só seguir esse tutorial. 
Esses são os widgets que eu uso e os que acho que tem mais retorno, se quiser saber como instalar algum outro widget pode perguntar ou peça por um tutorial que faço e posto aqui no blog ok. 
Espero que tenham gostado e até o próximo tutorial.