02/06/2015

Caixa de texto com imagem de fundo

| |
Oi! Como vocês estão? Eu estou bem, embora confusa. Como assim o Henndrauhl foi excluído? Estou verdadeiramente preocupada, esperando ansiosamente que a Thai apareça pra acabar com essa agonia. O blog é um dos meus favoritos e está cheio de tutoriais incríveis que, tenho certeza, ajuda muita gente pela blogosfera. É triste apenas pensar em perder mais uma parceira em tempos de escassez de blogueiros. Enfim, eu não sei vocês, mas eu gosto tanto desse layout que é difícil para mim mudá-lo, embora eu já tenha outro para substituir. Já faz um bom tempo que mantenho o mesmo tema, mas me dá uma dózinha de tirar. Vocês acham que já está na hora de trocar? Bom, enquanto não decido isso, pelo menos decidi o que postar hoje: um tutorial bem tranquilo com um resultado amorzinho. É uma caixa de texto para sidebar com fundo em imagem, perfeito para textos de biografia, quotes etc. Vocês já sabem, mas não custa reforçar: se usarem, dêem os devidos créditos e deixem um pouco de amor nos comentários, belezinha? Let's go! ミ

preview 

No painel de controle do Blogger, clique em Tema e vá nas três bolinhas, escolhendo Editar HTML. Dê um clique dentro da área de código para localizar seu cursor, aperte Ctrl+F no teclado, pesquise por ]]></b:skin> e dê enter. Depois de ter encontrado, cole acima/antes o seguinte código:

.me{
padding: 11px;
outline-offset: -8px;
outline: 1px dashed #95acc2; /*cor da borda interna */
background: #fff url("URLDAIMAGEM")no-repeat;
opacity: 0.7; /* opacidade */
-moz-opacity: 0.7; /* opacidade */
-webkit-opacity: 0.7; /* opacidade */
font-family: Calibri; /* fonte */
font-size: 11px; /* tamanho da letra */
float: center;
text-align: left; /* alinhamento do texto */
color: #6989a7; /* cor da fonte */
letter-spacing: 2px; /* espaço entre as letras */
}

No painel de controle do Blogger, clique em Layout, adicione um gadget HTML/JavaScript e cole o seguinte código:

<div class="me">SEUTEXTO</div>

É isso, people. Acho que está tudo explicadinho nos códigos, né? Façam pedidos nos comentários e eu vou ficar em atender. Até mais, fiquem bem e se cuidem.

8 comentários

  1. Olá Jheni <33 Estou bem, mas também preocupada. Ah, e a Thai apareceu, deixou um comentário no Yuuka Mori. Disse que hackearam a conta dela e que está tentando recuperar o blog. Espero que tudo dê certo e que ela consiga. Sobre o layout, huehue, ah é você que sabe, realmente esse é muito lindo, mas gostaria de ver um "layout novo" õ/

    Que caixa de texto fofa >33< Super útil. Adorei ela com aquele fundo do preview.
    Beijos da Ali ~ chandeli-er.blogspot.com!

    ResponderExcluir
    Respostas
    1. Olá Ali, sua cheirosa! <3 Bom, agora tudo está mais que claro, não? É triste pensar que podemos nos enganar tanto com as pessoas. Mas enfim, deixando esse assunto de lado, eu realmente amo esse lay, mas estou desenvolvendo um novo e me apaixonando por ele, então provavelmente não vai demorar até o EK estar de cara nova. *w*

      Obrigado. ♥ Realmente com o fundo galaxy fica uma gracinha, né? :3

      Espero que você volte logo a blogar, viu? Nunca escondi de ninguém que você é uma das melhores pessoas/blogueiras que eu já vi e eu não quero te ver parada.

      Beijheni, hue. >.<

      Excluir
  2. Anônimo2/6/15 17:13

    Eu acho seria legal trocar (︶▽︶). O resultado ficou bonito, gostei muito desse imagem. Eu acho que só foi um bug do blogger (︶▽︶)

    MR-exemplar.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Em breve o layout novo tá aí... Espero que gostem tanto quanto eu. *w* Obrigado, realmente imagens galaxy são lindas. ♥ Bom, agora tudo está esclarecido, mais ou menos...

      Beijinhos.

      Excluir
  3. Oe :3
    Eu estou bem, mais ou menos >.<
    Não foi excluído por ela, eu vi ela dizendo que foi hackeada e não consegue desfazer a exclusão do blog dela e está tudo bagunçado, espero que ela consiga resolver logo <3
    Acho esse layout lindo haushuahs, também estou morrendo de dó ;-;
    Caraca essa caixinha de texto com o fundo galaxy fica muito linda *O* preciso usar ela urgentemente hauhsuahs, sou a louca da galaxia -qq
    Achei o tutorial mega simples e fácil e adorei o resultado <3
    Beijos!
    ||Crazy Cake ||

    ResponderExcluir
    Respostas
    1. Oie ^-^
      Espero que fique completamente bem.
      Pelo que parece, não foi hacker, mas sim a conta dela que foi denunciada por umas "tretas" aí... É muito triste, mesmo assim, pois nos afeiçoamos às pessoas por aqui e nos decepcionamos.
      Aww que bom que gosta do lay. Eu também gosto, então me dá dó de tirar, mas vou criar coragem pra fazê-lo. Haha!
      Fica fofinha, não? Espero mesmo que use. ♥ É bem simples mesmo, fico contente que tenha gostado.
      Beijos.

      Excluir
  4. Oi Jheni!
    Que saudades de você! Eu não conheço o blog citado, mas eu passei por isso a poucos dias com a exclusão de um blog ativo a anos, bom ele estava em hiatus desde dezembro, mas mesmo assim...
    Enfim, que efeito lindo! Adorei o post.

    Ah, e sobre o lay, não muda não! Ta tão lindo, e se você se sente bem...

    Beijos, letz.
    Chuvadeglitterbyleth.blogspot.com

    ResponderExcluir
    Respostas
    1. Oi Leth!
      Poxa, eu que o diga, moça! ♥ O caso do blog acima não foi um bug do blogger, mas whatever! Enfim, deve ser horrível ter o blog excluído, mesmo em hiatus... E se você decidisse retomá-lo, né?
      Obrigado, que bom que gostou. <3

      Vou esperar um pouco, mas tenho um lay quase pronto que está ficando bonitinho. Por enquanto sigo com esse, que é xodó. >3<

      Beijos.

      Excluir

Não ofenda autores ou leitores.
Deixe o link do seu blog para que eu visite.
Proibido comentários apenas com divulgação.
Comente seu pedido ou sugestão.