Imagens flutuantes no fundo do blog



Hello chicas e chicos (*°∀°)=3 tudo certinho? Então, fiquei bem feliz com a positividade e a compreensão de todos sobre o post anterior, fico bem feliz mesmo pois achei que alguns iriam ficar chateados e tals mas vi que levaram na boa. Mudando de assunto, quero dizer que faltam apenas 3 dias para o aniversário do blog e estou pensando em fazer algo diferente dessa vez para presentear todos vocês, tipo, eu estava pensando comigo que sempre que o blog batia metas e afins eu sempre criava layouts free e mimimi, não nego que fiz dois temas para layout pessoal com esta intenção mas além dos dois temas eu achei legal fazer o sorteio de um domínio junto. Acredito que será isso mesmo pois nunca fiz um sorteio assim e sei que muitos irão participar pois é bem legal ganhar um domínio não é mesmo? Mas amanhã eu irei fazer um post falando só sobre isto e explicando certinho ^3^ ~

Agora comentando sobre o pedido da leitora, ela fez o pedido de como por imagens flutuantes no fundo do blog, bem, não é difícil na verdade é muito fácil e rápido. Vou mostrar dois exemplos de como usar imagens no fundo, um com cortinhas e outro com uma imagem em png. Eu por exemplo estou usando as cortinhas nas laterais que ao meu ver dão um toque tão fofo no tema, eu pelo menos achei e acho fofo quando vejo assim em outros blogs >.< Mas então coisas fofas, espero que curtam e que a leitora também curta seu pedido, beijinhos bem doces para todos vocês e até a próxima postagem certo? Kissus (^_-)*

Modelo 1: cortininhas ao fundo LIVE PREVIEW «✪»

Para usar essas imagens, vá até o modelo editar html e dentro procure por: </body> acima dele cole os seguintes códigos:
<div style='top: 0px; height: 100%; width: 150px; z-index: 4; background: url(IMAGEM AQUI); position: fixed; left: 3px;'/>
<div style='top: 0px; height: 100%; width: 150px; z-index: 4; background: url(IMAGEM AQUI); position: fixed; right: 3px;'/>
Só mexa nos lados e altere os valores o resto é recomendado não mexer para quem não entende muito bem de html.

Modelo 2: imagem em png flutuante no fundo LIVE PREVIEW «✪»

Para usar imagens flutuantes, vá até o modelo editar html e dentro procure por: html { abaixo dele cole os seguintes códigos:
background:#COR url(IMAGEM EM PNG) no-repeat fixed bottom right;
background-size: MUDE O TAMANHO DA IMAGEMpx auto;
Mude o que se pede, salve e veja se a imagem está no lugar que deseja, caso não estiver mude o right para o left. 
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

17 comentários:

  1. Obrigada por postar o tutorial Roh-chan Ç^Ç
    Há tempos estava querendo saber como fazia isso c:

    ResponderExcluir
    Respostas
    1. Ok minha linda fico bem feliz em poder ajudar >.< Kissus ~

      Excluir
  2. Ainda bem que muitos gostaram das mudança,s eu achei muito meigo esse novo layout * o *
    Três dias? :o Vai fazer quantos anos? * 3 *
    Um domínio?! Ah, eu quero participar, quero dizer, no dia das inscrições...
    Eu adoro esse tutorial, o código que eu uso foi um código de um blog falecido, aí eu guardei para quando precisasse... o efeito é muito meigo <3

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. Anwww Obrigada amore *o*

      Irei fazer 2 anos com o blog ^3^
      Sim um domínio, a ideia é bem legal não acha? Sim participe sim pois quem sabe não ganha né? Pois é eu adaptei esses códigos do tumblr para cá pois é tão simples que o povo nem imagina ^^ Beijos ~~

      Excluir
  3. Primeiro de tudo:: Adorei o tutorial e o layout.
    Segundo:: Me desculpe por não ter te visitado, eu to quase nas férias de inverno e tive duas semanas de prova seguidas. Enfim, eu li as regras no post anterior e queria retomar a afiliação, prometo dar um jeito de comentar semanalmente aqui, ok?
    '3' Poison (Perfil)

    ResponderExcluir
    Respostas
    1. Anwww obrigada <3
      Ahh que isso amore, eu te entendo, bem se comentar e visitar o blog ao menos uma vez na semana está valendo ok? O que não quero é a pessoa ser afiliada mas nunca mais dar as caras entende? Beijos amor e irei te por ;)

      Excluir
  4. aaaaaaw o do totoro é muito kawaii, to pensando em colocar a mensagens subliminares do deseinho dele lol

    ResponderExcluir
    Respostas
    1. Sim eu amo ele também é muito cute >.< Nossa e tem? :v

      Excluir
  5. Eu sempre quis saber sobre esse tuto, porque praticamente é meio dificil de achar,então adorei que você postasse, super útil e fica muito legal.

    Beijos <3
    p-perfectsthings.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Ahh sério? Nossa fiquei feliz em ajudar com algo assim ^^ Beijos flor =3

      Excluir
  6. Roh o layout está muito lindo de verdade.Nossa faltam apenas 3 dias para o aniversário do blog que bom.É legal fazer o sorteio de um domínio,muita gente costuma participar.Esse tutorial é ótimo fica bem legal no blog com esse feito no fundo.
    kawaii-things.net

    ResponderExcluir
    Respostas
    1. Ahh obrigada! O de vocês que é uma fofura só e fico babando nele *o* Sim irá fazer e estou bem ansiosa cara T^T tomara que dê certo e quero que a pessoa fique muito feliz >.< Beijos =3

      Excluir
  7. O aniversario do meu blog e mes que vem e eu tambem nao tenho ideia do que fazer porque todo mundo faz layout free e isso ja ficou meio chato... Se voce fizer um sorteio de dominio eu com certeza me inscrevo hahahaha.
    Adorei o tutorial, ficou bem legal!

    xoxo ♥ The Misty Dawn

    ResponderExcluir
    Respostas
    1. Que legal *o* Então, tipo, eu cansei de fazer sempre a mesma coisa, eu queria mudar e é isso mesmo que irei fazer acho bem mais legal ganhar algo assim, afinal são dois anos ;)

      Excluir
  8. êêhh \õ que bom q todos concordaram, com os afiliados *-* (tbm era o certo heheuee ) cara quando li que você iria fazer um sorteio de um domínio SCRR eu fiquei doida ♥ aww eu acho que seria otimo pois, se eu ganha-se eu ficaria mega contente, pois ainda não tenho um. Sempre quis saber como colocava essas imagens nos layouts e agora um tuto adorooo ◕‿◕ ótimo tuto >3<

    bjs
    || i-nfinitestars.blogspot.com ||

    ResponderExcluir
    Respostas
    1. Sim linda também fiquei bem feliz >.< Uhum vou fazer de certeza já pensei e resolvi que irei comprar um domínio para sortear sim >.< Que bom que foi útil esse tuto então amore ~ Kissus =3

      Excluir
  9. É muito legal a ideia do sorteio do domínio, quem sabe eu participe, eu ainda não sei x_x

    Como eu sonhava em aprender esse tutorial, finalmente alguém fez >u< obrigada Ron-Chan!
    Seabed || http://s-eabed.blogspot.com/

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017