Gadget de Seguidores Personalizado

Bom Dia!! Minha ferias infelizmente já chegou ao fim Ç.Ç Mas como ainda não estou estagiando eu ainda tenho bastante tempo para postar e fazer tudo que eu gosto, como passar a tarde inteira assistindo series <3 Vocês costumam acompanhar alguma série especifica? Eu atualmente acompanho mais de 20 séries diferente ao mesmo tempo.

Hoje o tutorial é de como personalizar o Gadget de Seguidores, alterar o tamanho das fotinhas, fonte, cor  do link, enfim deixa-lo mais a cara do seu blog, eu atualmente uso essa forma de Gadget no blog e alterei seu tamanho para ele se encaixar perfeitamente no blog. 

Tutorial
1° Passo: Abra seu blog normalmente no seu navegador e aperte Ctrl + U.
2° Passo: Vai abrir sozinho uma pagina com o código fonte do seu blog, aperte Ctrl + F.
3° Passo: Na caixinha que vai abrir na parte superior direita do blog cole: <div id='Followers1-wrapper'>
4° Passo: Depois de apertar "Enter" você será direcionado a linha onde o código esta.
5° Passo: Copie da linha <div id='Followers1-wrapper'> até a linha anterior a <div class='clear'></div>
6° Passo: Apague seu Gadget de Seguidor.
7° Passo: Crie um Gadget Java/Script e cole o código que você copiou.
8° Passo: Personalize conforme sua paleta e layout, personalize a parte do código abaixo:
skin['FACE_SIZE'] = '20'; /*-----Tamanho da Foto dos Seguidores-----*/
skin['HEIGHT'] = "260"; /*-----Altura do Gadget-----*/
skin['TITLE'] = "Seguidores";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#777777";  /*-----Cor ds Fonte-----*/
skin['ENDCAP_LINK_COLOR'] = "#f7b0bf";  /*-----Cor do Link-----*/
skin['ALTERNATE_BG_COLOR'] = "transparent";
 
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#f7b0bf";
skin['CONTENT_TEXT_COLOR'] = "#777777";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#3778cd";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#777777";
skin['CONTENT_HEADLINE_COLOR'] = "#444444";
skin['FONT_FACE'] = "normal normal 13px \x27Trebuchet MS\x27, Trebuchet, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-1lh2satn1f2lm",
 height: 260, /*-----Altura do Gadget-----*/
9° Passo: Pronto, salve as alterações do Gadget.

Se tiverem qualquer dificuldade para usar o tutorial e precisarem de ajuda é só pedir *-*
Espero que tenham gostado do tutorial.

Um comentário: