Como colocar gadgets no cabeçalho


Olá amiguinhos 
Hoje eu acordei tarde porque é meu último dia de férias. Mas tá né, já estava com saudades mesmo dos meus amiguinhos. Contudo, hoje vou sair para as compras, o que melhora meu dia em 100%. Ah, e se me permitem dizer, tem pessoas que não sabem o que é zueira (uma indireta bem direta) e se não sabem brincar, não chegue a esse ponto de "ofensa", pois se não leva para o lado zueira da coisa, melhor nem comentar o3o. PS: Hahaha sambando no seu recalque!
Bom, a Letícia Mendes, do blog Ideias, me pediu um tutorial pela C-Box de como colocar os gadgets no cabeçalho. Esse método é infalível (Feel like Cebolinha), e é o que eu uso. Garanto que irá funcionar completamente se você executá-lo corretamente!



Vá no seu editor de html e cole esse código abaixo de <b:skin>

.topo {
position: absolute;
z-index: 4;
width: 250px; /** LARGURA */
height: auto; /** ALTURA, NÃO ALTERE * */
left: -733px; /** NEGATIVOS PARA ESQUERDA, POSITIVOS PARA A DIREITA **/
top: -264px; /**NEGATIVOS SOBEM, POSITIVOS DESCEM **/
}

Está tudo explicadinho, aí você vai alterando até aonde você quer que fique. O código está com as medidas daqui do WY.
Agora, vá no seu primeiro gadget (EX: About, Welcome) e cole acima de todo o conteúdo:

<div class="topo">
O CONTEÚDO QUE VOCÊ QUER QUE APAREÇA NO GADGET. EX: CÓDIGO DE BLOGORROL, MENU ETC.</div>

Abaixo desse código, estará o código normal do conteúdo da sua sidebar, portanto ele não sofrerá alterações.
Espero que tenham entendido.
Kiss o3o

27 comentários:

  1. Bem, estás tão explicadinho mesmo assim nunca consigo colocar certinho ali no local, sou um desastre com essas coisas -q.

    Beijos, Yellow Cloud ♥ || Visita, se gostar segue? E comenta? *o*

    ResponderExcluir
  2. Já conheço até mesmo uso u_u Super Útil
    Belo Post

    worldofthel.blogspot.com.br | World Of Thel

    ResponderExcluir
  3. Bom você garantil né rsrsrsrs. Eu acreditei que é infalivel : ). Fica muito bonito e legal gadgets no cabeçalho. Boas compras‼

    mundodeliina.blogspot.com.br

    ResponderExcluir
  4. Ammmmei o tuto <3
    Tem um selinho no blog:http://mygoodies1.blogspot.com.br/2013/08/selinho.html
    Caso não aceitar,é só avisar :)

    ResponderExcluir
  5. Ótimo tutorial T^T Adoro colocar gadgets no cabeçalho, mas é meio complicado, UAHSA' -q

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  6. Otimo tuto e muito util tb !!
    bjss
    http://www.mymomentsz.blogspot.com.br/

    ResponderExcluir
  7. Adorei o tuto, Mandi *w* Gadgets no cabeçalho fica tão profissional UAHSUAHSUAHS -q Fazendo desse jeito, tem como colocar mais de um gadget?
    Kiss~
    Garotas Atrevidas ❤ ~clique e visite

    ResponderExcluir
  8. Realmente um dia de compras melhora tudo em 100% né Mandi? *o* Gostei bastante do tuto, ta mt bem explicadinho *3*

    Beijos, Monalisa com S

    ResponderExcluir
  9. Eu acho bonito gadgets no cabeçalho. E tá tudo muito bem explicado tenho certeza que vai da certo, já que você esta garantindo rsrsrs. Se for dois comentários ignore : ).

    mundodeliina.blogspot.com.br

    ResponderExcluir
  10. Adorei o tutorial *-*
    Tava precisando dele na elaboração do meu novo layot, como não encontrei um tão bem explicadinho como esse, acabei nem colocando ;c
    kissus
    # Psycho Tutoriais ✿

    ResponderExcluir
  11. Muito fácil u.u
    Realemnte tem gente que não sabe brincar, mas acaba descendo pro "play" u.u
    haha.
    :3 || † Ieah

    ResponderExcluir
  12. Já conhecia e uso um tuto mais fácil, mas é um ótimo tuto. Beijos.

    semprefuiestranha.blogspot.com | SEMPRE FUI ESTRANHA

    ResponderExcluir
  13. Olha só q simpleza de tutorial *o*
    Adorei ele ^^

    XOXO :D
    jovenclube.blogspot.com.br

    ResponderExcluir
  14. Adorei o tuto, bem explicadinho. Parabéns *-*

    ResponderExcluir
  15. Ameiiiiiiiiiiiiiiiii ajudando muito seus tutoriais mesmo!!!(Sérinho mesmo okey?)
    Tanks agradecimento no post que estou postando agora (Dia:02/08/13 às 19:42 rsrs)
    Dá uma passadinha lá!
    http://ideiasdasym.blogspot.com.br/

    ResponderExcluir
  16. Ótimo tutorial,para quem curte gadgets no cabeçalho @-@
    Eu não costumo usar, mas caso fizer um free,irei vir aqui \õ
    Kiss ♥, Modern Girl - HTML
    modern-girl-html.blogspot.com.br

    ResponderExcluir
  17. Mandiii boa volta as aulas kkkkk. E que tuto divo, muito bom. Vou deixar salvo aqui hahaha. :3 Beijos! ^^

    Rediscovering Dreams

    ResponderExcluir
  18. Adoro aplicar isso, fica lindo ♥ Mesmo que demore para acertar os valores ç3ç'

    Beijos ~
    garotas-cupcakes

    ResponderExcluir
  19. Eu já tinha tentado mas não deu certo, vou tentar com esse código :3
    CAT GIRL

    ResponderExcluir
  20. Ops...em relação a sua post:(...)"Ah, e se me permitem dizer, tem pessoas que não sabem o que é zueira (uma indireta bem direta) e se não sabem brincar, não chegue a esse ponto de "ofensa", pois se não leva para o lado zueira da coisa, melhor nem comentar o3o. PS: Hahaha sambando no seu recalque!" Foi em relação a mim?Eu fiquei em dúvida pois eu zoei no meu post lá no ideias sobre você...Foi eu?
    Desculpas então...
    ;(
    http://ideiasdasym.blogspot.com.br/

    ResponderExcluir
  21. Já conheço esse tutorial, usava no meu antigo lay rs

    Estou te seguindo, visita o meu cantinho e segue se gostar?
    www.mundoo-cute.blogspot.com

    ResponderExcluir
  22. Obrigada por esse tuto,eu não consegui colocar :/
    Um beijo
    http://bombasticmusics.blogspot.com

    ResponderExcluir
  23. Já conhecia o tutorial, mas é muito útil!
    sorvete-de-limao.blogspot.com

    ResponderExcluir
  24. Que legal, não conhecia esse tuto..
    Adorei o seu blog, é tão fofinho >3<
    Já estou indo te seguir, fofa !
    Será que você poderia dar uma passadinha no meu blog?
    Ele é bem novinho, criei ele ontem (03/08)
    Se puder divulgar também, ficarei muito agradecida *3*
    Say Yes ~: http://say--yes.blogspot.com.br/

    ResponderExcluir
  25. Rebloguei flor super perfeitinho seu blog amei !
    http://cupcakescoloridoscc.blogspot.com.br/

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ