Idas e Vindas

2 comentários: | |

Entre tantas idas e vindas,tantos momentos incertos,lá estava alguém que mudava tudo,esse alguém é você.
Que faz o tremor voltar por dentro cada vez que me olha ou me abraça sem avisar,que me faz querer saltar ao vazio sem medo do que pode haver lá.No momento exato em que meus olhos se encontram com os seus eu já sei que exatamente esse o seu poder,me conquistar,de novo e de novo,todas as vezes em que nos encontramos.
Foi você,quem me arrancou o primeiro sorriso naquele dia chuvoso,se lembra?Quando eu tentava evitar que meu peito transbordasse,você disse "Chora,menina,que essa mágoa passa mais rápido" e eu chorei,e sorri,porque no final disso tudo você ainda estava ali.
E você compartilhou seus fones de ouvido para eu escutar a música que eu PRECISAVA ouvir,não foi fácil,eu me fechei tanto quanto uma ostra,tentei evitar não me encantar por cada sorriso seu,mas não deu,e como a pérola que a deixa,eu me abri devagar,mergulhei fundo sem me afogar,e as mágoas ficaram para trás.Eu fui transportada ao infinito em 10 segundos,e voltei ao mundo real,no breve espaço em que você chegou mais perto.E aí transbordei de novo,mas dessa vez foi de felicidade.
Se as estrelas falassem elas iam ser as principais testemunhas desse sentimento que invadiu cada espacinho daqui de dentro,e a lua,tão plena no céu,iluminaria sempre você como um pedido meu,o vento sussurraria em seu ouvido palavras doces de amor,e entre elas surgiria meu nome.
Idas e vindas,passa e repassa,nessa coisa maluca que temos o que fica é o amor,quando você manda a mensagem de bom dia e diz que sonhou comigo,instantaneamente eu derreto e me refaço em doces palavras de carinho,o que fatalmente me reconstrói mais forte.
Enquanto você é minha força,é também minha fraqueza,meu porto seguro e minha incerteza,eu sinto que estar perto pode não ser o suficiente se eu não puder curar suas dores,e isso corrói e alimenta,contraditório,eu sei,mas puramente plausível se considerar a forma como você se instalou no meu peito e fez morada.
Desse jeito simples e impactante,calmo e tempestuoso,sua presença,física ou não,já me faz falta sempre que é preciso se distanciar,e eu durmo e acordo com um mesmo pensamento,idas e vindas,porque você veio,e veio para ficar.

Tutorial | Rodapé Personalizado

4 comentários: | |
Já mostrei para vocês alguns dos tutoriais que usei aqui no blog(veja aqui),mas sei que é sempre melhor mostrar passo a passo do que só deixar o link,já que às vezes a gente se perde ou não entende o que vai aonde e não consegue fazer o tutorial.


Hoje,eu vou ensinar como fazer o rodapé igual aqui do blog,eu peguei o tutorial da Sugoi Tutoriais,mas modifiquei algumas coisas para ficar mais fácil de fazer e usar,então vamos lá.
Vá em Modelo>Editar HTML
Quando entrar,você vai ver a tag <head> ACIMA dela cole
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>

Essa é a fonte que vamos usar no tutorial,mas você também pode usar a Open Sans Condense,que é assim

É só colar isso no lugar da fonte anterior
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css' />
Depois disso aperte nos três pontinhos entre os skin e aperte Ctrl F
Procure por </b:skin> e acima disso cole o código abaixo,fazendo a modificações necessárias.
#rodape {
background: #7B68EE;
height: 120px;
padding-top: 10px; 
text-align: center;
font-size: 20px;
font-family: 'Pacifico'; 
letter-spacing: 1px;
}
#rodape a {
text-align:left;
text-decoration: none;
color: #F0FFFF;
padding: 1px;
margin: 10px;
-webkit-transition-duration: 0.8s;
}
#rodape a:hover {
color: #F0FFFF;
background: #7B68EE;
padding: 1px;
-webkit-transition-duration: 1.0s;
}


Em background você muda a cor de fundo,em height você muda a altura do rodapé,em font-family você muda a fonte.
Em color você muda a cor da fonte.
Em a:hover é quando você clica em alguma parte do rodapé.
Se precisar use ESSA TABELA DE CORES
Para que o rodapé funcione você precisa colocá-lo no blog,entãoANTES de </body> cole isso
<div id='rodape'>
<div style='margin-left:230px;'>
<img ALIGN='left' height='120px' src='seu-logo-aqui'/>
</div>
<b> Tecnologia do </b>
<a href='http://www.blogger.com/'>Blogger</a>
<br/>
Edição e Design: <a href='http://SEULINK.COM'>Seu nome</a>| Todos os direitos reservados| &#169; 2016
</div>

Em ALING='left' você vai decidir de que lado vai ficar seu logotipo,se não quiser colocar um é só apagar a parte <img ALIGN='left' height='120px' src='seu-logo-aqui'/>
Edite apenas a parte indicada.
E depois SALVE
Se você não havia editado seu rodapé ainda é quase certo que ainda tem o Tecnologia do Blogger no seu rodapé,como esse
Para retirá-lo é muito simples,vá em Ir para um widget>Attribution 1(ou qualquer nome que comece com Attribution)
Quando você clicar será redirecionado à parte do rodapé do seu blog,na parte locked='true' e mude para locked='false' e SALVE
Agora vá em Layout>Footer Atribuição>Editar>Clique em Excluir.

E pronto,seu novo rodapé já está instalado no blog :D
Apesar de parecer ter vários passos,esse tutorial é bem simples e funciona em qualquer blog.Espero que tenham gostado e testem.
Beijos 

Tutoriais que usei no blog #2

4 comentários: | |

Essa é a segunda parte de personalização do blog,vamos primeiro mudar algumas coisas na parte de Layout e aí partiremos para o HTML :)
**ESSA É A SEGUNDA PARTE DOS TUTORIAIS QUE USEI NO BLOG,SE VOCÊ AINDA NÃO VIU A PRIMEIRA PARTE,CLIQUE AQUI**

Vá em Layout e vamos descobrir mais sobre o blog :)
Em Favicon você muda o símbolozinho do Blogger que aparece nessa parte de cima,é só colocar em Editar e Salvar o que você preferir,se precisar de sugestões aqui tem algumas
           

Agora,você precisa desabilitar a Navbar é que aquela aba de pesquisa e algumas funções do Blogger,é muito limitada e não ajuda em nada kkkk então vamos tirar

Vá em Editar>Desativado e Salve
Na parte do Cabeçalho você pode colocar uma imagem feita por você,é só colocar em Imagem>Do seu computador e Em vez de título e descrição

Espere carregar e salve(a imagem usada no cabeçalho deve ter em torno de 1000x315 se você usar a medida que eu usei na primeira parte)
Também recomendo retirar a parte do Perfil,é só clicar nela e excluir,porque vamos usar outro tutorial para ela.
Sem mais delongas,vamos a parte do HTML :D
Clique em Modelo>Editar HTML
Você vai encontrar algo assim
Para começar a editar você precisa ter a noção geral de cada parte do seu blog,por isso,clique nesses três pontinhos entre os skin e você vai ver tudo que precisa :)
Para o seu blog ser 100% exclusivo você pode alterar a parte indicada abaixo
Dê um nome,escreva o seu como Designer e coloque a URL do seu blog.
Agora,já que você está aqui,vamos facilitar a sua vida,para achar todos os tópicos que eu vou mostrar aqui é só apertar Ctrl F no seu teclado e irá surgir uma caixa de pesquisa,nela você vai digitar tudo que eu mostrar e vai achar bem mais fácil do que indo linha por linha.
Para começar procure por .content-inner
É lá que vamos tirar aquela cor preta que havia ficado no layout

Troque o $ por transparent e salve,assim você verá que preto da área de postagem sumiu.
Agora,para tirar a parte preta dos gadgets é só ir em .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { e mudar o $ por transparent também.
Depois disso feito você pode começar com os tutoriais mais simples.
Área de Postagens
Para arrumar a área de postagem e deixá-la separada dos gadgets você vai em .main-inner .column-center-outer { 
E vai trocar tudo isso .main-inner .column-center-outer {
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;
}
Por isso
.post-outer {
margin: 5px 10px 15px;
background:#fff;
padding: 10px 10px;
}

E sua área de postagem vai estar assim 
Agora vamos à área da sidebar,onde ficam os gadgets
Primeiro vá em /* Widgets
----------------------------------------------- */
.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0; 
E abaixo disso cole
background: #fff;
Por último vá em /* Headings,de h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}
Troque por 
.sidebar h2 {
border-bottom: 1px solid #FFC0CB;
text-align: center;
font-size: 21px;
color: #B03060;
padding-bottom: 10px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 8px;
font-weight: normal;
font-family: 'Arial', sans-serif;
}
 Depois salve,agora a parte dos gadgets vai estar assim 

Para personalizar a parte do Título das Postagens vá em /* Post
E substitua os três primeiros h3.post-title por 
 /* Posts
----------------------------------------------- */
h3.post-title {
  margin-top: 20px; /* espaço entre o título e a margem */
  text-align: center; /* posicionamento do título */
  border-bottom: 3px dotted #eee; /* cor, tamanho e tipo de borda */
  background: #F9F9F9; /* cor do background do título */
}
h3.post-title a {
  font-family: Trebuchet MS; /* fonte do título */
  font-size: 26px; /* tamanho da fonte */
  color: #E9B2C1; /* cor do título em estado normal */
}
h3.post-title a:hover {
  color: #CBDCE9; /* cor do título em estado hover */
  text-decoration: none; /* isso tira a borda do título quando o mouse parar sobre ele */
}

E Salve,vai ficar assim
Esses são os tutoriais principais,agora,para personalizar ainda mais vou deixar a lista dos outros tutoriais que vocês podem precisar e são simples :)

Esses são os tutoriais que eu usei no meu blog,alguns extras para vocês,porque fui testando um e outro e vendo qual ficava melhor,espero que tenham gostado e que usem :D
Qualquer dúvida ou pedido de tutorial é só falar,vou tentar fazer um tema bem básico para disponibilizar para vocês,mas isso vem em breve :)
Beijos 

Tutoriais que eu usei no blog #1

2 comentários: | |

Vocês sabem que mudei o layout faz pouco tempo(mais ou menos um mês),e não vou dizer que foi super fácil,dá um trabalhinho,mas nada melhor do que você mesmo fazer seu próprio layout totalmente grátis e ainda poder deixar ele a sua cara.São tutoriais simples,e você pode achar vários tipos da mesma coisa,por exemplo,se você for fazer um menu,tem vários estilos,com ícones de redes sociais ou caixinha para pesquisa e você pode escolher qual mais te agrada e mudar as cores,os estilos e tudo mais :)
E o melhor de tudo:Você só precisa de uma noção bem básica que eu mesma vou dar aqui,então bora né?!Que já falei demais rs
**ESSA POSTAGEM SERÁ DIVIDIDA EM DUAS PARTES,UMA POSTADA HOJE E OUTRA AMANHÃ NO MESMO HORÁRIO,PORQUE TEM BASTANTE COISA,E TUDO SERÁ EXPLICADO NOS DETALHES NECESSÁRIOS,APROVEITEM**

Antes de tudo,você precisa criar um blog,essa é a parte fácil,vá em Novo Blog e preencha as lacunas.
Recomendo usar o Modelo Travel,que é o que eu usei nos blogs que já montei :)

Depois disso,você já tem seu blog,o ideal é fazer uma postagem teste,para poder mudar toda a área de postagem e tal,mas se não quiser vamos direto para a parte de personalizar.
Na área à esquerda você tem um monte de opções,vou explicar uma por uma,depois a gente continua.
Em Visão Geral você poderá ver a quantidade de visualizações no dia,a quantidade de postagens,comentários e tal,no geral é o que menos se usa.
Em Postagens você poderá ver todas as postagens feitas no blog,postadas,programadas ou rascunhos,e poderá editar qualquer parte da postagem.
Em Páginas,você poderá criar abas para o seu Menu,o que recomendo fazer,assim que definir o que seu menu precisa ter.Você pode criar as abas sobre seu blog,sobre você,a área de créditos,um blogroll(onde indica seus blogs preferidos) e aba de contato.
Em Comentários você pode ver todos os comentários feitos e ao clicar em um deles será redirecionado a postagem para responder,excluir e fazer o que desejar.
Em Estátisticas,Ganhos e Campanhas não vou falar porque eles não agregam nenhuma função especial ao blogueiro,então,se quiser obter lucros,aumentar suas visualizações,tudo de forma paga,você pode pesquisar mais ok ;) 
Em Layout você mexe em toda a parte de estruturação do seu blog,se a caixinha falando do autor vai ficar mais para cima ou para baixo,se o cabeçalho do blog vai ficar acima do menu,e adicionar caixinhas novas(com tutoriais que vou ensinar)
Em Modelo você vai personalizar toda a parte de fundo,larguras e afins,além de mudar toda a parte de HTML(mas isso eu já mostro)
Em Configurações você edita o nome do blog,a data,e todas as coisas administrativas.
Depois de tudo explicadinho,vá em Modelo>Personalizar.


Nessa parte do Plano de Fundo,você pode escolher entre uma das opções disponíveis,mas eu recomendo você escolher um fundo(achado no Google mesmo),salvar e Fazer Upload da imagem,depois é só clicar em Concluído e Salvar(Clicando em Aplicar ao blog)

Agora,vamos ajustar a largura,o tamanho padrão do Blogger é o 960 de largura e 310 de barra lateral(onde ficam os gadgets ou caixinhas) Mas eu prefiro deixar mais largo,então mudo para 1200 e 360,se você achar que está muito largo é só diminuir,porém eu acho esse tamanho bom.

Agora,na parte Layout,eu gosto de mudar só a parte do Rodapé,e ao invés de deixar com duas divisões eu deixo uma só,mas como antes,você decide o que achar melhor.

Em Avançado é onde você vai mudar a maioria das coisas,vou dar algumas sugestões de mudanças,mas vocês podem personalizar como acharem melhor,vou explicar todos os itens necessários para quem é blogueiro.
A maioria deles já é autoexplicativo,mas vamos lá :)
Em Texto da página você vai definir a fonte que os posts terão,esse será seu padrão e caso não mexa nisso a fonte será definida pelo próprio Blogger(O que recomendo é deixar a fonte Arial tamanho 18 px e na cor preta)
Em Planos de Fundo você escolherá a cor do fundo da área de postagem,recomendo deixar tudo transparente,porque vamos personalizar essa parte depois com um tutorial.
**Se você usou o mesmo modelo que o meu,vai perceber que a cor Preta não some realmente do fundo,mas isso a gente retira depois,não se preocupe.**
Em Links,você vai mudar a cor de todos os itens da área de postagem,como na imagem abaixo,recomendo deixar uma cor escura,porque o padrão da área de postagens é branco ou uma cor mais clara possível.

Em Título do Blog e Descrição do blog você irá mudar toda a parte do cabeçalho,mas se resolver usar uma imagem não precisa nem mexer nela.
Texto das guias e Plano de Fundo das guias você não precisa mexer,porque a gente arruma tudo isso com tutoriais.
Em Cabeçalho da Data você pode mudar se quiser,mas também tem tutorial para isso.
Em Título da Postagem e Plano de Fundo da Postagem você também não precisa mexer.
Desse final não precisa mudar nada,mas você se pergunta "E o que é esse Adicionar CSS?",essa parte você vai usar quando tiver um tutorial e pedir para colocar na parte ]]></b:skin> você pode ir direto por aqui e ela será imediatamente redirecionada ao lugar necessário,mas,atenção, CSS é só para quando aparece para por no skin,se for qualquer outro não dará certo.
Depois de acabar todas as alterações,coloque em Aplicar ao blog e pronto :D

Agora que você já conhece parte desse processo pode ter um blog simples montado no Blogger ok,agora,amanhã saí a segunda parte,que é a explicação da parte do HTML e os tutorias necessários para usar no blog.

E aí,gostaram?
Já começaram a montar seu blog?
Ansiosos para a postagem de amanhã?
Beijos 
Related Posts Plugin for WordPress, Blogger...
Tecnologia do Blogger
Edição e Design: Jennyfer Aguillar || Todos os direitos reservados © 2016