Cursos 24 Horas - Cursos 100% Online com Certificado

Seguidores comentam,gadget para blogger

Muitos blogs tem aquele famoso gadget de seguidores que exibem aquelas pequenas fotos na sidebar, quanto mais fotos melhor mais esta ficando raro aparecer aquelas fotos, então este gadget é a solução para aparecer mais e mais...Este gadget eu vi no Blogdoctor e ele é muito bom mesmo então vamos a instalação deste gadget que integra ao famoso friend conect ou melhor dizendo seguidores.

1.Faça login no blogger

2.Vá para layout> Elementos da página>Adicionar um gadget>



2.Selecione "html/JavaScript

e como conteúdo cole o código abaixo:





<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-comment-wall" style="width:210px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -';
skin['HEADER_TEXT'] = 'Comments';
skin['POSTS_PER_PAGE'] = '5';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderWallGadget(
 { id: 'div-comment-wall',
   site: 'BIG_NUMBER',
   'view-params':{"disableMinMax":"true","scope":"SITE","allowAnonymousPost":"true","features":"video,comment","startMaximized":"true"}
 },
  skin);
</script>



Atenção:
Em BIG_NUMBER substitua pelo seu número para localiza-lo faça o seguinte
Firefox: Exibir,Código-Fonte











Internet Explore:
Página, Exibir Código Fonte











Se você já tem um gadget seguidores já pode pesquisar pela seguinte parte no seu código fonte ultilizando as teclas CTRL+F e se não tem coloque um em Adicionar um Gadget> Seguidores

site: "AQUI ESTARA SEU CÓDIGO",


Se preferir pesquise somente site: " que já irá encontrar seu código.
Substitua o código em vermelho no gadget
Nessa parte do código do gadget abaixo é possivel personaliza a cor para ver algumas cores em hexadecimal acesse aqui



skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '
#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '
#333333';
skin['ENDCAP_LINK_COLOR'] = '
#0000cc';
skin['ALTERNATE_BG_COLOR'] = '
#ffffff';
skin['CONTENT_BG_COLOR'] = '
#ffffff';
skin['CONTENT_LINK_COLOR'] = '
#0000cc';
skin['CONTENT_TEXT_COLOR'] = '
#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '
#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '
#666666';
skin['CONTENT_HEADLINE_COLOR'] = '
#333333';



E nesse outro tercho do gadget é possivel personalizar o tamanho veja (:


div id="div-comment-wall" style="width:210px;border:1px solid

O número em laranja pode ser substituído pelo tamanho que adapte ao seu template;

Este outro trecho mudando o 5 por números de um a 15, este é o total de comentários que será exibido :

skin['POSTS_PER_PAGE'] = '5';

E no código abaixo substitua true por false para não permitir comentários anônimos


"allowAnonymousPost":"true",


Se fez isso tudo seu gadget de seguidores que comentam estará pronto como este na imagem

Se não conseguiu encontrar se BIG_NUMBER clique neste link faça login com sua conta do google e em seguida selecione o seu blog.E será exibido ID do site: xxxxxxxxxxxxxxxx este é seu big número.



Deixe um comentário para nós será muito gratificante recebe-lo.

    Deixe o seu comentário

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.