Outubro 2016 - * Blog Elaine Gaspareto *

Semijoias e acessórios finos Maria Vittoria - minhas peças favoritas

em 31/10/2016

Alguns dias atrás eu fui convidada à conhecer a loja de semijoias e acessórios finos Maria Vittoria.
A loja é virtual, muito fácil de navegar, com as categorias muito bem definidas e separadas em um menu bem atrativo, e com todas as informações que a gente, comprador, quer encontrar em uma loja virtual.
Na loja Maria Vittoria é possível encontrar anéis, brincos, colares, correntes, pingentes...
Impossível navegar pela loja e não querer comprar ao menos uma peça. Ou duas... ou, muito provavelmente, uma de cada!

E navegando na loja eu escolhi algumas peças: um par de brincos e um solitário lindo pra mim, um par de brincos para minha irmã e um par de brincos para minha afilhada.
Sim, sou dessas: gosto de dividir o que é lindo e bom com quem eu amo!
Olha a delicadeza e beleza das peças:

















Escolhi as peças que quis, e essa foi a parte mais difícil porque é tudo lindo e a gente quer tudo...
As peças chegaram muito rápido, embaladas perfeitamente.
Vêm em uma caixinha linda, com o logo da empresa, e dentro, envolto em papel de seda, os saquinhos de filó e cetim protegendo as lindezas. Veja:


São peças perfeitamente trabalhadas, acabamento impecável, com aquele peso de coisa boa, sabe o que quero dizer?
A qualidade está visível até na embalagem.
Produto bom em geral é assim, a gente identifica já na forma de embalar...


Eu, e quem me conhece sabe, não sou assim a pessoa mais fashion do mundo, bem ao contrário, aliás. Não uso acessórios no dia a dia, nem aliança de casamento eu uso. Resquício do tempo em que era pespontadeira e a aliança me incomodava. Só uso pra sair de casa.

Mas quando a ocasião pede meu fraco são brincos e anéis.
Acho a coisa mais linda do mundo um rosto valorizado por um brinco lindo, e a mão com um anel lindo é coisa que sempre me encanta.


Não é lindo demais?



Ainda não usei os brincos mas já estou planejando, pra sábado. Vai ficar lindo!!!



Na loja Maria Vittoria há muitas outras peças lindas, acesse para conhecer!
Como eu disse no começo: a gente fica querendo uma peça.
De cada...
QUERO LER O POST COMPLETO

Personalizar o blog na versão para celular + template grátis para baixar

em 28/10/2016


Você está acompanhando a Série Personalizar o blog na versão para celular?
Não???
Então se liga nos posts já publicados:
Série Como personalizar o blog na versão para celular
Personalizar o blog na versão para celular: Mostrar gadgets e botões de compartilhar
Personalizar o blog na versão para celular: Menu responsivo


Hoje vamos ao 4º post da série, e nele nós vamos focar em uma área pouco explorada dos templates nativos do Blogger: a área Mobile.
Dependendo do modelo escolhido essa área pode apresentar algumas diferenças mas basicamente os comandos funcionam do mesmo jeito em qualquer modelo nativo do Design de Modelo.
Claro, precisa paciência e testar sempre.


Em geral, quando vemos o template do blog pelo celular, aparece assim (claro, com seu modelo):


Ele mostra o link para comentários, a data, o tamanho da fonte do texto segue o tamanho definido na versão web, etc...
No tutorial de hoje vou ensinar como retirar os comentários, retirar o fundo caso tenha, aumentar o tamanho da fonte do texto e outros truques simples.
Vamos?
Então vamos!



Personalizando a área Mobile do blog



A maneira de modificar a aparência do blog na versão mobile é bem simples.
Tudo o que você desejar modificar deve ser precedido do comando .mobile{ e ser inserido dentro da área Mobile do seu template.
Ela começa assim:

/* Mobile
----------------------------------------------- */

Tudo o que quiser acrescentar pode ser colocado abaixo disso.
Vou exemplificar:

Para retirar o link dos comentários da tela inicial insira dentro da área Mobile esse comando:
.mobile .comment-link{ display: none;}

A parte destacada em azul é o que define a área a ser ocultada, no caso, o link para comentar, ou comment-link.
O comando display: none define que o link para comentar será ocultado na versão mobile do seu blog.
Entendeu?


Compreendido isso vamos ver como personalizar outras áreas do template do blog na versão para celulares:

1- Para retirar o link dos comentários da tela inicial:
.mobile .comment-link{ display: none;}

2- Para aumentar o tamanho da fonte do texto da postagem na página interna do post:
.mobile .post-body {font-size: 20px;}
O valor 20px você altera para mais ou para menos conforme desejar.

3- Para retirar retirar a data:
.mobile .date-header span {display: none;}

4- Para retirar o fundo caso tenha imagem ou queira trocar a cor:
.mobile .body-fauxcolumn-outer {background: #fff;}
O valor #fff você altera para a cor que desejar. Nesse caso #fff define que o fundo será branco.


Copiar todos os códigos


Como você vê são várias opções de personalização.
Vá mexendo, descobrindo o que funciona em seu blog, o que não funciona...
Então vamos rever o que já aprendemos até aqui:

Inserir gadgets e botões de compartilhamento na versão para celular
Colocar um menu responsivo no blog que funcione no celular
Personalizar a área mobile do blog, alterando fontes, elementos, etc...

Já dá pra se divertir, né?
Olha nosso template Adeline como é visto no teste mobile friendly:






Presente para você -Template Adeline grátis para baixar


Agora, como prometi, segue o link para você baixar e usar o Template Adeline que usamos como base para essa minissérie de tutoriais Personalizar o blog na versão para celular.
Além do que ensinei nessa minissérie acrescentei:

 1- os botões especiais de compartilhar;
 2- as postagens relacionadas ao final dos posts;
 3- o slide de postagens recentes;
 4- personalizei as Postagens mais vistas;
 5- personalizei os títulos dos gadgets;
 6- personalizei as tags;
 7- inseri a paginação numerada igual à minha.

    Veja como ele ficou:


    Na pasta zipada que você vai baixar estão:
    O código-fonte do template, exatamente como ele está agora.
    O código da caixa de pesquisa.
    O código da paginação numerada.
    O código do slide. Lembre de colocar o endereço de seu blog onde está o endereço do meu, ok?
    Caso queira retirar o slide basta não inserir o código dele e apagar no código-fonte o trecho que começa com /* Slide de postagens recentes */ e termina com /* Final do Slide de postagens recentes */
    Também está na pasta a imagem que usei no cabeçalho, já no tamanho certo,  a mesma imagem em tamanho extra grande.
    Se quiser usar outra imagem fique à vontade.



    Amei! Quero baixar e usar!



    Para baixar o seu pack você precisa apenas clicar no botão verde abaixo, escolher em qual rede social deseja compartilhar o link e pronto! É só baixar no site MediaFire, descompactar o arquivo e usar como desejar.

    Só tem 2 regras:
    1- Não pode, em hipótese alguma, retirar ou modificar os créditos do rodapé.
    2- Não pode usar como base pra vender dizendo que foi você que fez.

    Pode alterar cores, fontes, imagem do cabeçalho, imagem de fundo... fique à vontade!
    É tudo alterado direto pelo painel no Blogger, na aba Modelo/Personalizar/Avançado.
    As personalizações do meu (como inserir os links) estão explicadas nos posts da Série Personalizar o blog na versão para celular.

    Olha o mesmo template em tons mais "masculinos":



    Viu como é possível personalizar e torna-lo bem diferente?
    Concorda com as regrinhas?
    Então baixe seu template e use à vontade em seu blog!



    Muito obrigada por acompanhar a série e baixar o template que modificamos durante os tutoriais!
    Espero que seja útil e que você se divirta!
    Enjoy!!!!
    QUERO LER O POST COMPLETO

    4 modelos de TV de até R$1200 que valem a pena comprar

    em 27/10/2016


    Quando eu era criança, lá nos anos 1980, as televisões eram bem diferentes do que a gente vê hoje.
    Lembro que a nossa televisão no começo da década era imensa, daquelas com tubos, que aquecia se ficasse ligada por mais de 1 ou 2 horas. E se a gente tentasse ligar com ela ainda quente nunca ligava...

    Lembro que quando minha mãe saía de casa a ordem era: não liguem a televisão.
    Claro que a gente ligava, 3 irmãos em casa, tava na cara que a regra seria burlada.
    Um de nós ficava de olho na rua, assim que a mãe aparecia corria avisar os outros, que desligavam a televisão e faziam aquela carinha de inocente.
    Mas a mãe foi ficando esperta e a primeira coisa que ela fazia ao chegar em casa era colocar a mão sobre a televisão.
    Quente, pelando. Entregava a gente.

    televisão vintage

    Em 1986, na época do Sarney, compramos a primeira televisão em cores. Lindas as cores... não esquentava tanto e não entregava a gente...
    Durou quase 10 anos, foi trocada em 1995 quando casei.

    E a minha primeira televisão, quando casei, ainda era aquelas de tubo, mas  linda, com controle remoto!
    Depois vieram as televisões de tela plana. Aí foram ficando cada vez mais finas, e hoje a gente se pergunta como viveu a infância sem controle remoto, com uma televisão preto&branco que aquecia e que de vez em quando desligava sozinha no meio da novela das 8...
    Mas vivíamos, e a infância era linda...
    Se você tem em torno de 40 anos vai lembrar disso e vai sorrir.
    Tá sorrindo? rsrsr


    Hoje, aqui em casa, temos uma Smart TV. Mas marido é daqueles que fica vidrado em modelos novos, gosta de conhecer, passa pelas lojas e fica ali, cobiçando a televisão reluzente da vitrine, sabe como é? Aquele olhar que os homens de vez em quando fazem diante de aparelhos modernos...
    Anda pesquisando uma nova, e quer colocar a que temos no quarto, que eu sei.
    Resisto, mas um dia, como sempre, ele me vencerá rsrsrs


    escolher televisão nova
    Créditos da imagem: Shutterstock

    Comprar um novo aparelho de TV está nos seus planos?
    Atualmente é possível encontrar uma grande variedade de modelos, repletos de recursos e de diferentes qualidades e opções com até RS 1.200.
    Sim, porque preço importa pra mim. Muito!

    Entre os modelos mais populares de televisores estão a TV LED, LCD e plasma, sendo a tela LED a preferida do público. A nossa, aqui em casa, é assim. E foi difícil escolher... tantos modelos, tamanhos, recursos...

    Antigamente, o consumidor não tinha muitas opções, porém isso mudou bastante: os fabricantes não param de inovar em diferentes tipos de TV, para todo o tipo de necessidade.
    Tudo isso para reunir a família e os amigos para curtir jogos, filmes, programas e séries.


    TV LED, campeã de vendas



    A TV LED é um equipamento extremamente versátil.
    Composta por uma tela LCD com iluminação de lâmpadas de LED, este modelo oferece economia de energia elétrica, apesar de possuírem um brilho intenso.
    Mais leve e fina, a TV LED conta com um ótimo ângulo de visão, proporcionando imagens de alta qualidade, com cores intensas e ótimo contraste.

    Há diversos tamanhos de tela disponíveis no mercado e cada uma é indicada para diferentes tipos de ambiente.
    As TVs com resolução HD exibem imagens com resolução de 1.280 x 720 linhas. Confira, em ordem decrescente, uma lista de aparelhos que valem a pena comprar.



    4 tipos de TV de até R$ 1.200



    TV LED 20 Polegadas Philco HD HDMI USB (R$ 749)

    TV LED 20 Polegadas Philco HD HDMI USB


    Compacta e moderna, a TV LED de 20 polegadas é uma boa pedida para pôr na cozinha ou na copa.
    Não ocupa muito espaço, pode ser realocada com facilidade e torna as refeições muito mais agradáveis.
    Esse tipo de TV conta com diversas funções, além de transmitir imagens de alta qualidade.
    A entrada USB e as conexões HDMI permitem conectar dispositivos e reproduzir filmes, músicas e fotos direto na TV.


    TV LED 28 Polegadas Philco HD HDMI USB (R$ 979)

    TV LED 28 Polegadas Philco HD HDMI USB


    O modelo 099283012 da Philco vem com receptor de sinal de TV digital já integrado. Eficiente e compacto, é o aparelho mais indicado para quartos ou escritórios pequenos.
    Esta TV conta com diversos recursos, como função Sleep Time, Closed Caption, Bloqueio de conteúdo adulto para crianças e outros.


    TV LED 28 Polegadas LG HD USB HDMI (R$ 1.085)

    TV LED 28 Polegadas LG HD USB HDMI


    Outra opção para ambientes pequenos é uma TV LED de 28 polegadas.
    O modelo 28LF710B da LG foi desenvolvido com um design diferenciado em sua base, oferecendo maior estabilidade ao produto.
    Esse tipo de TV é recomendado para quem deseja qualidade de imagem em um produto compacto.


    TV LED 32 Polegadas Samsung HD HDMI USB (R$ 1.199)

    TV LED 32 Polegadas Samsung HD HDMI USB


    A TV de 32 polegadas fica bem na sala de estar, no quarto ou até na sua varanda gourmet.
    Este modelo tem um design sofisticado e conta com duas entradas HDMI, além da função HyperReal Engine, que traz imagens mais vibrantes e cristalinas.



    Como você viu é perfeitamente possível achar várias opções de marca, modelo e tamanho por um valor acessível.
    Acesse o link que está no post e confira essas e outras opções.


    E conta pra mim: qual a televisão da sua infância? Você se lembra?
    E qual é a sua hoje em dia? Tem alguma que é seu sonho de consumo?
    Conta pra mim!

    QUERO LER O POST COMPLETO

    Como usar qualquer fonte (baixada da internet) no blog?

    em 25/10/2016

    Como usar qualquer fonte (baixada da internet) no blog?

    Importante!

    O site Cufon não está mais disponível, portanto este tutorial não pode mais ser realizado.
    Mas calma! Tem solução!
    Para usar qualquer fonte baixada da internet em seu blog clique no botão abaixo e acesse o tutorial repaginado e moderno, que funciona sem problemas!
    Enjoy!


    Acessar o tutorial atualizado



    Há, na internet, milhares de fontes lindas que a gente amaria poder usar no blog, nos títulos, por exemplo.
    Não é?
    Tempos atrás eu mostrei aqui no blog como usar essas fontes do Google Fonts no blog.
    Relembre:
    Como usar as fontes do Google Fonts no blog?

    Acontece que o Diretório de fontes do Google para Webmasters, embora seja muito simples de usar, não possui todas as fontes lindas que a gente quer.
    Mas tudo tem jeito nessa vida!
    Vou te mostrar hoje um jeito simples de usar qualquer fonte que você desejar em seu blog.
    Não é complicado mas precisa atenção, tá?
    Vem comigo que te mostro o passo a passo!


    Como usar qualquer fonte no blog


    Para começar selecione em seu computador a fonte que deseja usar.
    Uma recomendação simples e muito útil é: evite exageros! Não use mais de 3 fontes diferentes em seu blog pois pode ficar exagerado.
    O ideal é usar uma fonte mais trabalhada, especial, para os títulos e fontes básicas para o texto. Evite usar fontes manuscritas nos textos pois dificulta a leitura e afasta o leitor.

    Isso dito, escolha a fonte que você deseja usar, nos títulos do post, por exemplo. Claro, ela precisa estar em seu computador pois precisaremos baixa-la no site que a converterá.
    Escolheu a fonte?
    Acesse esse site:
    Cufon
    Lá você verá a página inicial; nela clique no botão Selecionar arquivo.
    Assim:


    Escolha a fonte que deseja usar e espere carregar.
    A seguir role a página e marque as seguintes caixinhas:


    Faça essa parte com atenção, tá?
    Role mais um pouco a página e marque a caixinha para aceitar os termos. A seguir clique no botão azul.
    Assim:



    Vai abrir a janela para você baixar o arquivo convertido.
    Salve em uma pasta de sua escolha, fácil de localizar.
    Agora acesse esse tutorial:
    Como hospedar arquivos no Google Sites

    Faça todo o procedimento que explico no tutorial e hospede sua fonte convertida.

    Importante:
    Caso você use outro sistema de hospedagem de arquivos siga com ele, faça do seu jeito.
    Meu tutorial citado acima se destina ao leitor que nunca hospedou arquivos em lugar algum ou não sabe como fazer.
    Falou?

    Sigamos adiante.


    Agora vamos ao seu blog instalar o código que faz a mágica acontecer.
    No seu painel administrativo do seu blog clique em Modelo e em Editar HTML.
    Dentro da caixa de código localize <head>.
    Está bem no comecinho.
    ACIMA dela cole este código:


    Copiar o código



    Altere onde marquei AQUI O LINK DO ARQUIVO YOURJAVASCRIPT colocando o link que você obteve ao hospedar o arquivo da fonte convertida.
    Agora preste atenção nesta parte do código:


    <script type='text/javascript'> Cufon.replace

    Vamos supor que você queira usar sua fonte especial nos títulos dos posts.
    Então você coloca esse comando para mandar que a fonte do título dos posts seja com sua fonte hospedada:
    (&#39;h3&#39;)

    Ficaria assim:

    <script type='text/javascript'> Cufon.replace(&#39;h3&#39;) ;</script>

    Mas vamos supor que você quira usar a fonte também nos títulos da sidebar.
    Aí o comando é esse:

    (&#39;.sidebar .widget h2&#39;)

    Ficaria assim se quisesse usar a fonte nos títulos dos posts e da sidebar:

    <script type='text/javascript'> Cufon.replace(&#39;h3&#39;) (&#39;.sidebar .widget h2&#39;);
    </script>

    Percebeu onde acrescentei?
    E assim é sucessivamente, com toda área onde desejar usar a fonte.
    Selecione onde deseja, encontre o #ID dela e acrescente (&#39;AQUI O #id DE ONDE USAR A FONTE&#39;) antes do ponto e vírgula finais que aparecem antes de </script>

    No código-base que disponibilizei já deixei configurado para mostrar a fonte especial nos títulos dos posts, dos widgets do footer e nos títulos dos posts relacionados.
    Altere para que se adapte à sua necessidade.


    Dicas extras - perguntas e respostas


    1- Socorro, não consigo copiar os códigos!
    Calma, está tudo aqui:

    Copiar o código


    2- E se eu quiser usar mais de uma fonte especial no mesmo blog? Pode?
    Não.
    Nesse método só é possível, até onde testei, usar uma única fonte especial hospedada.

    3- A fonte especial aparece no celular?
    Sim, desde que seu blog esteja preparado para ser exibido em celulares e você esteja usando a opção Personalizado caso seu template seja nativo do Blogger.

    4- Dá certo em templates baixados da internet?
    Sim, mas tem que testar pois cada template desse tipo tem características bem próprias.



    Como é algo que requer atenção gravei a execução do tutorial para você ver.
    Assista e você vai perceber como é simples depois que pegamos as manhas!



    Aproveite e se inscreva no canal de tutoriais do blog:



    Espero que você aproveite e se divirta!
    Se tiver quaisquer dúvidas referentes ao tutorial diga nos comentários e eu ajudo se for possível.

    E se você sentir vontade de me ajudar compartilhe esse post em suas redes sociais!
    Fico muito grata!
    Enjoy!
    QUERO LER O POST COMPLETO

    Vida blogueira: vale a pena investir em um curso de inglês?

    em 24/10/2016


    Olá, querido leitor!
    Vamos papear?
    Do you speak english?
    Sim, Elaine bilíngue, já pensou que máximo seria? Um sonho projeto é, com certeza!

    Acredite: nesses anos todos blogando, e mais ainda desde que comecei a personalizar blogs (na mesma semana que criei o blog já estava mexendo, fascinada!) , inglês sempre foi algo com o qual eu tive que aprender a conviver.

    Explico: todos os códigos do Blogger usam o inglês como língua, e absolutamente todos os comandos são em inglês. Body, head, hidden, float, font, color, headings... e por aí vai.
    E todos os tutoriais mais interessantes que eu queria aprender ou traduzir para conseguir aplicar, originalmente também eram em inglês. De uns anos pra cá é que a comunidade blogueira da Ásia vem dominando.
    Mas o inglês ainda é a língua dos códigos...

    Com o tempo foi imprescindível conhecer ao menos o básico da língua pra não travar.
    Como minha vida teria sido mais simples se eu soubesse falar/ler/entender inglês!
    E não é só isso...

    Você tem blog?
    Então certamente compreende a importância de estabelecer um networking sólido e variado.
    Afinal, disseminar informação requer fontes confiáveis para gerar conteúdo relevante e original.

    Os blogs estrangeiros muitas vezes são referência para nós, blogueiros brasileiros.
    Seja o seu blog do segmento de moda e beleza, de decoração, de culinária, de artes, de design, ou de variedades como o meu, é inegável: a gente sempre tá de olho nos blogs gringos.
    Muita coisa interessante acontece lá fora: os blogs mais famosos estão em inglês e são uma excelente oportunidade para se inspirar e buscar novas informações, não importando qual seja o assunto.
    E tem mais: repare os termos e hastags das redes sociais: tudo inglês, gente!
    Hastag, like, follow, foodblogger, fashionblogger, makeup, ...



    E se você deseja crescer seu blog e torna-lo uma fonte de renda, seja renda extra ou renda principal, firmar parcerias com agências, lojas e blogs estrangeiros é um caminho natural pois, como você bem sabe, a internet aproximou-nos a todos e a distância geográfica deixou de importar quando o assunto é publicidade, parceria, networking, collabs, etc...



    No entanto, nem todas as blogueiras estão com o inglês afiado (algumas, como eu, mal se viram porque falta msmo um curso!)  a ponto de realizar parcerias, traduções, intercâmbios, viagens e leituras com desenvoltura.
    Por isso considerar a ideia de investir em um bom curso de inglês torna-se bem importante.

    Especialmente se você se encaixa no time que descrevi acima: alguém que deseja crescer o blog e firmar parcerias de divulgação e/ou publicidade com blogs, lojas e agências estrangeiras.
    Aprender um idioma pode ampliar os horizontes de quem deseja criar conteúdo variado e de qualidade, pode ser interessante para quem deseja crescer o blog, canal do Youtube, Instagram, etc...



    3 motivos para investir em um curso de inglês


    1- Acessar conteúdo rico e variado:
    Imagine acessar os blogs gringos mais relevantes da web sem precisar de dicionário ou Google Translator (que prega peças muitas vezes constrangedoras na gente).
    Na maioria da vezes, sites estrangeiros publicam notícias, lançamentos e tendências que ainda não chegaram aqui no Brasil.

    A fluência no idioma faz com que o blogueiro ou blogueira esteja sempre um passo à frente. O contato assíduo com conteúdos em inglês  possibilita o desenvolvimento de textos envolventes e ricos de informação.
    Acompanho alguns blogs sobre cultura pop e é nítida a fonte de onde bebem: os sites dos estúdios, os blogs de games...
    Blogs de decoração? Bebem, sem dúvida, de fontes gringas. Haja visto o quão grande é o Pinterest lá fora, muito mais relevante que Facebook, por exemplo.
    E a maioria dos pins são de sites/blogs gringos.


    2- Buscar parcerias com blogueiras ou marcas estrangeiras:
    Ter um bom relacionamento com blogueiras gringas é interessante para trocar informações, aprender como elas trabalham e realizar possíveis parcerias.
    Além disso, estabelecer um contato com marcas que não estão no Brasil é um grande diferencial para quem tem blog, pois é uma oportunidade de elaborar posts interessantes e inéditos, sem contar que amplia o leque de assuntos, proporcionando pautas interessantes e informações que o blog lança em primeira mão.


    3- Realização profissional e pessoal:
    Muitas blogueiras e blogueiros aproveitam viagens internacionais para coletar material para postar. Impressões de diferentes lugares do mundo por meio de fotos, depoimentos e dicas de turismo podem render posts valiosos.
    Durante a estadia você poderá conversar com nativos e se aprofundar na cultura local, rendendo muito assunto para postar no blog.
    Eu tenho algumas clientes que viajam sempre, para a Europa por exemplo. E o inglês sempre, sem dúvida, é um forte aliado!

    Dominar o inglês é indispensável para a carreira profissional e acadêmica. Também é sinônimo de autonomia: nada é melhor do que se sentir seguro para falar com nativos durante uma viagem.


    Como encontrar o curso de inglês ideal?


    O curso de inglês deve preparar o aluno para lidar com situações cotidianas, para que o falante adquira fluência naturalmente.
    Na web existem algumas ferramentas para testar seus conhecimentos de inglês e também espanhol.
    Vale a pena acessar, fazer o teste e quem sabe, se jogar em um curso de idioma.
    Se não para crescer o blog, com certeza para crescer a pessoa por trás do blog.
    Não é?


    Thank you for reading the post!
    Have a happy and productive week!


    As imagens que ilustram o post são uma cortesia Shutterstock.
    QUERO LER O POST COMPLETO

    Como hospedar arquivos no Google Sites

    em 23/10/2016

    Como hospedar arquivos no Google Sites

    Tempos atrás eu publiquei aqui no blog um tutorial bem completo que ensina como hospedar arquivos usando o Google Drive.
    Acontece, minha gente, que em 2016 o Google desativou essa opção e tirou do ar os arquivos hospedados lá.
    Pense no caos...

    Mas, como tudo nessa vida tem jeito, vou mostrar hoje o passo-a-passo de como hospedar arquivos .css ou arquivos .js gratuitamente, usando o Google Sites.
    Vem comigo, vou mostrar como criar seu website para hospedar seus arquivos.



    Como criar um site no Google Sites



    1. Vá até o Google Sites e faça login com a sua conta do Google. Você verá essa tela:

    2. Clique no botão vermelho CRIAR no topo da tela. Vai aparecer essa página:



    3. Coloque um nome de sua preferência para a página. Precisa estar disponível, claro.
    As opção Selecionar um tema e Mais opções são irrelevantes, a aparência pouco importa já que vai ser apenas uma página para hospedar os seus arquivos.
    Marque a caixinha Não sou um robô e clique em CRIAR no alto da página.

    4. Depois de criar você será levado para a página inicial do seu site. Aí clique no ícone Criar página. Assim:


    Vai abrir uma página assim:


    5. Preencha as informações que forem solicitadas:
    Nomeie sua página: O nome dela é importante pois ele vai fazer parte da URL do seu arquivo.
    Selecione o modelo para usar: Escolha a opção Arquivo.
    Selecione um local: Selecione a opção Colocar página no nível superior.

    Clique no botão “Criar” no topo da página.
    6. A página que vai receber os seus arquivos já está criada.
    Você verá essa tela (claro que com o nome de sua página):


    Clique em Adicionar arquivos, escolha qual arquivo desejar hospedar e espere carregar.
    E está pronto: seu arquivo está hospedado.

    7. Para obter o endereço do arquivo que está hospedado no Google Sites é bem simples: basta clicar com o botão direito do mouse na opção Download e escolher a opção Copiar endereço do link.

    Você vai ter uma URL muito parecida com esta aqui:

    https://sites.google.com/site/nomedeseusite/nonedesuapagina/seuarquivo?attredirects=0&d=1

    Para usar no blog substitua o https por http e remova tudo o que estiver depois do sinal de interrogação (?),o trecho que marquei em azul.
    Seu link vai ficar mais ou menos assim:

    https://sites.google.com/site/nomedeseusite/nonedesuapagina/seuarquivo




    Por que preciso aprender a hospedar arquivos?



    Hospedar arquivos é importante pois aquele recurso legal, ou o slide lindo, ou a caixa pop up pode parar de funcionar se o arquivo for deletado da conta do desenvolvedor.
    Mas, se a gente hospeda o arquivo em uma conta nossa isso não acontece.
    E também evita sobrecarregar o servidor do desenvolvedor e tirar o recurso do ar por excesso de tráfego.

    E esse tutorial de hoje  é essencial para o tutorial que vou publicar na terça-feira, 25/10/2016:



    Então, bora lá!
    Crie seu site no Google Sites e deixe pronto para o tutorial que ensina como usar qualquer fonte que desejar no Blogger.
    Combinado?
    Te espero no próximo tutorial, tá?


    QUERO LER O POST COMPLETO

    Fontes manuscritas lindas para baixar e usar

    em 21/10/2016

    Fontes manuscritas lindas para baixar e usar

    Fontes, para quem trabalha com blogs e edição de imagens, é como dinheiro: nunca é demais.
    Né?
    Separei do meu diretório de fontes algumas que tenho usado e amado, de brinde pra você!
    Veja que lindas:





    Pacote com 30 fundos para seu blog



    E tem mais!
    Adicionei um pack com 30 fundos lindos para você baixar e usar em seu blog.
    Veja a prévia:




    Para baixar e usar em suas edições é bem simples:
    Clique no botão abaixo:



    Vai abrir a página do PagSocial. Esta:


    Escolha qual rede social quer usar para baixar, autorize o aplicativo e pronto! Clique em Baixar agora.
    Você será direcionado à página de download.
    Aí é só clicar no botão Download (um botão verde), baixar o arquivo para seu pc, descompactar, instalar e usar à vontade!

    Não sabe como trocar o plano de fundo de seu blog?
    eu te mostro!
    Veja o vídeo-tutorial abaixo:



    Aproveite e se inscreva no canal de tutoriais do blog:


    QUERO LER O POST COMPLETO

    Menu com abas multinível e caixa de pesquisa expansível

    em 19/10/2016

    menu com abas multinível e caixa de pesquisa expansível

    Anos atrás eu salvei o código desse menu de um blog indonésio e nunca consegui fazê-lo funcionar sem erros nos templates do Designer de Modelo do Blogger.
    Daí desisti de traduzir e corrigir os erros, mas recentemente uma leitora aqui do blog viu o menu nesse blog de testes meu e pediu para que eu publicasse o tutorial.
    Mexi de novo e com a clareza de uns anos à mais de aprendizado, deu certo.
    É esse menu que vamos aprender como instalar e configurar hoje.
    Veja a demo:

    Demonstração do tutorial


    Para dar certinho em qualquer template nativo do Blogger peço que você leia e releia o tutorial até o fim, e veja o vídeo que gravei com a realização do tutorial, passo a passo.
    Aí não terá erro, ok?
    Não testei em templates baixados da internet, então se quiser tentar faça e me diga nos comentários se deu certo :)
    Vamos ao tutorial?

    Para começar acesse a página com os códigos a serem usados, e a mantenha aberta.


    Copiar os códigos


    Agora vá ao painel administrativo de seu blog e clique na aba Modelo.
    A seguir clique em Editar HTML e na caixa de código que expandir tecle (dentro da caixa de códigos) Ctrl+F.
    Vai aparecer a barra de pesquisa; dentro dela digite ]]></b:skin> e tecle Enter para localizar.
    ACIMA  dessa tag de fechamento cole o CÓDIGO CSS e salve.

    Nesse código está tudo o que define a aparência de seu menu: cores de fundo e de fonte, tamanho da fonte, altura e largura do menu, etc...
    Deixei marcado em capslock, no próprio código, todas as áreas que são seguras editar.
    Mude cores e fontes para combinar com seu blog e salve as alterações.

    Agora vamos instalar o código que fará o menu aparecer, o CÓDIGO HTML.
    Copie-o na página de códigos.
    Vá ao código-fonte de seu blog, na barra de busca digite </header> e tecle Enter para localizar.
    ABAIXO dessa tag cole o CÓDIGO HTML.
    Salve.
    O menu aparecerá abaixo de seu cabeçalho.



    Como configurar o menu



    Agora é o momento de configurar as abas e sub abas do menu. Preste atenção!
    Em geral um menu com abas e sub abas serve para colocarmos links de marcadores, de páginas estáticas, se sites externos, de posts, etc.
    Tudo o que desejar e tiver link pode ser colocado em um menu.
    Para exemplificar vou configurar uma aba com sub abas desse menu, como se fosse para meu blog.
    Escolhi a Aba 4 do menu, que vou chamar de Aba de exemplo.
    Configurei assim:

    Pink é o nome da aba superior.
    Azul é o endereço do link. No meu exemplo é o link de uma página onde listo todas as Dicas para blogs.
    Em vermelho é o nome da sub aba simples.
    Em laranja é o nome da sub aba multinível. Em roxo, os links de marcadores do blog. E em verde os nomes das abas multinível.
    Em marrom os links das sub abas simples, e em amarelo os nomes dessas abas. De novo, no meu exemplo, são marcadores/categorias do meu blog.
    A aba Vida doméstica segue o mesmo padrão.
    Veja:


    <li class='top'><a class='top_link' href='#'><span class='down'>Aba de exemplo</span></a>
        <ul class='sub'>
        <li><a href='http://www.elainegaspareto.com/p/todas-as-dicas-para-blogs.html'>Todas as dicas</a></li>

        <li><a class='fly' href='#'>Dicas específicas sobre:</a>
        <ul>
        <li><a href='http://www.elainegaspareto.com/search/label/Monetiza%C3%A7%C3%A3o'>Monetização</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Coment%C3%A1rios'>Comentários</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Otimiza%C3%A7%C3%A3o'>Otimização</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Menus'>Menus</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Marcadores'>Marcadores</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Postagens%20mais%20lidas'>Postagens mais lidas</a></li>
        </ul>
        </li>

        <li><a href='http://www.elainegaspareto.com/search/label/Publicidade'>Publicidade</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/cr%C3%B4nicas'>Crônicas</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/M%C3%A3e%20de%20cachorro'>Mãe de cachorro</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Filmes%20e%20s%C3%A9ries'>Filmes e séries</a>
    </li>

        <li><a class='fly' href='#'>Vida doméstica</a>
        <ul>
        <li><a href='http://www.elainegaspareto.com/search/label/Receitas'>Todas as receitas</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Receitas%20doces'>Receitas doces</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Receitas%20salgadas'>Receitas salgadas</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Cozinha%20para%20iniciantes'>Cozinha para iniciantes</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Dicas%20dom%C3%A9sticas'>Dicas domésticas</a></li>
        <li><a href='http://www.elainegaspareto.com/search/label/Decora%C3%A7%C3%A3o'>Decoração</a></li>
        </ul>
        </li>
        </ul>
        </li>



    Percebe como tudo faz sentido e fica certinho?
    É só definir quais serão suas abas, colocar os links e nomes no lugar exato e voilà! Tudo pronto!

    Dicas extras essenciais


    1- Como colocar marcadores no meu blog?
    Leia este tutorial: Como inserir marcadores em minhas postagens?

    2- Como conseguir os links dos marcadores?
    Simples: clique sobre o marcador cujo link deseja e copie o endereço que aparecer no navegador. Esse é o link de seu marcador.

    3- Quero retirar uma aba do menu, como faço?
    Apague o trecho referente à aba que deseja retirar. Deixei separadas no CÓDIGO HTML justamente para facilitar onde começa e onde termina cada aba.

    4- Quero acrescentar mais abas, como faço isso?
    Copie o código referente à aba que deseja "repetir" e cole onde deseja que ela apareça, ou seja: entre as abas já existentes, sempre antes de fechar a div do menu, antes do começo da caixa de pesquisa.

    5- Quero tirar a caixa de pesquisa...
    Apague o código que começa com <!-- Caixa de pesquisa --> e termina com </form> no CÓDIGO HTML.

    6- Quero colocar links externos, como do meu perfil em redes sociais, por exemplo...
    Sem problema: é só copiar o link de cada perfil seu e inserir no menu, na aba escolhida.
    Assim como qualquer link externo, de loja virtual, de outro blog seu, etc...


    Abaixo deixo o vídeo que gravei da tela mostrando como inserir o menu.




    Aproveite e se inscreva no canal de tutoriais do blog:



    Sei que parece o fim do mundo mas é muito simples  intuitivo.
    Espero que você estude e aproveite o tutorial. Ele deu trabalho mas se você aproveitar terá valido a pena!
    Aproveito para pedir: compartilhe esse post em suas redes sociais.
    Isso ajuda demais o blog e me ajuda!
    Enjoy!


    QUERO LER O POST COMPLETO

    Loja online internacional com preço bom e frete grátis - Zaful

    em 18/10/2016

    http://www.zaful.com/

    Uma das coisas que o advento da internet possibilitou foi conhecer lojas internacionais sem sair do Brasil.
    Eu, que nunca saí e provavelmente nunca sairei, fico encantada quando encontro lojas internacionais online, em especial as que praticam preço atraente e possuem em seu catálogo produtos interessantes e diferenciados.

    Dentro dessa premissa eu quero te mostrar uma loja internacional online à qual fui apresentada recentemente e que, mig@, não vou te enganar não, é de fazer a gente arrebentar o cofrinho e sair comprando.
    É tanta coisa linda que fica difícil escolher o que mais agrada ao olhos e, claro, ao bolso.
    Porque vontade de ter coisa linda importada a gente tem, mas dinheiro, não muito... né?

    Para apresentar a Zaful para você fiz um apanhado de parte do que mais gostei na loja, tipo uma wishlist mesmo.
    Vem comigo ver a minha lista de desejos!


     Vestidos plus size


    A Zaful tem uma variedade boa em modelos plus size (que, claro, é a primeira que eu olho) e os preços são muito convidativos. Aqui onde moro o preço de um vestido assim chega fácil ao triplo do valor que a Zaful pratica.
    Veja meus preferidos:


    vestido preto plus size









    Esse não tem todos os tamanhos maiores, então nem entraria na minha seleção mas é tão lindo, e com preço tão amigo...





    Falando em vestidos, olha esses (não são plus size), lindos demais e com certeza valem muito o registro!







    Sapatos lindos, pra gente querer todos


    E vestidos lindos pedem um sapato de arrasar, né?



    Esses que separei são uma amostra pequena de tudo que a loja comercializa.
    Você pre-ci-sa ver as centenas de opções.




    Peças de inverno- acredite, um dia ele volta!


    Apesar de estarmos vivendo um calorão daqueles também separei pra te mostrar algumas peças de inverno. Lindas, mas tão lindas... espia:





    Além das roupas e sapatos a loja tem também uma infinidade de opções em acessórios, de chapéus a bolsas, de óculos de sol a chokers!


    Acessórios - quem não ama?



    E saindo dos casacos de inverno para os óculos de sol.
    Gente, é muito em conta mesmo!
    Espia só:

    óculos de sol zaful
    Óculos de sol, lindos e cheios de estilo.
    Meus preferidos são o primeiro e o penúltimo.
    Mas tem uma variedade incrível, com preços à partir de 4, 5 reais.
    Sim, reais!!!
    Clique aqui e veja as opções!


    E tem mais acessórios!
    Veja:

    acessórios

    acessórios

    Clique aqui e veja as centenas de opções em acessórios, tudo com preços mais que atraentes!




    Agora, para encerrar, algumas informações extras sobre a loja internacional online Zaful:

    1- A loja oferece frete grátis para compras acima de 30 reais.
    Sim, mig@s, frete grátis mundial!
    2- As formas de pagamento aceitas são: cartão de crédito internacional, transferência bancária, Paypal ou envio de pagamento via Western Union.
    3- Nas pesquisas que fiz em resenhas publicadas nos blogs a média de tempo para chegar os produtos é de 10 a 25 dias, talvez um pouco mais porque Correios aqui no Brasil é a maravilha que a gente já conhece #sqn.
    4- Há o risco das compras serem taxadas na alfândega, mas é o risco inerente à qualquer comprinha gringa. Como os valores são acessíveis o risco é menor.


    Essas e muitas outras informações estão no site da loja.
    Role a página até o rodapé e selecione o Português como linguagem, e tudo fica mais simples.
    Tem tabela de medidas, de número de sapato, e muitas outras informações úteis.
    E tem um f.a.q muito completo e útil:
    F.A.Q. Zaful

    Vale a pena navegar e gastar um tempo garimpando a loja.
    Com certeza você vai se inspirar!
    Enjoy!!!





    QUERO LER O POST COMPLETO


    Visualizações

    Contando...

    Dias online
    Postagens
    comentários