* Blog Elaine Gaspareto *

Caixa (ou box) personalizada para assinar o feed do blog

em 25/09/2017


Você tem (ou deseja ter) em seu blog a caixinha, ou box, que permite assinar o feed do blog e que dá ao leitor a oportunidade de receber seus posts por email tão logo eles sejam publicados?
Então esse tutorial é pra ti, querido leitor!

Antes de mais nada é preciso ativar o feed de seu blog através do Feedburner, caso ainda não tenha o recurso em seu blog.
Se você já tiver pode pular essa etapa, ok?


Ativar o feed do blog via Feedburner


Vou mostrar o modo mais simples, ok?
Faça assim: clique em Layout, no painel de seu blog.
A seguir clique em Adicionar um gadget e dentre as opções que aparecerem escolha Follow by email.
Vai abrir uma janela assim (claro que com as informações de seu blog):

O endereço que aparece após http://feeds.feedburner.com/ é o endereço do feed de seu blog. No caso do meu exemplo é BlogDeTestesDaElaine. Isso é importante, inclusive respeite as letras maiúsculas se houver, ok?

Deixe essa janela aberta e clique em Visualizar estatísticas e mais informações.
Vai abrir então a página no Feedburner, que é um serviço Google para gerar o feed dos blogs.
Na página inicial terá o endereço do feed que você acabou de criar.
Clique nele.
Vai abrir outra página, clique em Publicar (ou Publicize, se estiver em inglês).
Quando abrir a aba clique então em Emails Subscriptions, que estará na lateral esquerda da página.
Na próxima página que abrir clique em Ativar (ou Activate se estiver em inglês). Feito isso clique em Salvar.
O código que aparece é o código da caixa padrão do Feedburner. Se quiser usa-la copie o código e cole em seu blog como gadget HTML/JAVASCRIPT.
Ela ficará assim:



Eu já mostrei aqui no blog algumas opções de personalização dessa caixa.
Recorde:
Como personalizar o box de envio do feed do blog?

Vou te mostrar hoje mais uma forma de personalizar essa caixa. Bem legal, com ícones de suas redes sociais, bem moderna e lindinha.
Assim:

Demonstração do tutorial


Importante: caso opte por usar o código que vou disponibilizar abaixo não precisa inserir essa padrão, ok? Guarde apenas o ID de seu feed.


Como personalizar a caixa de envio do feed?


Para colocar em seu blog é bem simples: acesse a página com os códigos necessários a execução do tutorial:


Copiar o código


A seguir copie o código de personalização e vá ao painel de seu blog.
Clique em Layout e a seguir clique em Adicionar um gagdet.
Escolha a opção HTML/JAVASCRIPT  e dentro da caixinha que expandir cole o código copiado anteriormente.

Você verá, no código, que deixei marcados alguns campos em CAPSLOCK.
Esses campos precisam ser editados, indispensavelmente.

São os campos onde você coloca o endereço de seu feed (lembra que pedi pra manter a janela do feed aberta?
Copie o final do endereço, (que no meu exemplo é BlogDeTestesDaElaine) e cole no campo ID DO FEED. Aparece 2 vezes no código, substitua em ambas, ok?

Também deixei marcado ENDEREÇO HTTP DE SEU LOGO. Substitua pelo endereço http do logo de seu blog.
Caso não tenha logo basta apagar o trecho todo, de  <img border até width="100" />

As cores e fontes são personalizáveis. 
A fonte que coloquei é Open Sans, mas você pode trocar pela que desejar.
As cores são sempre trocadas mudando o código hexadecimal de cada item. Sempre que aparecer no código um sinal # seguido do código hexadecimal significa que é o código da cor daquele item. Para trocar a cor troque o código dela.
Aqui tem uma tabela de cores e seus códigos hexadecimais.

Também deixei marcado no código o local onde inserir os links de suas redes sociais.
Caso queira apagar alguma rede social basta apagar a linha que corresponde a ela.
Por exemplo, vamos supor que eu quira apagar o link para o Twitter. Eu apago isso:
<li><a href="LINK TWITTER" target="_blank"><i class="fa fa-twitter"></i></a></li>
E assim sucessivamente, para cada rede social que queira deletar.


E é só isso!
Bem simples, o maior trabalho é copiar e colar os links, né?
Se tiver qualquer pergunta deixe aí nos comentários e eu respondo :)

E aproveitando que tamo papeando, quer assinar o feed do blog e conhecer nossas redes sociais?



Subcribe
Assine o feed do blog!
Fique tranquilo, nunca compartilharei sua informação com ninguém!

QUERO LER O POST COMPLETO

Quando foi a última vez que você fez algo pela primeira vez?

em 23/09/2017


Quando foi a última vez que você fez algo pela primeira vez?
Já pensou nisso?
Eu pensei... atravessando o Rio Tietê, na  altura da cidade de Pederneiras, indo para Bauru. Foi a primeira vez que vi o Tietê... e fazia tempo que eu não fazia algo na vida pela primeira vez...

Olha o Tietê

O rio é muito lindo, grande, e no trecho que vi, muito limpo.
E sim, fica longeee daqui, 4 horas de carro pra ir e mais 4 pra voltar....
O que eu fui fazer tão longe de casa?
Fui buscar o documento de quitação da minha casa e lavrar a escritura dela.
Conheci Bauru, fui na Cohab, que fica numa avenida imensa e linda.

Cohab, em Bauru. Nem fica os perdidos como eu achei que ficaríamos...

Sou grata por isso, por finalmente ter os documentos da casinha em mãos, por ela ser nossa, o nosso lugar pra envelhecer com segurança e conforto.
Sim, é sério!
Meus pais, por exemplo, trabalharam a vida toda e nunca tiveram uma casa pra chamar de sua; meu pai paga aluguel até hoje. Meus irmãos, idem. Então, sim, é uma dádiva e um privilégio, pelo qual eu sou muito, muito grata!

Nem ficamos perdidos, chegamos sem erro, e apesar do calor e do tempo de estrada, foi lindo e divertido.
Meus irmãos foram com a gente, para o caso de marido precisar, e nem precisou.
Sou grata pela viagem divertida e cansativa, e proveitosa, pelas horas junto aos meus amados, pedaços do meu coração que bate fora do meu peito...

Olha eles! E o Tiete ao fundo, coisa mais linda!

Sou grata por tudo dar tão certo em minha vida, sou grata pela vida boa que tenho, sou grata porque tenho muito mais do que um dia achei que teria...
Chegamos num ponto da vida em que não temos dívida alguma, temos nossa casinha de 50 metros quadrados, nosso Uninho. Como eu disse, muito mais do que um dia achei que teria...

Então, minha gratidão dessa semana é dupla, ou tripla, ou quádrupla, ou sei lá quantas vezes mais eu teria que repetir, de tanta gratidão que é!
Não cabe no texto, não cabe nas palavras, não cabe em mim!
E eu me sinto grata, finalmente., por poder repartir contigo, querido leitor, essas coisas todas.
Essa Blogagem Coletiva tem sido uma coisa bem boa em minha vida, é um registro de tudo que esse ano tem sido.
E isso é também motivo de gratidão...

Venha participar com a gente da Blogagem Coletiva #52semanasdegratidão!
Clique aqui e saiba como é simples participar!


QUERO LER O POST COMPLETO

Marcadores do blog personalizados em formato de lista com efeito de transição

em 21/09/2017


Olá, querido leitor que também possui um blog!
A postagem de hoje é especial para você! Ela mostra como personalizar os marcadores de seu blog e deixa-los assim, em formato de lista colorida com lindo efeito hover de transição, semelhante ao que eu uso atualmente (2017) aqui no blog.
Veja ali na aba Categorias como fica, ou confira na demonstração abaixo:


Demonstração do tutorial


Vamos aprender?
Para começar você precisa ter inserido em seu blog o gadget Marcadores.
Faça assim: vá ao painel de seu blog e clique em Layout. A seguir clique em Adicionar um gadget e dentre as opções selecione Marcadores.
Configure para exibir em formato Lista, marque para mostrar a quantidade de posts por marcador e salve.
Arraste para onde deseja que fique e salve a alteração do Layout.
Agora clique em Tema e então clique em Editar HTML.
Dentro da caixa do código-fonte de seu blog tecle Ctrl+F e na barra de busca que expandir digite </head> e tecle Enter para localizar. ACIMA dessa tag de fechamento cole este código:


Copiar o código


Salve e tá pronto!
Todas as cores podem ser alteradas; basta trocar o código hexadecimal que aparece sempre precedido de #.
Aqui tem uma tabela de cores.

Viu que simples que é?
Aproveita que foi tão fácil e deixe seu comentário de incentivo!
Também agradeço se você puder curtir ou compartilhar esse tutorial em suas redes sociais.
Muito obrigadinha!!!
QUERO LER O POST COMPLETO

Box flutuante para curtir a fanpage (aparece ao sair do blog e não ao entrar!)

em 20/09/2017

Box flutuante para curtir a fanpage (aparece ao sair do blog e não ao entrar!)

Em 2016 eu ensinei aqui no blog como instalar um box flutuante que aparece ao sair do blog e não ao entrar.
Não sabe do que estou falando?
Veja:

Para ver o tutorial do box Assinar o feed clique sobre a imagem

No tutorial em questão eu prometi adaptar os códigos para exibir o box de curtir a fanpage, mas acabei esquecendo...
Até que um leitor do blog me perguntou se o tutorial havia sido feito, e por isso resolvi trazê-lo hoje.
Depois de pronto o resultado será este (claro que com a sua fanpage):


Demonstração do tutorial



Como instalar o Box de curtir a fanpage que aparece ao sair do blog e não ao entrar?


Para começar voce precisará do código da caixa de curtir a sua fanpage.
Vou deixar aqui o link que ensina como conseguir esse código, mas também vou deixar o código padrão na página com todos os códigos necessários, ok?
Então, para começar, acesse a página com os códigos necessários a execução do tutorial:

Copiar o código


Agora vá ao painel de seu blog e clique em Tema. A seguir clique em Editar HTML e dentro da caixa do código-fonte tecle Ctrl+F. Na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
ACIMA de ]]></b:skin> cole o CÓDIGO CSS.
Salve.

A seguir, na barra de busca, digite </head> e localize.
ACIMA de </head> cole o CÓDIGO JAVASCRIPT.

Pausa para informação importantíssima!
Caso seu blog use domínio próprio o arquivo javascript a ser usado é este:
<script src='http://yourjavascript.com/08011672710/ouibouncebyelainegaspareto.js'></script>
Mas caso seu blog não use domínio próprio o código javascript será este:
<script src='https://sites.google.com/site/codigoselainegaspareto/scripts/boxflutuantebyelainegaspareto.js'/>

Isso acontece por causa do sufixo http ou https.
Se for blog que começa com http (blogs com domínio, até a presente data) tem que usar o arquivo que começa com http.
Se for blog sem domínio, que começa com https, precisa usar o arquivo que começa com https.
Sim, foram horas até sacar isso...
Fim da pausa

Inseriu o código correto?
Salve.

Localize agora </body> e acima disso cole o CÓDIGO HTML.
Salve e verifique se está tudo ok.
O box deve surgir ao levar o mouse para fechar a página, mas precisa rolar a mesma um pouco antes de clicar para fechar.
Tudo ok?
Então vamos trocar a minha fanpage pela sua.

Como o Blogger não aceita códigos não-parseados em seu código-fonte precisamos então converter esse código.
Calma, é simples!
Acesse essa página aqui do meu blog:
Conversor de códigos.

No primeiro campo cole o código completo de sua caixinha Curtir e clique em Converter.
Copie o conteúdo do campo abaixo (Código convertido) e cole no local determinado no CÓDIGO HTML.
Salve.
E tá feito!


Dicas extras importantes


Abaixo deixo algumas respostas para perguntas que podem surgir.
Antes de ficar frustrado por não dar certo releia o tutorial, certifique-se de haver entendido tudo e de não haver esquecido nada, e leia as dicas abaixo.
Testei em vários modelos diferentes e em todos deu certo, então pode crer: dá certo, basta fazer certinho, com paciência e persistência...


1- No CÓDIGO CSS você altera coisas como cores e fontes.
Cores eu deixei as oficiais do Facebook mas se quiser trocar fique à vontade. Sempre altere os códigos hexadecimais precedidos de # para trocar as cores que estão no código pelas cores que deseja.

2- A fonte Muli pode ser trocada pela fonte que desejar, e nesse caso precisa alterar também o CÓDIGO JAVASCRIPT dela, ok?

3- Aliás, falando em javascript: eu hospedei os arquivos que fazem o tutorial funcionarem uma conta minha mas sugiro que você baixe o arquivo e hospede em seu próprio servidor, ok?
Para baixar pé só clicar sobre o link e ele abrirá, daí é só copiar, colar em um bloco de notas, salvar na extensão .js e hospedar em seu host.


4- A largura ideal da caixa de curtir, nesse caso, é de 530px, ok? Caso queira alterar larguras precisa entender o básico de CSS. Mas faça testes até chegar onde deseja; é assim que passo horas pra chegar no resultado que partilho aqui.

5- Caso seu blog tenha algum outro script que use JQuery para funcionar pode dar conflito e ambos se anularem. Aí não tem jeito, tem que escolher...

6- Para finalizar: gostou do tutorial e acredita que ele será útil para seus leitores? Então me ajude a divulga-lo. Eu  agradeço muito!
QUERO LER O POST COMPLETO

Quibe assado recheado com muçarela e requeijão

em 19/09/2017



Ingredientes do quibe:

250 gramas de trigo para quibe;
1 quilo de carne moída;
azeite à gosto;
sal à gosto (1 colher das de sopa, mais ou menos);
1 cebola grande ralada;
2 dentes de alho espremidos;
Hortelã se gostar (eu não uso, mas reza a lenda que quibe precisa de hortelã rsrsrs)
Cheiro verde picadinho;
2 tomates fatiados finamente;
azeitonas fatiadas;
200 gramas de queijo mussarela fatiado;
1 copo de requeijão cremoso;
manteiga ou margarina para besuntar;


Modo de fazer:

Comece colocando o trigo de molho: coloque em uma vasilha grande (ele incha!) e cubra com água fria.
Cubra a vasilha e deixe de molho por, no mínimo, 2 horas.
Eu deixo um pouco mais, mas nunca de um dia para o outro porque senão ele pode fermentar.
Quando estiver bem inchado escorra a água, coloque-o sobre uma peneira para realmente sair toda água.
Ao trigo escorrido junte a carne moída crua, o cheiro verde, a cebola ralada, o alho bem espremido, o cheiro verde finamente picado, o sal e umas 5 colheres (das de sopa) de azeite. Se for colocar  hortelã essa é a hora.
Misture tudo com as mãos até sentir a liga da massa. Prove o sal e ajuste se precisar.
Reserve.

Em uma assadeira untada com azeite distribua metade da massa do quibe.
Sobre ela espalhe fatias de muçarela, tomate fatiado e o requeijão.
Sobre o requeijão espalhe o restante da massa do quibe e pressione para acomodar bem.
Faça cortes na superfície da massa e sobre esses cortes espalhe pedacinhos de manteiga ou margarina. Isso fará seu quibe ficar bem macio e úmido.
Assim:


Cubre com papel alumínio e leve ao forno  (180º) por mais ou menos 30 minutos.
Aí varia de forno para forno, como eu sempre digo.
Nos minutos finais retire o papel alumínio para dourar.


E está pronto!
Pode servir com arroz branco e uma saladinha, ou sozinho. Fica bom de todo jeito!
Quer provar?



Se desejar imprimir a receita clique no botão abaixo:

Print Friendly and PDF
QUERO LER O POST COMPLETO


Visualizações

Contando...

Dias online
Postagens
comentários