Blog Quero Dicas


Como criar uma Postagem no Blogger | Passo a Passo

| | Nenhum comentário:


Depois de quatro anos sem criar um vídeo para vocês, trago este vídeo de Como criar uma Postagem no Blogger, que para muitos pode ser fácil, mais para outros não é.

Este vídeo foi criado com o intuito de ajudar as pessoas que não tem noção de como criar, lincar, customizar, programar, publicar, entre outras coisas em uma postagem no Blogger.

Sinceramente, espero que todos gostem e ajudem a todos!

Lembrando...

1. Toda semana será um vídeo novo no meu canal (pelo menos um)
2. Se inscrevam no canal, ativem o sininho para sempre receberem novos notificações.
3. Peço desculpas a todos. Tem muito tempo que não crio vídeos, portanto, existem algumas falhas neste.

Bejinhos

Links associados ao vídeo:
Continue lendo ››





Ganhos em risco. Pelo menos um dos seus sites não tem um arquivo ads.txt

| | 2 comentários:

Possível perda de ganhos: um ou mais sites não tem um arquivos ads.txt

Já alguns dias, está aparecendo, para algumas pessoas que utilizam Adsense em seus blog, a mensagem: Ganhos em risco: Pelo menos um dos seus sites não tem um arquivo ads.txt ou Possível perda de ganhos: um ou mais sites não tem um arquivos ads.txt.

Você também recebeu esta mensagem? Então, vem comigo.


Ganhos em risco no Adsense

Sabemos que o programa Google Adsense, como fonte de receita nos seus sites e blogs, foi claramente reduzida. Muitas youtubers também reclamaram dessa queda brusca em seus ganhos. Antigamente, conseguimos, pelo menos o valor minimo de $100,00 (cem dólares) por mês. Hoje, muita gente leva 3 meses para ganhar esse mesmo valor.

O Google nunca revelou exatamente qual é a percentagem a ser paga aos anunciantes e em diferentes momentos negou tal diminuição. Mais os fatos são fatos, e os ganhos realmente foram reduzidos bruscamente.

Embora, a redução seja real, acredito, que o Adsense continua sendo uma das plataformas mais confiáveis e de melhores ganhos. Mesmo depois do susto que nos deu ao ler a mensagem 'Ganhos em risco ou Possível perda de ganhos'.

• Segundo a ajuda do Google Adsense (clicando no botão "SAIBA MAIS"), essa mensagem é referente ao Authorized Digital Sellers (ou ads.txt) que é uma iniciativa do IAB, em parceria com a Google. Ela ajuda a garantir que seu inventário de anúncios digitais seja vendido apenas por vendedores (como o Google AdSense) que você identificou como autorizados. A criação de um arquivo ads.txt dá a você mais controle sobre quem tem permissão para vender anúncios no seu site. Isso também ajuda a evitar que um inventário falsificado seja apresentado aos anunciantes.
• O uso do ads.txt não é obrigatório, mas é altamente recomendado. Um arquivo ads.txt pode ajudar os compradores a identificar um inventário falsificado e ajudar você a receber mais valores gastos pelos anunciantes (que poderiam ter ido para esse inventário falsificado).

Como criar e colocar o arquivo ads.txt 

Agora que você já sabe para que serve o arquivo, vamos resolver a mensagem Possível perda de ganhos: pelo menos um dos seus sites não tem um arquivo ads.txt. Resumindo... Por não conter seu ID do editor do Google AdSense em seu blog. (Explico para a plataforma Blogger e Wordpress).


1. O primeiro passo é criar o arquivo .txt. Para isso copie o código nesta página: Arquivo ads.txt e cole em um bloco de notas. Deixe-o aberto, iremos precisar dele.

2. Agora precisamos do seu ID do Adsense, para isso:

Faça login na sua conta do Google AdSense.
• Clique em Conta.
• Na seção "Informações da conta", veja o campo "ID do editor".



3. Agora substitua pub-0000000000000000 (salvo no bloco de notas) pelo seu ID do editor que você encontrou no seu painel do Google Adsense.

Para a plataforma Wordpress, o procedimento é o mesmo, somente com a diferença de salvar o bloco de notas como ads.txt.

4. Agora que já tem o arquivo ads.txt (código) no seu computador e atualizado com seu ID do editor, é hora de implementar em seu blog.


Como implementar o arquivo ads.txt no Blogger

1. Faça login no Blogger.
2. Clique no blog em que você quer implementar o arquivo ads.txt.
3. Agora, clique em Configurações.
4. Em "Configurações", clique em Preferências de pesquisa.
5. Em "Monetização", encontre "Conteúdo personalizado do ads.txt" e clique em Editar.
6. Clique em Sim.
7. Copie todo o código Ads.txt (completo) dentro da caixa de texto.
8. Clique em Salvar configurações.



Pronto. Agora, basta aguardar a mensagem sair do seu painel do Google Adsense.
Lembrando, que se você tem anúncios do Adsense em mais de um blog ou site, é preciso fazer este processo em todos para a mensagem sumir.

Como implementar o arquivo ads.txt no Wordpress

1. O primeiro passo é criar o arquivo .txt. Para isso copie o código nesta página: Arquivo ads.txt e cole em um bloco de notas.

2. Substitua pub-0000000000000000 pelo seu ID do editor que você encontra no seu painel do Google Adsense. (Veja acima onde achar o ID)

3. Agora salve o aquivo com o nome ads

4. Agora que já tem o arquivo ads.txt em seu computador, você deverá subir para a raiz do domínio de seu blog.

Se não souber como colocar o arquivo na raiz do seu domínio, sugiro firmemente, que abra um chamado no seu serviço de hospedagem para ensinarem como você poderá fazer ou então eles mesmo implantarem o arquivo na raiz, já que muda de hospedagem para hospedagem esse processo.

Para ter certeza que está tudo correto em seu blog, digite na barra de navegação o endereço do seu blog + ads.txt. Exemplo: https://SEUDOMINIO/ads.txt

Se estiver tudo certo, basta aguardar a mensagem sair do seu painel do Google Adsense.
----------

Espero que eu tenha ajudado. Principalmente, porque a mensagem "Ganhos em risco: pelo menos um dos seus sites não tem um arquivo ads.txt. Corrija esse problema para evitar um grande impacto na sua receita.", é assustador! Afinal, já está pouco, se diminuir ainda mais, não ganhamos nada, não é mesmo?. =D

Beijinhos
Continue lendo ››





Menu responsivo com caixa de pesquisa

| | Nenhum comentário:


Como informei no post anterior, menu multinível responsivo para blog, neste início de mês de Junho irei disponibilizar alguns menus responsivos para vocês. Portanto, eu fiz mais este post com um menu responsivo simples e com caixa de busca ao lado para vocês.

Este modelo não é multinível, portanto, não há sub menus. Estou disponibilizando este menu simples responsivo pois muitos não utilizam sub categorias em seus blogs.

Eu o construí com base em menus responsivos, HTML e CSS e, infelizmente, eu não tenho ele para demostração ao vivo, pois não utilizo mais blogs de teste abertos em meus tutoriais. Mas o menu é o mesmo que está na  imagem de chamada deste post, lá em cima ↑.

Se deram pra notar, ao lado esquerdo ao passar o mouse, há um efeito em cada categoria e ao lado direito há a caixa de pesquisa.

Gostou? Vamos aprender a instalá-lo. É muito fácil!
Sempre recomendo: Faça um backup do seu template ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, de preferências a um blog de teste! Não saiba fazer Backup? Não tem problema, acesse: Como fazer um Backup ou restauração do seu blog.
1. Agora que você já fez o backup ou preferiu instalá-lo em um blog de teste, Acesse ao blog de códigos e scripts do Quero Dicas. Deixe-o aberto.


2. Agora acesse o painel do blog que deseja instalar o menu e depois clique me Tema  e Editar HTML.

3. Clique em qualquer lugar dentro da área de código e pressione CTRL + F para para abrir a caixa de busca.

4. Ao abrir a caixa, cole e procure pelo código:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Assim que o encontrar, logo ABAIXO dele, cole o Código 1.

Dica: Abra um espaço para colar o código copiado, dessa forma você poderá fazer alterações sem maiores problemas.

Agora edite os links em azul e os nomes do seu menu em negrito.

• Caso você tenha alguma dificuldade para alterar os nomes e os links do menu, veja essa postagem: Como colocar marcadores no menu do Blog


5. Agora procure por ]]></b:skin> e logo ACIMA dele cole o Código 2.

• Para alterar as cores do menu, mude somente o local que eu destaquei em vermelho ao lado de cada item.

Tabela de cores aqui

6. Agora pesquise por </head> e ACIMA dele, cole o Código 3

7. Agora salve e prontinho! Seu menu responsivo com caixa de pesquisa está instalado e finalizado.

Fácil não é?
Espero que tenham gostado. Qualquer dúvida deixe seus comentários.
Claro, mesmo que tenha ficado tudo esclarecido, também comente! Adoro conhecer vocês =D

Beijinhos
Continue lendo ››





Menu multinível responsivo para blog

| | Nenhum comentário:

Menu multinível responsivo para blogger

Desculpem pela demora de postagem, mas acabei me aborrecendo com a operadora Oi do Rio de Janeiro, por estar sempre caindo o sinal da internet ou pior, sempre ficar 2 a 3 dias sem nada de sinal. Quem mora aqui no Rio sabe muito bem do que estou falando. Por fim, encerrei o meu martilho e contratei outra operadora, vamos ver se agora vai. =/

Há muito tempo, algumas pessoas sempre perguntam se conheço ou se tem modelos de menus responsivos publicados aqui no Quero Dicas. Busquei em minhas postagens e percebi que, infelizmente, tenho somente uma postagem de menu responsivo compartilhado com vocês do antigo blog Prodeveloper.

Devido a essa falta de atenção, nessas duas semana iniciais de Junho, publicarei alguns modelos para vocês. Vamos ao primeiro.

Este modelo foi retirado site Codepen, um dos melhores sites para criar, compartilhar e aprender Javascript, CSS e HTML. Claro, fiz pequenas modificações para se adaptar ao blogger para facilitar a nossa vida. Veja o modelo aqui: Responsive Flat Horizontal Menu

Vamos lá adicionar este modelo ao seu template?

ANTES de começarmos....
Eu sempre recomendo fazer um backup do seu template, ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências a blogs de teste! Não sabe fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.

1. Agora que você já fez o backup ou preferiu instalá-lo em um blog de teste, Acesse ao blog de códigos e scripts do Quero Dicas. Deixe-o aberto.


2. Agora, vá no Painel de controle do blog que deseja instalar o menu e clique em Tema e depois em Editar HTML

3. Agora, clique dentro do HTML e em seguida tecle CTRL + F  para abrir a caixa de busca.

4. Procure por </head>. Assim que o encontrar cole o primeiro código logo ACIMA dele.

5. Agora procure por ]]></b:skin> e logo ACIMA dele cole o segundo código.

Atenção!
• Este menu está fixo, portanto, ele rola de acordo com a navegação do usuário.
• Para alterar as cores do menu original, mude somente o local que eu destaquei ao lado de cada item.

6. Para finalizar, agora procure por  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> e LOGO ABAIXO DELE, cole o terceiro código e salve.

Dica: Abra um espaço para colar o código copiado, dessa forma você poderá fazer alterações sem maiores problemas.

Pronto! Seu menu está visível e prontinho para adicionar nomes que deseja e seus respectivos links.


-- COMO EDITAR O MENU - Nomes e links -- 

• Caso você tenha alguma dificuldade para alterar os nomes e os links do menu, veja essa postagem:
Como colocar marcadores no menu do Blog

• Caso ainda tenha dificuldade na hora de adicionar os nomes e links devido a esse código, vou explicar melhor:

Note a primeira aba do menu:

<li><a class='homer' href='#'><i class='fa fa-home'/> HOME</a></li>

será onde você deve colocar o link

HOME é o nome que aparece na aba, resumindo o primeiro nome que aparece no menu. Você pode alterá-lo se quiser.

Já o destaque <i class='fa fa-home'/> é o ícone que aparece o lado do nome dessa aba. (Veremos mais a frente.)

2º exemplo:

<li><a href='#'><i class='fa fa-user'/> ABOUT</a>
 <ul class='sub-menu'>
   <li><a href='#'>Sub-Menu 1</a></li>
   <li><a href='#'>Sub-Menu 2</a></li>
   <li><a href='#'>Sub-Menu 3</a></li>
   <li><a href='#'>Sub-Menu 4</a></li>
   <li><a href='#'>Sub-Menu 5</a></li>
   </ul>
 </li>

O mesmo acontece neste segundo exemplo.

será onde você deve colocar o link

ABOUT é o nome que aparece na aba e <i class='fa fa-user'/>  é o ícone que aparece o lado do nome dessa aba. 

A única diferença neste caso é que no sub-menu, não há ícones. O mesmo se estende para os Sub Sub-Menu.

Entendeu? Espero que sim. =)


• Neste modelo a aba Home está com o background "ativado" ou fixo, se preferir. Caso você não queira desse jeito, basta trocar no CSS, desse jeito:

a.homer {
background: #9ca3da;

por 

a.homer {
background: transparent;




-- COMO EDITAR O MENU - Ícones --

• Para altera os ícones você deve acessar esse link: https://fontawesome.com/v4.7.0/icons/. Nesse site você encontrará diversos ícones que podem substituídos pelo que esta no menu.

Neste caso, escolha o ícone que desejar no site. depois clique sobre ele e em seguida uma página ira abrir. Logo você verá um código azul, copie ele e substitua pelo ícone do menu que deseja. Exemplo:

Você vai alterar 

<li><a href='#'><i class='fa fa-sitemap'/> SITEMAP</a></li>

por 

<li><a href='Seu link'><i class='fa fa-desktop'/> BLOG</a></li>

Entendeu? 

Você deve alterar pelo nome da fonte existente no site. NÃO ADIANTA colocar um nome inventado para aparecer um ícone "dele" e sim um nome verdadeiro que existe lá, por exemplo: Não adianta colocar fa fa-picole, pois não irá aparecer o ícone de picolé no lugar. ok?


--- ABA MULTINÍVEL ---


Para adicionar uma aba multinível (Sub menu e Sub Sub Menus), basta apagar a aba simples e adicionar uma copia de aba multinível no lugar.

Caso queira menos abas, basta exclui-las.

------------

Espero que tenham gostado. Qualquer dúvida deixe seus comentários. 
Claro, mesmo que tenha ficado tudo esclarecido, também comente! Adoro falar com vocês =D

Beijinhos
Continue lendo ››





Como corrigir os dados estruturados no Blogger (BlogPosting)

| | Nenhum comentário:

Como corrigir os dados estruturados do BlogPosting

Muitos já sabem que ter um blog, não é somente criar uma imagem, escrever um artigo, programar a data de publicação e pronto. Na realidade, precisamos fazer diversas e diferentes coisas para termos um posicionamento melhor no buscador do Google e, consequentemente, trazer tráfego.

Claro, precisamos criar um bom artigo, otimizar e redimensionar nossas imagens e escolher o melhor formato para a publicação. Entretanto, é necessário utilizar algumas ferramentas disponíveis gratuitamente pelo próprio Google, tais como: AnalyticsWebmaster e realizar algumas configurações.

Na ferramenta Analytics do Google não há muitos mistérios a serem explicados e concluídos. Porém, no Google Webmaster, existe alguns itens bem assustadores para quem não entende muito sobre o assunto, por exemplo, os dados estruturados.

Logo no inicio, eu quebrei bastante a cabeça com esses dados. Tentei mais de 5 vezes e sempre dava algum tipo e erro no BlogPosting. Sempre! Claro, pesquisei nos fóruns do Blogger, em inglês e português, mais, infelizmente, nunca tive uma soluções prática para este feito. Pensando nisso, eu acabei criando este post.

Você pode acessar eles aqui: fórum do Blogger em inglês e português. Nesses fóruns você poderá conhecer e obter muitas soluções para diferentes problemas, que nem mesmo sabemos, conhecemos ou não fazemos a perguntar correta em nossas buscas. Caso você tenha mais problemas, além dos que eu já ensinei como resolver aqui no blog, quem sabe você encontre a solução lá. Fica a dica!

Dados dados estruturados no Blogger

Quem já se deparou com este item e acessou a ferramenta de dados estruturados do Google, provavelmente, já viu alguns erros, principalmente, no item BlogPosting.
Nunca acessou? Faça um teste agora e veja. Bata adicionar a url do seu blog, clicar em Realizar Teste e aguarde pelo resultado.
Em minhas inúmeras pesquisar, eu achei alguns códigos que resolveram todos os meus problemas. Vamos a eles:


EuFórico

No blog EuFórico, além de ajudar a corrigir todos os erros de dados estruturados, o administrador do blog é super atencioso para tirar dúvidas e questionamentos sobre o assunto. Para seguir este tutorial visite a página; Como corrigir todos os erros de dados estruturados. Além dessa correção há também a correção datePublished.

Quora

Este também é um ótimo tutorial para quem deseja corrigir este problema. Infelizmente, o site é todo em inglês. Caso, você utilize o navegador Chrome, basta solicitar a tradução. Para acessar a página, visite; How can I add structured data in Blogger? No Quora também há outras postagem bem legais. Todos para o Blogger.

Neilpatel

No blog há uma boa explicação sobre o que é, e como fazer. Logo na inicial da postagem, ele mostra o que você precisa saber e o que não precisa, os termos usados, as diretrizes, etc. No meio da postagem ele mostra quais são os plugins para Wordpress e como utilizá-los. E ao final do artigo, ele faz um tutorial completo de Como Utilizar os Dados Estruturados da Ferramenta do Google. É muito legal. Acesse: Neilpatel


Agora que você conheceu alguns dos blogs que eu utilizei para montar meus dados estruturados, o que achou? Há... Você quer saber como eu fiz o meu e seguir um tutorial? Ok, vamos a ele:


Corrigir os dados estruturados no Blogger 


• Primeiro, acesse o blog de Códigos e Scripts


• Depois faça um backup do seu template. | Não sabe fazer um Backup? Acesse: Como fazer um Backup ou restauração do template do seu blog

• Depois siga...


1º. Dentro do HTML, procure pelo código 1
• Substitua todo o código encontrado pelo código 1.2.

2º. Agora localize o código 2.
• Substitua pelo código 2.1

3º Agora procure por </head>
• Logo abaixo dele cole o código código 3.1

4º Salve.

Agora vá em configurações, depois em Idioma e Formatação e corrija a data e hora do seu blog, exemplo:

Como corrigir os dados estruturados do BlogPosting

Salve e faça o teste novamente na ferramenta de dados estruturados do Google. Se seguiu direitinho, deu tudo certo com vocês também. 

Espero ter ajudado e que tenha sido útil para todos. Não esqueça de deixar seus comentários.
Beijinhos

 O meu ficou assim e o seu? Compartilhe!

Continue lendo ››





VINGADORES ULTIMATO (sem spoilers)

| | Um comentário:

VINGADORES: ULTIMATO sem spoilers

Vingadores Ultimato teve sua estreia em 25/04. Mas antes, uma curiosidade: No fim dos anos 90 a Marvel criou um universo paralelo para seus personagens. Este foi chamado de Ultimate. A proposta era ter mais violência, temas mais sérios, personagens com mais conflitos e temática mais próxima da realidade. Assim, os uniformes ficaram menos coloridos, vários personagens tiveram seus perfis alterados e a narrativa ficou mais complexa.

Um personagem em especial mudou bastante. Nick Fury teve sua etnia alterada. Agora ele seria negro. Com a fisionomia de Samuel L. Jackson (sem permissão). Quando Samuel viu o resultado nas bancas teria procurado a Marvel através de sua agente dizendo que se um dia eles decidissem fazer um filme baseado na hq, o papel teria de ser dele. É o que conta o próprio Samuel.

Quase dez anos depois estreava Homem de Ferro. O ano era 2008 e ao fim do filme temos a participação de Samuel L. Jackson como Nick Fury.

Com Homem de Ferro se iniciou o maior projeto cinematográfico da história. Hulk, Capitão América e Thor; cada um com seus próprios filmes, mas todos coexistindo no mesmo universo compartilhado.

Assim como nos quadrinhos, foi estabelecida uma narrativa em um grande arco preenchido com narrativas em arcos menores. Mais personagens foram sendo apresentados. Os Guardiões da Galáxia apresentaram a parte cósmica desse universo, em Pantera Negra fomos conhecemos Wakanda. Homem Formiga pareceu um herói com menor importância, mas essa se provaria uma aposta
completamente equivocada. Até o homem aranha, que pertence à Sony, foi adicionado como um presente para os fans.

Diversos diretores e roteiristas trabalhando com dezenas de personagens. Ainda assim, O controle de Kevin Feige e seu grupo de criação permitiram que depois de, inacreditáveis, vinte e um filmes todos esses personagens pudessem ser reunidos em um único filme para a grande conclusão do arco principal.

Vingadores ultimato tem três horas de duração. Portanto, esteja preparado. Levantar-se para ir ao banheiro antes do fim vai custar caro.

O primeiro ato do filme consome a primeira meia hora mais ou menos e nos mostra como ficou o mundo e os heróis sobreviventes após o estalar de dedos do vilão Thanos em Vingadores Guerra Infinita.

O segundo ato que dura em torno de uma hora e meia desenvolve a formulação do plano dos heróis.

A conclusão dura a última hora do filme. Isso mesmo. Uma hora de terceiro ato.

O trabalho de roteiro está impecável. Todas as pontas soltas dos filmes anteriores são amarradas. Cada um dos personagens tem seu arco finalizado e o tempo de tela é muito bem dividido. Fotografia e efeitos visuais não precisam de comentários. Os atores já estão com esses personagens há anos. Logo, todos entregam muito bem as emoções que o roteiro pede. Trilha sonora bem colocada exaltando os grandes momentos.

Agora falando de grandes momentos: quando eu tinha meus 14 ou 15 anos, três décadas atrás, lembro-me de ler certas passagens desses heróis em suas revistas e sempre pensava comigo mesmo que seria incrível ver aquilo no cinema... mas, nunca aconteceria...

Pois aconteceu e foi ontem dia 26/04/2019. Eu ri, chorei, fiquei nervoso, fiquei triste, fiquei feliz.

Esteja preparado ou não, o terceiro ato do filme vai te provar que é possível ficar uma hora sendo arrebatado por uma cena épica depois da outra. A catarse é sublime. Foi a maior experiência em uma sala de cinema que eu jamais vivenciei até hoje. O melhor filme de herói já feito. Se você acha que Guerra Infinita foi um soco no estômago. Esteja pronto para um chute no queixo.

Vingadores Ultimato é um divisor de águas para o cinema. Certamente vai bater todos os recordes de bilheteria e dificilmente será superado tão cedo.

Procure a melhor sala possível com a maior tela e o melhor som.

Não se esqueça de ir ao banheiro antes e não compre nenhuma bebida ou vai se arrepender.

Vingadores Ultimato é o filme do ano.

Autor: Alex Arruda Mendes.
Continue lendo ››





subir