08/02/2013

TUTORIAL-APRENDA A USAR O NOVO ESTILO DE CABEÇALHOS+SLIDES,VÁRIOS TIPOS PRA VOCÊ

           
É isso mesmo,uma leitora comentou explicando que ainda não sabia usar o novo estilo de cabeçalhos,com os gadgets no BANNER,mais agora todos os problemas vão ser resolvidos porque nesse Big Post  em vou ensinar á:
*COMO POR GADGETS NO CABEÇALHO
*COMO POR OS SEGUIDORES NO CABEÇALHO (É UM CÓDIGO DIFERENTE)
*CÓDIGOS DE SLIDES DE VÁRIOS TIPOS.
*E ALGUNS TRUQUES PARA O SEU CABEÇALHO(SEM PRECISAR USAR O CÓDIGO DE GADGETS NO BANNER)

E ai? Ficou interessado?
ENTÃO CLICA LOGO EM LEIA MAIS!
Vamos começar pelo primeiro iten,os Gadgets no cabeçalho!
Todo blogueiro quando chega modinha nova quer usar em seu blog também,e a maioria dos códigos são impossíveis de se encontrar,ou são difíceis de mais,os que eu vou por aqui hoje não são muito simples,mais ficam muito bonitos.
AGORA VAMOS LOGO AO TUTO:
Bem, é só você criar um gadget de HTML/Javascript e colar nele o seguinte código:
<div style="position: absolute; margin-top: -100px; left: -200px;">CÓDIGO DO OBJETO</div>
 E arrumar o que tem pra arrumar. A margin-top você pode diminuir (faz com que o seu gadget desca) ou aumentar (faz com que o seu gadget suba). E a left você pode, também, diminuir (faz com que fique mais pra direita) ou aumentar (faz com que fique mais pra esquerda). E, obviamente, trocar "CÓDIGO DO OBJETO" pelo código do objeto.
FONTE DO TUTORIAL:http://piinkcookie.blogspot.com.br

viram como é fácil?
HAA,lembram do meu ultimo post de cabeçalhos frees?(como não vão lembrar,está a duas postagens abaixo dessa) Bom,um dos cabeçalho é ótimo pra vocês irem testando,o da MIKU (a vocaloid!) caso estejam com preguiça de ir la ver aqui está:
CLIQUEM PARA AMPLIAR!
AGORA vamos ao segundo tuto,o de por os seguidores no cabeçalho:


. 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? Podem repassar sem problema.

FONTE DO TUTORIAL:http://www.kawaii-world.net

FÁCIL NÉ?




E agora vamos ao 3 tutorial,o dos slides,eu só tenho uns códigos,vejam:


AI ESTÁ,agora vamos ao último iten da lista,os truques.
Como vocês podem ver,parece que eu uso GADGETS no CABEÇALHO aqui no blog,mais eu não uso,apenas coloco vários textos como se fossem gadgets na hora de editar o cabeçalho,fica bem fácil de fazer assim né?
VEJAM O CABEÇALHO DO BLOG:
HORA DE ANIME

VIRAM?

FICA-A-DICA!



ATÉ A PRÓXIMAA!!



NÃO ESQUEÇAM  DE COMENTAR!

7 comentários:

  1. Muito obrigada pelo tutorial concerteza vou usar no meu novo layout, me ajudou muito!!Mais ainda estou com algumas dúvidas como eu vou saber onde vai ficar cada slide, no cabeçalho e qual vai ser a largura?
    #May-Sun

    layrakauana.blogspot.com

    ResponderExcluir
    Respostas
    1. que bom que foi útil!
      as suas dividas são bem fáceis de responder,pra saber onde vai ficar é só ir aumentando ou diminuindo o numero do código de gadgets no cabeçalho ate ficar onde vc quer,e o tamanho você arruma no código do slide e vai testando até ficar do tamanho que você ecolher,o código de gadgets no cabeçalho está nesta postagem.

      Excluir
    2. Muito obrigada Biel, me ajudou muito no meu próximo layout concerteza vou usar esse divo tutorial ♥
      #May-Sun

      Excluir
  2. Muito bom o Tutorial! Mas acho que por enquanto prefiro ficar usando o tipo de cabeçalho "simples".
    Beijinhos.

    ResponderExcluir
    Respostas
    1. quando você estiver pronta vai ter vontade de faze-los!

      Excluir
  3. Eu faço totalmente diferente '-' mais muito bom o tuto...

    ResponderExcluir