Estou de volta + Novo Layout!

Olá gente <3

Que saudade!!

Desculpem a demora pra voltar a mexer aqui, é que eu estava trabalhando em uns layouts e pans...

agora estou de volta, prometo!

Este fim de semana vou postar alguns tutos e outras coisas que algumas de vocês pediram...

ok?

Agora tenho que ir que tá na hora do inglês,

beijos,

zuzu.

Avisos Importantes!

feliz dia dos amigos <3

Vocês já devem ter visto, eu troquei a URL do blog, antes eramos jealoushtml agora somos flawlesshtml.
Porque fiz isso? jealoushtml significava HTML invejável, eu prefiro mais HTML sem defeitos, perfeito que é o significado de Flawless HTML.
Também troquei o layout, esse tá perfeito cara... vou casar com ele kkkkkkk'.
O ultimo aviso é, eu viajarei este domingo e só voltarei no outro, ou seja só volto a postar no fim de julho/inicio de agosto.
Por este motivo as encomendas estão temporariamente fechadas.
Eu já tenho 2 layouts pra fazer, pois é.
Então é isso babes,
xoxo,
zuzu.

Centralizando título de Post e Gadget

(ui que secsi)

Heeey princesas & princesos...

trazendo agora um tuto muuuuito utíl e facil pra deixar os titulos do seu blog no centro.

Totalmente creditado ao Garoto Nerd porém reescrito pela zuzu aqui o/

Título do post:

Vá em modelo > Editar HTML > CTRL+F e busque:

h3.post-title {

2.Abaixo cole o seguinte código:

text-align: center;

Agora salve & prontinho, seu titulo dos posts está centralizado.

Titulo dos Gadgets:

Vá em modelo>Editar HTML pressione CTRL + F e procure por:

.sidebar .widget h2 {

Cole na frente da chave:

text-align: center;
Already, prontinho também.
Muito facil como eu prometi e util também.
xoxo,
zuzu.

Como colocar imagem na frente do nome do autor da postagem

Esse tutorial é muito útil pra gente que compartilha o blog (tem mais de 1 pessoa postando no mesmo blog).

Que nem eu no meu blog de Fanfic pro Justin Bieber (não sou poser tá, falo assim porque tem gente aqui que não é belieber), em que eu e mais 2 amigas postamos.

Teve uma época em que umas leitoras do blog estavam fazendo confusão na hora de ver quem postava o que, pra solucionar isso eu procurei bastante e achei esse tutorial maravilhoso no Dicas Para Blogs.

Eu irei adaptá-lo pra cá, como eu faço com todos os tutoriais que são postados aqui.

Pra vocês que ainda não entenderam esse é o resultado do que acontece depois de aplicar esse tuto ao seu blog:

Let's go to the tuto now!

Primeiro você deve abrir modelo>editar HTML.

Clique em "expandir o modelo", agora pressione CTRL+F e pesquise por <div class='post-footer'>, se não achar assim procure algo similar.

Abaixo do código que anteriormente mandei procurarem colem:

<b:if cond='data:post.author == &quot;AUTOR1&quot;'>
<img src='ENDEREÇO-DA-IMAGEM-AUTOR1' style='float:left;border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;AUTOR2&quot;'>
<img src='ENDEREÇO-DA-IMAGEM-AUTOR2' style='float:left;border:0px;'/>
</b:if>

Substituam "AUTOR1"/ "AUTOR2" pelo nome do seu perfil no blogger (exatamente como está se não o código não funciona) e "ENDEREÇO-DA-IMAGEM-AUTOR"/"ENDEREÇO-DA-IMAGEM2" pelo URL da imagem desejada.

Se seu blog tiver mais de 2 autores, é só repetir o código o numero de vezes desejado, apenas não esquecendo de por o nome do perfil do blog exatamente como está.

No código você pode alterar o lado que a imagem aparece trocando a palavra left por right.

Se quiser usar a imagem com link, então no lugar de: <img src='ENDEREÇO-DA-IMAGEM-AUTOR2' style='float:left;border:0px;'/> ,  Use o código assim:
<a href="link da pagina"><img src='ENDEREÇO-DA-IMAGEM-AUTOR2' style='float:left;border:0px;'/></a>

Se quiserem selecionei alguns gifs de comidinha para colocarem como imagem do autor:

Espero que o tutorial tenha sido útil gente!
beijos,

zuzu.

Seleção Colorida de Texto no Blog

(ai que lindo.... #sonho)

Bom pessoal, nesse post eu irei ensinar de um jeito muito fácil como se deixa o blog com a seleção de texto colorida.

"Mas Zuzu, o que é Seleção de Texto Colorida?" é quando você passa seu mouse por cima de um texto ou algo e ele fica da cor azul (a padrão), mas aqui você aprende com o tutorial do Tudo Sobre Qualquer Coisa  (porém reescrito por mim) como deixar a seleção da sua cor de preferência.
Ainda não entendeu o que é isso? aqui está o exemplo

Começando com o tutorial agora.
Lembrando a vocês que ele não funciona no navegador internet explorer.
Primeiro, abra seu blog em modelo>editar HTML.
Aperte nossos velhos amigos CTRL+F e pesquise por ]]></b:skin>
Logo depois de ter localizado o código cole a cima dele:

*::-moz-selection {

background: COR DO FUNDO;

color: COR DA LETRA;

}

*::selection {

background:  COR DO FUNDO;

color: COR DA LETRA;

}

Abra a Tabela de Cores e escolha as que quiser, copie seus códigos e os substitua onde está "COR DO FUNDO" e "COR DA LETRA"

Agora a parte mais dificil, salve e cheque se está tudo certinho no seu blog.

Fim do tutorial :3

espero que seja util pra vocês.

zuzu.

Como fazer um layout básico

Olá pessoal swageiro kkkk'

Zuzu here o/

Bom princesas & princesos... nada melhor pra aprender a mexer em HTML do que começar com o básico.

Nesse tutorial creditado totalmente ao Paradise Bieber // Oficial , apenas reescrito por mim, vocês vão aprender de uma maneira bem fácil a deixar o blog "no esquema" para vocês editarem ao seu gosto.

Para visualizarem melhor as imagens do tuto a seguir basta clicarem em cima dela :*

Abra o blog desejado, clique em modelo>personalizar, já com o personalizador carregado selecione o modelo padrão "travel" ou melhor, viagem. 

Ainda com o personalizador aberto, clique em avançado>plano de fundo da postagem e selecione a cor branca como plano de fundo.

Não tão dificil agora, aperte em "aplicar ao blog" para salvar as alterações que fizemos.

Volte ao seu blog, clique em modelo>editar HTML , depois do seu HTML já estar aberto aperte CTRL+F e pesquise por .content-outer .content-cap-top {

Apague tudo que vier em amarelo na imagem aqui em baixo

Depois clique em "salvar modelo", após tudo salvo veja se seu layout está assim:

Volte em modelo>editar HTML, aperte novamente CTRL+F e busque agora por .main-inner .column-right-inner {

Apague tudo o que estiver em verde na imagem a seguir.

Agora apagando o que tiver ponto e virgula (;)

Pronto.... seu layout básico já está pronto para ser editado & personalizado ao seu gosto!

Na hora de fazer o cabeçalho do blog (imagem principal, o "banner" entre aspas kkk) não esqueça de fazer nas medidas de largura de seu blog.

Para deixar seu cabeçalho junto da área de postagem (como aqui no blog), volte a modelo>editar HTML e aperte CTRL+F pesquisando por /* Tabs

Agora apague isso:

 margin: 1em 0 0;

Depois procure por 

.main-inner {

E cole isso a baixo:

margin-top: -20px;

~ THE END ~

kkkkkkk'

Para deixar seu blog mas do seu jeito cheque nossos outros tutoriais :)

beijinhos,

zuzu.

Me apresentando...

Heey babes,

Meu nome é Paula, mas me chamem de Zuzu.

Como já devem ter percebido, Selena Gomez é  minha diva. NÃO sou poser tá sociedade, eu sou selenator/dreamer, belieber e tributo com muito orgulho.

Eu sempre gostei de mexer com HTML, mas agora eu realmente entendi direitinho como mexe, ai resolvi abrir um blog pra ajudar vocês a entenderem sobre HTML também e eu poder ajudar vocês a deixarem seus blogs com a cara de vocês.

Logo mais vou postar alguns tutos muito uteis pra começar a entender HTML.

Mas e ai, o que acharam do layout do blog?

Espero que tenham gostado daqui.

Beijos,

zuzu.