Boa tarde leitores ~3
Estou bastante feliz pelo blog, faltam apenas dez seguidores para chegarmos aos duzentos e até agora, já temos até um blog irmão que podem visitar clicando aqui. Estou aqui para trazer o nosso primeiro tutorial! Não estava com muitas ideias, por isso pensei em postar como colocar o menu de abas no blog, aquele que está no último gadget do blog.
Antes de começar o tutorial gostaria de pedir que vocês façam pedidos na ask, de tutoriais, dicas ou até mesmo utilitários. Baixei o photoshop e agora estou com três programas de edição para ajudá-los. Em breve a Sakura também estará postando por aqui. Agora, please, enjoy ~
1. Vá em seu html, e bem no começo você irá encontrar a tag <head>. Abaixo dela, adicione este código:
2. Visualize e depois salve. Agora, vá em Layout e crie um gadget Html/JavaScript colando o seguinte código nele:<link href='http://naah-oliver.zip.net/menu2.css' media='screen' rel='stylesheet' type='text/css'/><script src='http://poisonedapple.awardspace.us/tabber.js' type='text/javascript'/>
<!-- Ínicio Menu Abas ~ By Drikoti.Net -->Modifique as áreas necessárias e depois salve. Encontrei este tutorial no blog Tea Ideas; é ele que eu uso aqui e posso garanti que não há erro. Se houver algum, me contate nos comentários. Espero que tenham gostado ^^
<div class="tabber">
<div class="tabbertab" title="Aba 1">
<br>
Conteúdo 1
</>
</div>
<div class="tabbertab" title="Aba 2">
<br />
Conteúdo 2
</div>
<div class="tabbertab" title="Aba 3">
<br />
Conteúdo 3
</div>
</div>
<!-- Fim Menu Abas ~ By Drikoti.Net -->
<center><br />
Esse menu é super fofo e deixa o blog super organizado, adorei o tutorial! ~ ♥
ResponderExcluirChu :3
mikicandy.blogspot.com
Obrigada Miki u3u
ExcluirÉ muito útil esse tutorial, deixei nos favoritos para qualquer dia que precise u3u
ResponderExcluirLindo blog aqui Ceci, seguindo! <3
crazyforhtml.blogspot.com
Obrigada Luu ~ agradeço pela sua visita!
ExcluirOrganização e fofura juntos em um só menu USHAUSHA'
ResponderExcluirFlor, vou postar um tutorial explicando como eu fiz aqueles efeitos com as fontes, ok? Beijos ♥
pqngarota.tk
ASHAUSH' concordo ^^ obrigada Viih!
ExcluirEu sempre uso esse tuto, deixa tudo bem mais organizado e além de tudo é muito fofo ^^
ResponderExcluirSweet Love
Html Secrets
Obrigada :3
ExcluirNa verdade eu usava, mas aí começou a dar erros e só agora voltei à usá-lo. É muito útil!
Amei esse menu é muito fofo *------*
ResponderExcluirBeijooos
chovendoemp-a-r-i-s.blogspot.com
Thanks c:
ExcluirBem fácil o tutorial. Já coloquei nos meus favoritos aqui, com certeza eu vou usa-lo u-u
ResponderExcluirKissus
Perfect Things
Rs' obrigada!
Excluirmuito bom o tuto, curtii :3
ResponderExcluirkisses
http://ncnosekai.blogspot.com.br/
Obrigada!
ExcluirMuito lindo, seguindo aqui!!
ResponderExcluirVisita meu blog? se gosta segue, vou adorar!
onceuponatime-ary.blogspot.com.br
obrigada!
Uhum ¬.¬
ExcluirAdorei o tutorial! ^^ O menu de abas é muito fofo e deixa tudo mais organizado. Sabes, acho que usarei! Se tiver tempo aplicarei o tutorial à tarde. ^^ Ficará bem no CS! :3
ResponderExcluir@Catching Stars
Obrigada Ag *-* Use mesmo, fica lindo!
ExcluirHooy, olha eu aqui de noovo ç.ç
ResponderExcluirÉ que o nome do blog mudou, agora é Prince Modern
Desculpe o incomodo, mais é que eu tive que mudar T^T
Kissus
Prince Modern
Rsrs' certo ~3 mudarei em breve!
ExcluirOi ,amo seu blog de verdade , visita o meu ? Se gostar segue ? worldcandyy.blogspot.com
ResponderExcluiradorei o tutorial, é super simples, né? e além disso deixa o blog bem mais organizado! amei o blog :)
ResponderExcluir♥ xoxo, Bárbara ♥
meu blog: Bárbara Rodrigues
Esse menu é muito perfeitinho, adoro ele Nescau com Nutella e 4 Seconds. ( se importa se seguir os dois? '-' )
ResponderExcluirlegal o tuto, falta só 1 seguidor pros 200 *OOOOOO* que alegria pra vc *u*
ResponderExcluirVc ta precisando de postadora? eu adoraria postar aqui!
Beeijos, ✖ Breaking Dreams ✖
Adorei o tutoria, vou esperar dar 400 seguidores no meu blog para usar esse tuto no meu próximo lay... Seguindo aqui, amei seu blog, layout, conteudo, simplesmente tudo bom... Tomara que seu blog cresça e cresça muito muito.... Retribui e se der segue o meu blog?
ResponderExcluirhttp://www.worldshone-oficial.blogspot.com.br/
aa ja vi o menu. posso ser filiada? quaseprincipa.blogspot.com.br e seguindo
ResponderExcluirOlá, Deus te abençoe, amiga eu amei esse menu, o seu blog é maravilhoso sucesso, já estou te seguindo. Aguardando retribuição. ESTOU CONVIDANDO VOCÊ PARA UM CONCURSO NO MEU BLOG, EU E LOJA TPM OFERTAS, MINHA PARCEIRA, SORTEIO DE UM ÓCULOS RAY BAN.
ResponderExcluirBlog: http://arrasandonobatomvermelho.blogspot.com.br
Muito util esse tutorial, eu sempre uso para o wedgets de extras mas dessa vez eu não usei '-' amei seu blog tão fofinho alias to seguindo seu blog e vc?????? Vou ser leitora fiel taA? amei seu blog <3 Passa la pfv
ResponderExcluirhttp://worldshone-oficial.blogspot.com.br/
Oi Querida,! Eu sou super sua fã! adorei o post! poderia me fazer um favor? eu tenho um blog e queria mais seguidores poderia me seguir? Espero que sim, só para avisar eu já sigo você!
ResponderExcluirMeu blog: -------> http://maria-make.blogspot.com.br/
Segue de volta? http://faclubmh.blogspot.com.br/ A-M-E-I seu blog
ResponderExcluirÉ muito útil esse menu de abas. Eu tinha no meu layout antigo, talvez eu volte a usar..
ResponderExcluirGostaria de se afiliar ao meu blog? (:
Bjj.
http://reinventandoconceitos.blogspot.com.br/
Sensacional seu blog
ResponderExcluirFaça uma visitinha ao meu
http://designvisuall.blogspot.com.br/
bjs...
Oiie, muito legal, Já estou seguindo
ResponderExcluirSegue o meu (se gostar, óbvio)
http://cookiesdegarotas.blogspot.com.br/
Beijinhos <3
Amei... mas e essa letra do titulo, qual é?
ResponderExcluir