27/11/2014

Layout Free: Azure



Yo! Yo! Como vão? Eu vou super feliz, muito obrigada pelos comentários lindos. Irei modera-los logo logo e visitar cada um. Eu estou preparando o Big tutorial e como vai levar um tempinho para ficar pronto decidi trazer um lay free por hora, como sempre é mais um dos meus simples layouts. Dei o nome dele de Azure, na verdade era um layout de teste, estava testando um código mas como acabei gostando da cor que coloquei no teste e do efeito criei um layout free. Consegui termina-lo em um dia o/ pela primeira vez na vida consegui fazer um layout em menos de 24H. Claro que o resultado não foi o que eu queria... mas saiu algo. Mas vamos lá, não sei se será um layout que muitos usarão pois o efeito do gadget pode não agradar muito.

O efeito é de deixar todos os gadget fechados e ao clicar eles abrem como efeito accordeon. O bom desse tipo de sidebar que pode usar vários gadget é não tomara tanto espaço, sem ensageiro é claro ou ficará pesado. Para quem tem internet lenta, demorara alguns segundos para o efeito aparecer. O nome do blog é configurado pelo HTML, então leia todo tutorial para editar, ok? Sem mais delongas vamos ao layout!


Regras de uso:

                - Não dizer que foi você que fez ou pegar partes do layout.
                - Proibido remover os créditos do rodapé, caso remova coloque em outro local "visível".
                - Pode modificar cores, acrescentar menus, mudar imagens como: slide, banner etc...
                - Nunca use como base, pós já tem disponível um layout base aqui no blog (x).
                - Não disponibilizar para download.
                - Se usar/baixar comente por favor.
                - Qualquer plagio encontrado em algum site/blog será alertado, caso não se resolva será   "denunciado".

Clique na imagem, ou no demo para ver melhor.
 DEMO || DOWNLOAD ||  HTML


No Pack: Arquivo Template, Template HTML, Avatar, PSD ilustração, PSD do slide.


Arrumando o layout:

Slide banner:
Vamos começar pelo slide, para arrumar é bem simples. Vá até a pagina Layout e abra o primeiro gadget, como mostra na imagem abaixo e seguia  o tutorial abaixo:

Copie o código abaixo, e cole no primeiro gadget que se encontra no topo do layout. Como indica na imagem acima (com o balão). E salve!




Agora basta colocar os próximos códigos na sidebar de acordo com o nome, deixei na ordem para facilitar.

Bem vindos, Azure:


Pesquisa:


Marcadores:


Blogs Parceiros:


Blog da Semana:


Tchauzinho:


Agora vamos trocar o título ~ [A z u r e] ~ pelo nome do seu blog, para isso vá até o HTML de seu blog. Modelo>>Editar HTML. Quando todos os códigos do seu blog abrir, vá até o primeiro:
 <head> 

Ele fica bem no inicio dos códigos, abaixo dele vai encontrar isso:
<title>~ [ A z u r e ] ~</title>

Basta substituir a parte vermelha pelo nome de seu blog, assim você pode personaliza-lo, por caracteres especiais sem alterar o nome de pesquisa na web (o que fica em configurações do blogger). Mas se não deseja essa forma de nome quer deixar a comum, basta remover todo o código acima. 

Bom é só isso! Espero que tenham gostado. Mais obrigada uma vez pelos lindos comentários, amei de coração. Eu vou ficando por aqui beijinho a todos vocês.

75 comentários:

  1. oi tudo bom?
    eu não consigo visualizar no meu blog o avatar ao lado da postagem, ele simplesmente não aparece.
    tem como me ajudar??

    ResponderExcluir
    Respostas
    1. Olá Alice, tudo sim. Obrigada por perguntar.
      Estranho isso acontecer... qual perfil de blogger você usa?

      Excluir
    2. Wendy sou extremamente novata nisso , quando eu boto os códigos fica tudo de qualquer jeito e eu uso o básico

      Excluir
    3. Claro amore que lhe ajudo! Entrei lá no seu blog, mas não havia como comentar. É só me dizer por onde nos falamos que lhe ajudo com todo prazer amei seu avatar.

      Excluir
  2. Que layout lindo, achei o cabeçalho um arraso <3

    sugar-purry.blogspot.com

    ResponderExcluir
  3. Ai meu Deus, esse é o com certeza um dos lays free mais lindus q eu já vi!! *O*
    Perfeito! Parabéns!

    Kissus ^3^ http://c-omebackhome.blogspot.com/

    ResponderExcluir
    Respostas
    1. Hihi obrigada Jamylle :3 Fico feliz que tenha achado isso.

      Excluir
  4. OMG U.U Que lay arrasador,Wendy.Ele é tão fofo,mds...Vou usar com certeza <3 Amei a fotinha do postador ao lado do post :3 Fico tão feliz por ter gente que faz essas perfeições e liberam ^-^ Obrigada.
    Kiss
    pieceof-paper.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada Su *3*
      Hihi e eu fico mais feliz ainda por gostar deles. Muito obrigada.

      Excluir
  5. Nossa tá muito liiindo! Se não tivesse trocado o meu agora pouco usaria ele *00*
    Amor eu tentei falar com você pela ask, mas aparece uma janelinha dizendo que minha pergunta não enviada :/
    Enfim eu queria saber se você poderia fazer um tutorial ensinando a fazer uma elite de afiliados igual a sua, que abre a janelinha
    kissus <3

    ResponderExcluir
    Respostas
    1. Obrigada Lari, hihih entendo mas só de saber disso já fico super ultra mega power feliz! Hoje a ask realmente está dando probleminha =( até eu não consegui responder alguns. Eu estou para postar essa semana esse tutorial ^^

      Excluir
  6. Oi, parabéns, você é excelente no que faz, amo todos os lay grátis. Beijos, Giovana.
    ABOUT GIRLS

    ResponderExcluir
    Respostas
    1. Obrigada Gih. =3
      Hihi espero poder ainda fazer muitos mais lays belos e frees para vocês.

      Excluir
  7. Oi, tudo bem? haha amei a ideia do nome e é super lindo, amo esses tons de azul. Ficou muito fofo mesmo :3

    Beijos
    http://www.p-perfectsthings.com/ | Quietly Pink

    ResponderExcluir
    Respostas
    1. Oie, tudo sim. Obrigada por perguntar. Hihi thanks, ainda bem que gostou do nome fiquei com medo de acharem estranho ^^
      Gosto muito de azul, quando encontrei esse tom tive que usar. Mas obrigada por gostar do layout.

      Excluir
  8. Olá! Tudo bem sim, obrigada por perguntar!
    Gente essa layout free está lindo! Essas cores são perfeitas, me senti no céu haushau', encantador *w*

    ~XoXo, Cat In My Coffee

    ResponderExcluir
    Respostas
    1. Que bom!!! Fico feliz que esteja bem. Hihi thanks fico grata realmente grata que tenha gostado e achado isso. =3

      Excluir
  9. Muito lindo *-*
    Usando

    ResponderExcluir
    Respostas
    1. Obrigada duas vezes por gostar e por usar. *-------------*

      Excluir
  10. Amei o layout...Peninha que não sei usar =( Baixei um e não faço a minima ideia de como colocar ^^ Kissus...

    giihcherry.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada por gostar, puxa sério? Mas é fácil de colocar, tem vários tutus que ensinam. Mas obrigada mesmo assim ^^

      Excluir
  11. Anônimo29/11/14

    Super lindo layout! ♥
    Vou usar, com certeza!
    Beijinhos no C*

    ResponderExcluir
    Respostas
    1. Obrigada Lipe. Sério? Ain que honra obrigada!

      Excluir
    2. Anônimo1/12/14

      Infelizmente, só depois, quando eu fizer um blog aparte do que eu tenho ( to fazendo ainda ) sobre html e tals. Beijocas ♥

      Excluir
  12. O layout ficou um amor, como sempre e-e achei as cores muito fofas!!

    Küsse - atmornin.blogspot.com

    ResponderExcluir
  13. qe Lay mais perfeito
    amo azul <3 e é difícil achar layouts azuis lindos assim

    ResponderExcluir
    Respostas
    1. Obrigada Jaqueline, fico grata por achar isso.

      Excluir
  14. Wendy chan , tem algum tutorial, de como colocar a imagem do autor ao lado esquerdo do blog? Do mesmo jeito que está no Layout.
    Se possível, obrigado!

    http://c-huvadelagrimas.blogspot.com

    ResponderExcluir
    Respostas
    1. Tem sim postei a alguns dias aqui está: http://www.bunnycrazy.net/2014/11/avatar-do-autor-ao-lado-do-titulo-da.html

      Excluir
  15. Achei um amor o layout, serio mesmo <3
    Wendy posso te fazer uma pergunta? Que tutorial você usou para fazer a janela de pop-up do seus afiliados? Eu acho ele um amor, mas eu não acho tutorial nenhum T-T. Poderia me mandar? Obrigada <3 <3 <3

    @P-Kpoppers

    ResponderExcluir
    Respostas
    1. Obrigada, fico feliz por isso. Eu desenvolvi o código pois também não encontrei em lugar algum, postarei ainda essa semana o pop up. ^^

      Excluir
  16. Que lay lindo *__* peguei e acho que vou usar no meu blog acho que o meu publico vai gostar :3

    ResponderExcluir
    Respostas
    1. Obrigada, se utilizar espero que gostem. *-*

      Excluir
  17. Oi tudo bem? eu to começando com um blog novo e queria saber se você está aceitando afiliação,se sim aguardo a resposta :D
    ah esse layout tenho que dizer que você arrasou está lindo *-*
    beijos:*
    http://semprehtml.blogspot.com.br/

    ResponderExcluir
  18. Oi, achei o layout maravilhoso, está sambador :* Arrasou. Beeeijos!

    http://starf-ire.blogspot.com.br/

    ResponderExcluir
  19. Nossa Wendy arrasou nesse layout ficou lindo amei, eu estou fazendo um para disponibilizar também só que ele é bem estilo revista fica ligadinha lá que breve to lançando beijos.

    cherry--berry.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada Guh, sério? Legal! Com certeza irei ver. Beijinhos

      Excluir
  20. Anônimo30/11/14

    Poderia passar o link do layout base? #Necessito , a propósito, amei o lay *w*

    ResponderExcluir
    Respostas
    1. Layout base? Desculpe não entendi... a única base que tenho aqui no blog é esse aqui: http://www.bunnycrazy.net/2014/01/layout-free-bases.html

      Excluir
  21. Que lay lindooo, ficou super bonito mesmo, sem falar que amo azul né, rsrs.

    ResponderExcluir
  22. Você lacrou no layoust *-*, eu posso baixar ele? para a próxima versão do meu blog? simplesmente amei, e ficaria legal no meu blog, pois ele é masculino *-* parabéns vc divou

    Beijos
    http://b-osskingdom.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada :3 Claro fique a vontade. Fico grata por gostar!

      Excluir
  23. Que layout mais sensual *o*
    Pare de lacrar, sua menina linda x3
    Nunca comentei aqui porque eu sou preguiçosa mesmo, mas acompanho seu trabalho desde mais ou menos janeiro de 2012 >3<

    besos;
    {{Misty}}

    ResponderExcluir
    Respostas
    1. Oi Mio tudo bem? Hihi >////< que isso... mas obrigada, pelo elogio. Eu vou tentar ^^
      Tudo bem ^^ fico feliz que acompanhe meu blog, mesmo que não comente e mais feliz ainda por comentar agora. Obrigada

      Excluir
  24. *---* que lindo, eu me sinto inspirada só de entrar no demo <3 gostaria de usa-lo >w<
    beijos~

    ResponderExcluir
    Respostas
    1. Obrigada fico realmente feliz em saber que tenha gostado. Se quiser usar, fique avontade. :3 Para mim é uma honra.

      Excluir
  25. Ai meu Deus!Que perfeito cara!Amei,to usando tá ;)
    garota-delineada-oficial.blogspot.com.br/

    ResponderExcluir
  26. Estou usando, muito fofo! ♥u♥

    ResponderExcluir
  27. Que lindo :3 Adorei e estou usando!

    ResponderExcluir
  28. Aaah Wendy-chan seu Layout está lindo! Eu sou novata no seu Blog ainda... Ha ha !

    Eu espero que você não se importe de eu ter colocado no meu... Eh ... Boas festas!

    http://cattkawaii.blogspot.com.br/

    ResponderExcluir
  29. Estava dando uma fuxicada no seu blog e encontrei esse layout incrível e decidi criar um blog usando ele. Eu nunca tive um blog de sucesso, e queria que você me desse dicas para me ajudar a crescer. Prometo que eu agradecerei muito mesmo :3 e pode deixar, não tirei nenhum crédito se quer. Obrigada *-*

    Dá uma olhadinha!
    <a href="http://www.wntdreams.blogspot.com>Sonhos de Inverno</a>
    <b>Beijos! Clak</b>

    ResponderExcluir
  30. Amei , peguei , e usei , mudei a cor e as imagens , mas botei o credito no 'welcome' está o link desse post em 'CDT' http://believe-maniateen.blogspot.com.br/

    ResponderExcluir
  31. Eu amei o Lay, mas o Blogger tá sendo um besta e dizendo que deu erro, tentei instalar pelo completo XML e pelo Html hospedado no site, nenhum encaixa, o do Neko também deu o mesmo problema :s Help Me

    ResponderExcluir
  32. Estou usando. '3'
    Obrigada ♥

    ResponderExcluir
  33. Oieeee! Amei o layout e com certeza irei usar. Todos os seus layouts são maravilhosos <3 Kisses *-*

    ResponderExcluir
  34. oiie !! Amei o layout e com certeza irei usar. Adorei todos os seus layouts parabens pelo seu blog

    ResponderExcluir
    Respostas
    1. Onw... obrigada Luuh fico feliz por isso, é uma grande honra saber que gosta e que usará um dos meus layouts. Muito obrigada.

      Excluir
  35. Anônimo28/11/15

    Nossa Wendy! Que Layout Perfeito :3
    Com certeza irei usar. Tem problema se eu mudar apenas de cor?
    Bom, parabéns pelo Blog perfeito que vc tem ♥

    ~Kissus

    ResponderExcluir
    Respostas
    1. Obrigada Tay, claro pode mudar as cores sim. Fica a vontade.
      Hihi thanks.

      Excluir
  36. Estou usando, adorei o layout!

    ResponderExcluir
  37. Que layout mais amorzinho! Já aviso que peguei. Estou super animada pois é meu primeiro layout, haha! Acompanho seu blog faz um longo tempo, porém nunca marquei presença. ❥ Você é ótima no que faz!

    Se importa em dar uma olhadinha em meu blog? Acabei de iniciar. Agradeço desde já.

    analysoki.blogspot.com.br

    ResponderExcluir
  38. Que layout maravilhoso, awn. Estou usando, ficou muito lindo, aaaa.

    ResponderExcluir
  39. Anônimo10/5/16

    Wendy que lindo! ;3
    Adorei mas quando eu coloco ela não fica azul :/
    O que eu faço?

    ResponderExcluir
  40. Seus layouts são incríveis *-* Adorei todos <3

    ResponderExcluir
  41. Maravilhoso, azul é minha cor preferida. Parabéns por suas ideias e inovações. Vou usar com ceterza. :)

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345