Image Map

Ícone da rede social na navbar



6207650069_6f6a608161_z_large
Me possua.

Oii amores...
  Desculpem pelo sumiço é que com as provas e tudo mais não deu para entrar, semana que vem acaba minhas provas, aí talvez eu tenha mais tempo! Hoje trago para vocês um tutorial bem fácil que eu não lembro onde vi (mas deixei guardado como note para que pudesse usar depois). Esse tutorial é muito fácil e muito útil! Hoje vocês vão aprender a colocar ícones na navbar, exemplo: 

É fácil mas requer atenção, então faça como pede para não errar.
Clique em continue lendo para conferir! 

Passo 1:
 - Vai no seu HTML, aperte Ctrl+F e procure por: <body quando achar, vai ter uma linha mais ou menos assim: 
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>


Passo 2: 
Abaixo da linha que você encontrou cole:


 - <div style='top: 5px; right: 5px; z-index: 100; position: fixed;'>
<a href='URL DO SEU BLOG'><img src='http://cdn1.iconfinder.com/data/icons/doodle/Home.png' style='width: 30px; height: 30px;'/></a>
<a href='http://twitter.com/TWITTER_USERNAME'><img src='http://cdn1.iconfinder.com/data/icons/doodle/Twitter.png' style='width: 30px; height: 30px;'/></a>
<a href='URL DO PERFIL DO FACEBOOK'><img src='http://cdn1.iconfinder.com/data/icons/doodle/Facebook.png' style='width: 30px; height: 30px;'/></a>
</div> 


Em SEU BLOG coloque somente a URL com HTTP:// 
Em TWITTER USERNAME coloque o nome de usuário do seu twitter
Em PERFIL DO FACEBOOK coloque a URL do seu perfil com HTTP:// 


OBS: Pode trocar os ícones através da URL.

É isso, fácil né?
Beijos! 

24 comentários:

  1. Bom tutorial. Não sabia como fazer.
    http://magic--teens.blogspot.com/

    ResponderExcluir
  2. Anônimo25/6/12

    Adorei o tuto ainda não tinha visto.
    http://gilsilene.blogspot.com.br/

    ResponderExcluir
  3. Nossa, muuito legal! *-*
    Gostei mesmo, talvez eu use :)

    Obrigada pela visita no meu blog, eu adoreei o seu também! ♥
    Aah, queria saber se você aceita afiliação. (Já li as regras! :))
    Se não quiser não tem problema, ok? ^^

    Beeijos
    http://mikicandy.blogspot.com.br/

    ResponderExcluir
  4. Tenho que colocar umas coisinhas assim no meu blog, mas ODEIO HTML. huahuahua Vou continuar de olho nas dicas ;)
    Beijokas
    teoriasfemininas.blogspot.com.br

    ResponderExcluir
  5. Ótimo tutorial Giuu! Vou usar no próximo lay hahaha
    encantosdeumaadolescente.blogspot.com

    ResponderExcluir
  6. adorei o tutorial! eu já acho meu blog enfeitado demais hahahaa mas acho que vou colocar os ícones!
    beijo!

    ResponderExcluir
  7. adorei o post, me ajudou muito, consegui colocar twitter no meu *-*
    Beijos, to seguindo
    http://bmocassim.blogspot.com.br/

    ResponderExcluir
  8. amei to tutorial, você explica muito bem.

    http://blogclubeteen.blogspot.com.br/

    ResponderExcluir
  9. Uau! Sempre quis saber como fazia isso e agora sei. Vou ver se tento depois.

    Beijos
    Coisas Fúteis

    ResponderExcluir
  10. Oi princesa, o link é www.tacielealcolea.com ^^

    ResponderExcluir
  11. ótimo tutorial, ajuda muito na hora de interagir com os leitores!

    Novo Layout lá no blog!
    diamantesdeumagarota.blogspot.com

    ResponderExcluir
  12. Acho que nesse caso, não ficaria bom pro Acesso Permitido! Você acha?

    Como ele cresceu!
    Acesso Permitido.
    Filhos herança do Senhor!. (Novo layout!)
    Projeto Discipulando.

    ResponderExcluir
  13. Não conhecia, adooorei o tutorial *u*

    Beeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  14. Anônimo26/6/12

    Ameei o tuto primeira vez q vejo!
    arrasou!
    : )
    bjs ♥
    Casa do Photoscape//OFICIAL
    Fabulosa-Makeup

    ResponderExcluir
  15. Ótimo tuto não conhecia.

    Beijos

    blogdagi1.blogspot.com

    ResponderExcluir
  16. tuto bem legal,
    super fácil. <3

    ResponderExcluir
  17. Ótimo tutorial e bem fácil.
    Beijos :*
    http://pepperlipstick.blogspot.com.br

    ResponderExcluir
  18. Ah, eu era louca para saber como se fazia isso! Vou fazer isso no meu próximo lay!

    http://blogthewonderland.blogspot.com.br/

    ResponderExcluir
  19. Anônimo27/6/12

    Ótimo tutorial, os icons ficam super fofos!
    Obrigada pela visita ♥
    www.menina-dedeus.blogspot.com

    ResponderExcluir
  20. Adorei o tutorial vivendo e aprendendo flor! Desculpe a demora para fazer-lhe uma visitinha, muita correria. Um beijo bem grandão :3
    http://www.viciadasemcupcake.blogspot.com.br

    ResponderExcluir
  21. Amei o tutorial,fica lindo e personalizado o blog mais o meu não tem como clicar, ele não vai ate a aba , ve lá : http://portal-girls-oficial.blogspot.com.br/ '' ALEMBRANDO SO TENHO 1 SEGUIDOR PORQUE ESTOU CONSTRUINDO O BLOG ''

    ResponderExcluir
  22. Nossa ameeeeeeeei, simplesmente amei, ficou lindo aqui no meu ! ooown, te adoro muito e amo os seus posts nega !

    dá uma olhadinha ? se gostar segue ? (: Seguindo aqui !
    nosnopc.blogspot.com
    Bjuuuus

    ResponderExcluir
  23. Nossa, mais fácil do que imaginei, amei!!! Obrigada por me responder a pergunta sobre o "B" do "Quem sou eu", nem passou pela minha cabeça que era simples assim haha
    xoxo

    ResponderExcluir
  24. Amei o tuto! Como eu faço para adicionar do instagram?
    Big big beijos!

    Responda no blog:
    ameio.blogspot.com.br

    ResponderExcluir

Obrigada por comentar! Consulte a FAQ.

Related Posts Plugin for WordPress, Blogger...
Related Posts Plugin for WordPress, Blogger...