12 dezembro 2012

Tutorial - Colocar seguidores no cabeçalho e editar

Boa tarde,pessoal.

Como primeiro tutorial do blog,irei postar um tutorial diferente,como disse aqui,irei postar tutoriais um pouco diferentes dos demais,né?Então...Hoje estarei ensinando a vocês a como colocar os seguidores no cabeçalho e edita-los.Veja um exemplo aqui.Pode ver que o gadget seguidores está no cabeçalho do blog,irei ensina-los a como coloca-lo lá,e também a como personaliza-lo,pode se notar que o número de seguidores é rosa é o padrão do blogger que é bem feio é preto.

Notem que se torna impossível subir o de seguidores, então tive a ideia de fazer o que fiz com a enquete em dois blogs: Olhar no código-fonte. Vou explicar esse tutorial sem leia mais, pois não existe uma introdução.

1. Deixe o gadget de seguidores na sidebar, dê ctrl + u (ou vá no seu código-fonte) e procure por isso:
<div id='Followers1-wrapper'>
Você vai encontrá-lo seguido de uma série de códigos, então copie de <div id='Followers1-wrapper'> até:
</script>
</div>
</div>

2. Após copiar tudo, você já pode excluir seu gadget atual de seguidores. Cole o que você copiou em um gadget de HTML/JavaScript e ele vai aparecer normalmente, como um gadget editável. Assim, você poderá colocá-lo no topo usando o tutorial citado mais cedo.

3. Mas e para editar as cores e o tamanho das imagens? No código que você copiou, vai aparecer algo assim:

skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Seguidores";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#666666";
skin['ENDCAP_LINK_COLOR'] = "#eb8bab";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#eb8bab";
skin['CONTENT_TEXT_COLOR'] = "#666666";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#eb8bab";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#eb8bab";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
É aí que se edita tudo. Face_size é o tamanho da foto, Height é a altura do gadget e aí você vai editando para descobrir as coisas. Entenderam bem? Espero que sim,rs.Até o próximo post.Beijos.

Credits [x]

Um comentário:

Angel disse...

Como colocou esse slide no cabeçalho?
Se explicar sigo o blog!!!
http://ideiasdasym.blogspot.com.br/