6 de fevereiro de 2024

As melhores charadas da internet!

Aqui no nosso site você já viu as melhores piadas curtas da internet, mas tem outro tipo de humor que diverte as pessoas online, as famosas charadas. Então confira algumas das melhores que nós encontramos por aí e se divirta conosco mais uma vez.

Foto de Simone Secci na Unsplash

"Por que o Batman colocou o Batmóvel no seguro?
Porque ele tem medo que Robin ele!"

"O que o pato disse para a pata?
Vem Quá!"

"Qual é a fórmula da água benta?
H Deus O!"

"Qual é a cidade brasileira que não tem táxi?
Uberlândia."

"Por que o jacaré tirou o filho da escola?
Porque ele réptil de ano."

"Qual é o alimento mais sagrado que existe?
O amém doím."

"Por que o rádio não pode ter filhos?
Porque ele é estéreo."

"Por que o policial não usa sabão?
Porque ele prefere deter gente."

"Por que a planta não responde?
Porque ela é mudinha."

"O que é um astrólogo andando a cavalo?
Um Cavaleiro do Zodíaco."

"O que um cromossomo falou para o outro?
Cromossomos bonitos!"

"O que é um pontinho preto no avião?
Uma aeromosca."

"Como que o mineiro usa a internet?
Pelo UAI-fai"

5 de fevereiro de 2024

As melhores piadas curtas da internet!

Piadas podem ser muito divertidas, mas ás vezes você quer uma piada curta e fácil de lembrar, por isso decidimos separar algumas das melhores da internet nessa matéria aqui. Confira e se entretenha conosco mais uma vez! E se quiser ver as melhores charadas da internet, clique aqui agora mesmo!

Foto de Dan Cook na Unsplash


"No zoológico, um canguru vivia fugindo do seu cercado. Os tratadores sabiam que ele pulava alto então eles construíram uma cerca de 3 metros de altura. Não adiantou, porque o canguru sempre fugia. Então, ergueram uma cerca de 6 metros. E ele saiu de novo.
Quando a cerca já estava com 12 metros, o animal do cercado vizinho perguntou ao canguru:
- Até que altura você acha que eles vão?
O canguru respondeu:
- Mais de 300, a menos que alguém tranque o portão à noite."


"O diretor da empresa pergunta ao novo funcionário:
- O contador já disse qual é a sua tarefa?
- Sim. Acordá-lo quando eu perceber que o senhor está vindo."


"O condenado à morte esperava a hora da execução, quando chegou o padre:
- Meu filho, vim trazer a palavra de Deus para você.
- Perda de tempo, seu padre. Daqui a pouco vou falar com Ele pessoalmente. Algum recado?"


"No velório, o padre enche o falecido de elogios:
- Que Deus receba de braços abertos esse homem, que era um bom marido, um excelente pai e um cidadão de bem.
Após ouvir as palavras, a viúva pede para a filha:
- Maria, confirma ali se é o seu pai mesmo no caixão..."


"- Você conhece a piada do fotógrafo?
- Não.
- É porque ainda não foi revelada."

1 de fevereiro de 2024

Estamos em manutenção

O nosso querido blog entrou mais uma vez em modo de manutenção. Agradecemos a sua paciência, que tal dar uma visitada em nossos parceiros enquanto isso?

Ah Negão!
Vagando na Net
Piadas Idiotas - São idiotas mas o faz rir Blog Viiish
Portal dos Mitos - O melhor dos mitos e lendas mundiais Blog Sequelanet

29 de janeiro de 2024

Dicas para Blogger 38 - Como fazer seu próprio meme?

Se você está na internet agora, lendo essa matéria, você com certeza já deve ter visto um meme por aí, eles são imagens muito compartilhadas, normalmente de teor humorístico, e que podem vir em vários formatos. Mas se você não quiser apenas copiar um meme, como você pode criar o seu?

Como fazer o seu próprio meme?


Como eu disse antes memes podem vir em vários formatos, então o jeito mais fácil de se fazer um é usando um site gratuito de templates, como por exemplo o imgflip.com, que honestamente é um dos mais fáceis de ser usado, mas você pode fazer eles em qualquer lugar, como no Photoshop ou no Paint.
Depois de acessar o imgflip basta você escolher o meme que deseja, depois escrever o que quiser no "Text #1" e "Text #2". Você pode até mudar as cores na caixinha ao lado. Depois é só clicar em "Generate" e escolher como compartilhar e salvar seu meme. Você pode compartilhar ele em aplicativos sociais ou por meio de seu telefone, compartilhar um link ou fazer download para seu dispositivo. Você ainda pode compartilhar seu novo meme com uma das muitas comunidades do Imgflip, mas já avisamos que elas são em sua maioria estrangeiras.

Por que criar seu próprio meme?

Existem alguns motivos diferentes:
- Criar memes novos pode atrair novos leitores ao seu site, já que eles só vão poder ver esses memes no seu site, pelo menos até alguém compartilhar eles em outro lugar, o que nós leva a outro ponto.
- Usar memes de outras pessoas pode ser problemático, já que eles podem mandar você retirar o conteúdo com um DMCA Takedown (remoção de conteúdo de um website a pedido do proprietário do material ou do detentor dos direitos de exibição).
- Memes são uma boa forma de marketing, quando as pessoas compartilharem seu meme novos leitores podem se interessar em seu conteúdo mesmo que ele tenha sido postado em outro site.

Obrigado pelo seu tempo, se quiser pode visitar nossa série de dicas para mais coisas que podem lhe ajudar no futuro, basta clicar aqui agora mesmo!

27 de novembro de 2023

Dicas para Blogger 37 - Como colocar posts aleatórios no seu site

Um dos meios mais comuns de manter as pessoas interessadas no seu site por mais tempo do que o normal é colocando um Gadget que mostra mais matérias para eles clicarem, hoje nós vamos te ensinar a colocar um Gadget que mostra posts aleatórios do seu site.

Mas por que usar esse Gadget de posts aleatórios?

O principal motivo para usar um desses gadgets (além de fazer seus fãs passarem mais tempo no seu site) é que eles não precisam dos Labels para funcionar.
Labels, também chamados de Tags, Categorias ou Marcadores são o meio do Blogger de juntar os seus posts em seções diferentes, como "Curiosidades", "Cinema", "Gifs", "Tecnologia", etc. O problema é que muitos Gadgets de posts relacionados usam esses Labels para mostrar mais posts, só que várias versões do Blogger, principalmente as Mobile, ou seja, para celular, não tem esses Labels, por isso os posts relacionados simplesmente não funcionam nelas, mas os posts aleatórios funcionam.

Como instalar o Gadget de posts aleatórios?

Instalar eles não podia ser mais simples, vamos lá! Primeiro acesse seu painel do Blogger, depois clique no lado esquerdo em "Layout", depois em "Adicionar um Gadget", na hora de escolher o Gadget escolha o "HTML/Javascript". Agora é só você escolher um dos códigos abaixo, copiar e colar ele. É super fácil, vamos ver os códigos.

14 de outubro de 2023

Dicas para Blogger 12 - Como programar seus posts?

Como programar seus posts?


Programar seus posts é uma maneira fácil de agilizar seu processo na hora de atualizar o blog. Embora seja um recurso simples muita gente ainda se confunde com o que fazer, então aqui vai um passo-a-passo de como postar seu conteúdo automaticamente.

1° Escreva seu post normalmente e quando estiver satisfeito com o conteúdo clique em "Salvar".

2° Clique em "Configurações de postagem" no canto direito da tela (em laranja).

3° Selecione a opção "Programar" com o símbolo de um relógio. Agora clique em "Definir data e hora".

4° Escolha quando que você quer que seu conteúdo seja postado, você pode definir o dia e a hora. Quando terminar clique em "Concluído".

5° Agora clique em "Publicar" e pronto, seu post está programado. O post não vai realmente ser publicado até que chegue o dia e horário que você escolheu, se você olhar na seção de "Postagens" você pode ver que o post foi salvo como "Programada" e não "Rascunho", agora é só esperar e seu site vai fazer todo o resto.

Update: O Blogger mudou o seu design, por isso temos de atualizar essas dicas, se você estiver usando a versão nova do Blogger e quiser programar os seus posts, siga esse passo-a-passo a seguir:

1° Escreva seu post normalmente e quando estiver satisfeito com o conteúdo clique na flecha ao lado de "Visualizar" e depois em "Salvar".

2° Clique em "Publicado em" no canto direito da tela.

3° Agora clique em "Definir data e hora" e escolha a data e o horário que você quer que a sua publicação seja postada.

4° Clique em "Publicar" (em laranja) no lado direito da tela. Pronto, seu post será postado na data e horário que você definiu.

Curtiu as dicas? Então não deixe de curtir nossa página no Facebook clicando aqui.

25 de setembro de 2023

Dicas para Blogger 36 - Botões de compartilhamento na versão Mobile

A versão Mobile (para celulares e certos tablets) do Blogger não é perfeita, ela deixa muito a desejar em várias áreas, tanto é que nós já demos outras dicas sobre como customizar ela em nossa série de dicas para blogueiros, mas hoje nós vamos te ensinar de uma maneira fácil, direta e o mais importante, gratuita, como colocar botões de compartilhamento na versão de celular do seu blog. Mas antes disso tem algo que você tem de saber.
O Blogger normalmente já vem com botões de compartilhamento na versão para celular, só que eles são bem apagados e não incluem o WhatsApp e nem o Telegram, que são duas das ferramentas de compartilhamento mais usadas quando falamos de celulares. Os botões originais são iguais a esse aqui (mostrando também o que aparece quando você clica nele):

Então se você quiser substituir esse botão Compartilhar por uma versão mais completa e chamativa, é só seguir esse passo-a-passo:

Como colocar botões de compartilhamento na versão Mobile do seu Blogger


Primeiro você vai entrar no seu painel do Blogger e clicar em "Tema", depois você vai clicar na flecha ao lado de "Personalizar" e depois em "Editar HTML".


Depois disso você vai procurar a linha de código <b:section-contents id='sidebar-right-1'>, ou a linha de código de qualquer uma de suas sidebars (sidebar-right-2-1, sidebar-right-2-2, sidebar-right-3, etc.) e logo abaixo dessa linha você vai copiar e colar esse código aqui, de propriedade do site de compartilhamento AddToAny e que foi modificado por nós para incluir os botões do Telegram e do WhatsApp.

 <b:widget id='HTML3' locked='false' mobile='only' title='AddToAny' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;!-- BEGIN AddToAny for Blogger --&gt;
&lt;script type=&quot;text/template&quot; class=&quot;blogger_addtoany_html&quot;&gt;
&lt;div class=&quot;a2a_kit a2a_kit_size_32 a2a_default_style&quot;&gt;
    &lt;a class=&quot;a2a_button_facebook&quot;&gt;&lt;/a&gt;
    &lt;a class=&quot;a2a_button_whatsapp&quot;&gt;&lt;/a&gt;
    &lt;a class=&quot;a2a_button_telegram&quot;&gt;&lt;/a&gt;
    &lt;a class=&quot;a2a_button_twitter&quot;&gt;&lt;/a&gt;
    &lt;a class=&quot;a2a_button_pinterest&quot;&gt;&lt;/a&gt;
    &lt;a class=&quot;a2a_dd&quot; href=&quot;https://www.addtoany.com/share&quot;&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;/script&gt;
&lt;script async src=&quot;https://static.addtoany.com/js/blogger.js&quot;&gt;&lt;/script&gt;
&lt;!-- END AddToAny for Blogger --&gt;</b:widget-setting>

E pronto, é só isso. Se quiser trocar a ordem dos botões basta trocar a ordem deles no código, por exemplo, se quiser que o WhatsApp venha antes do Facebook substitua a linha:

&lt;a class=&quot;a2a_button_facebook&quot;&gt;&lt;/a&gt;
&lt;a class=&quot;a2a_button_whatsapp&quot;&gt;&lt;/a&gt;

Por:

&lt;a class=&quot;a2a_button_whatsapp&quot;&gt;&lt;/a&gt;
&lt;a class=&quot;a2a_button_facebook&quot;&gt;&lt;/a&gt;

Agora basta conferir se o código foi colocado no seu "Layout", ele deve estar sob o nome de "AddToAny" como um Gadget HTML/JavaScript. Mas você pode sempre mudar sua localização e deletar/mudar o seu nome se preferir.

Se tudo estiver certo basta você conferir a versão mobile do seu site e ver os seus novos botões de compartilhamento. Mas é sempre bom lembrar que dependendo do quanto você já mudou o seu código original esse passo-a-passo pode não funcionar para você.

Segundo método

Se esse passo-a-passo não funcionou para você, tem um outro jeito que você pode tentar. Primeiro vá para o site www.addtoany.com/buttons/, depois clique em Blogger, depois clique no botão escrito "Install Blogger Widget", na próxima tela clique em "Adicionar Widget".
Isso irá fazer com que o site adicione o código no seu Blogger automaticamente, mas como já mencionamos o código deles está incompleto, então agora você deve encontrar o código deles no seu HTML (procure por "AddToAny" e você vai encontrá-lo), e substituir ele pelo código que nós te ensinamos acima, depois é só salvar.

Ah, e se você quiser novos botões de compartilhamento para a versão normal (para computadores) do seu site, basta seguir esse passo-a-passo aqui. Ou, se quiser usar os mesmos botões da versão mobile na versão desktop, basta trocar a linha de código

<b:widget id='HTML3' locked='false' mobile='only' title='AddToAny' type='HTML'>

Por:

<b:widget id='HTML3' locked='false' mobile='yes' title='AddToAny' type='HTML'>

Obrigado pelo seu tempo e até a próxima! Qualquer dúvida basta deixar um comentário ou nos enviar um e-mail. E, claro, não deixe de visitar nossa página oficial para ler mais coisas interessantes.

1 de setembro de 2023

Confira algumas músicas que são "cópias" de outras músicas #5

No mundo da música vale de tudo, até utilizar o que já foi utilizado antes, e não estamos falando apenas de plágio, que é quando um artista usa a música de outros sem a permissão deles, mas também de samples, que é quando artistas usam partes da música de outros artistas de maneira completamente legalizada.

Foto de blocks na Unsplash

Nessa série você vai ver exemplos interessantes de ambos os casos. Confira e se entretenha conosco mais uma vez!


"Toxic" foi um dos maiores sucessos da carreira de Britney Spears, e mesmo assim muitos de seus fãs nem sabem de onde a música realmente veio, e olha que ela veio de um lugar muito inesperado, Bollywood!
A música clássica da cantora usou samples da canção indiana "Tere Mere Beech Mein" cantada por Lata Mangeshkar e SP Balasubramaniam. A faixa de amor foi originalmente usada no filme "Ek Duuje Ke Liye (1981)", estrelado por Kamal Haasan e Rati Agnihotri.
A música na verdade foi escrita para a cantora Janet Jackson, mas foi inicialmente oferecida a também cantora Kylie Minogue, que recusou a música, que foi então finalmente dada para Spears gravar.


"Power", da dupla Kanye West e Dwele, é uma das músicas mais icônicas da carreira do rapper, mas ela não era lá muito original, a canção na verdade foi feita usando samples de 4 outras músicas, mas a mais notável delas é com certeza "Afromerica" do grupo musical Continent Number 6.
A música foi produzida principalmente por Kanye e inicialmente deveria ser dada ao rapper Rhymefest, até que Kanye ouviu a música e quis usar a batida ele mesmo.


George Harrison, o ex-Beatle, se meteu em uma grande confusão musical quando sua nova música "My Sweet Lord" foi acusada de soar um pouco parecida demais com a canção "He’s So Fine", do grupo pop feminino The Chiffons. Harrison foi então acusado de violação de direitos autorais e teve que pagar US$ 587 mil por seu erro. Mas as garotas do Chiffons parecem ter levado tudo com bom humor, elas até mesmo gravaram um cover da música de Harrison.

7 de julho de 2023

Dicas para Blogger 35 - Como arrumar a data na versão mobile do site

A versão mobile (celular/tablet) do Blogger ainda está longe de ser perfeita, sempre que você passa um design da versão desktop (computador) para uma tela menor erros irão acontecer, e um dos mais comuns é a data de um post acabar ficando sobreposta sobre o título ou o menu do seu site, mas agora vamos te ensinar a resolver esse problema de maneira rápida e fácil.

Como retirar a data em todas as versões do site


Primeiro, se você quiser apenas retirar a data do seu site (tanto no computador quanto no celular), basta entrar na sua conta do Blogger, clicar em "Layout", depois em "Editar" na seção "Postagens no blog" e desativar a opção "Mostrar cabeçalho com data". Pronto, seu site não irá mais exibir a data em nenhuma versão.


Como arrumar a data na versão mobile do seu site


Primeiro entre na sua conta do Blogger, depois clique em "Tema", depois na flecha ao lado de "Personalizar", aí no novo menu você clica em "Editar HTML":


Agora no seu código você vai procurar a parte:

.mobile .main-inner {
  padding: 0;
}

E vai substituir ela por:

.mobile .main-inner {
  padding-top: 1px;
}

O novo código irá fazer você mudar o tamanho apenas da parte onde a data fica escrita, que é o topo ("top") da página, sem mexer nos outros lados da postagem, basta trocar o número 1 para um número que te agrade e que fique bom no seu site.
Depois disso você tem de achar o código:

.mobile .main-inner .widget h2.date-header {
  $(date.side): 0;
}

E você vai substituir o 0 por um outro número de sua escolha, usando px no final. Por exemplo:

.mobile .main-inner .widget h2.date-header {
  $(date.side): 90px;
}

Assim você irá "empurrar" a data pra frente, já que ela costuma ficar fora das bordas do site ás vezes.

E é isso, o problema deve ter sido resolvido. Se a dica funcionou pra você por favor deixe um comentário e compartilhe o post, e claro, leia as outras partes dessa série de tutoriais e curta nossa página oficial. Obrigado e até a próxima.

26 de junho de 2023

Dicas para Blogger 34 - Como remover o espaço em branco na versão mobile

A versão Mobile (para celulares e certos tablets) de seu site ainda é difícil de ser customizada, por isso hoje vamos mostrar mais um tutorial para quem precisa de ajuda, hoje vamos mostrar como retirar os espaços em branco que normalmente ficam entre o título, as imagens e as palavras de sua matéria:


Como remover TODOS os espaços em branco na versão mobile de uma só vez


Esses espaços em branco normalmente acontecem devido a formatação de sua matéria, mas eles normalmente só ficam visíveis na versão mobile do seu site, o que irrita muitos blogueiros por aí, o lado bom é que vamos te ensinar a resolver todos os espaços de uma só vez.
Primeiro entre na sua conta do Blogger, 
depois clique em "Tema" no lado esquerdo, depois em "Personalizar".

Agora no novo menu você vai clicar em "Avançado", e na flecha ao lado de "Página", nesse novo menu você vai descer até o fim e escolher a opção "Adicionar CSS":

Nesse novo campo você vai colar o seguinte código:

.mobile .post-body a[style*='margin'] {margin-left: auto !important; margin-right: auto !important;}

Esse código vai eliminar os espaços em branco do seu site, mas apenas da versão Mobile. E pronto, basta salvar e ver a diferença... só que... ainda devem ter alguns espaços em branco no seu site.

Esses espaços são causados pelo código br (<br> e <br />) e normalmente eles vem depois do código a, ficando algo como </a><br /><div no seu HTML, para piorar eles também normalmente só ficam visíveis na versão mobile do seu site. Se você quiser resolver esses espaços você tem então duas opções:
Primeiro, entre no seu Blogger, escolha a matéria que você quer arrumar, depois clique no lápis no canto esquerdo e escolha a opção "< >Visualização em HTML". 

Agora basta achar o código br (que se traduz como uma linha de espaço em branco), e deletar ele, indo de algo como </a><br /><div para </a><div. Pronto, a linha invisível foi deletada de todas as versões do seu site.
O problema com isso é que você tem de arrumar todos os espaços em branco manualmente, indo de matéria em matéria, mas existe outro jeito.
Vá novamente para a sua conta do Blogger, depois clique em "Tema" no lado esquerdo, depois em "Personalizar". Mais uma vez no novo menu você vai clicar em "Avançado", e na flecha ao lado de "Página", nesse novo menu você vai descer até o fim e escolher a opção "Adicionar CSS", agora você vai colar esse código aqui:

@media(max-width: 800px) {
 a + br  {
    display: none;
  }

Esse código irá fazer com que todas as tags a seguidas da tags br sejam "deletadas" de qualquer tela menor do que 800 px (você pode mudar o tamanho da tela se quiser).
O problema desse método é que dependendo do quanto seu site já foi customizado, e seu estilo de formatação, você pode acabar deletando coisas que não queria, sem contar que "deletar" a tag a (que é a tag do hyperlink, 
que é usado para ligar uma página a outra) pode não ser uma boa ideia para você, por isso esse método não é recomendado para todos os blogueiros. Tente adicionar o código e ver se ele funciona para você, se não funcionar basta deletar ele e salvar.
Bom, depois disso tudo fica apenas uma pergunta, de onde vem esses espaços em branco "invisíveis"? Bom, eles são colocados pelo próprio Blogger de forma automática por vários motivos diferentes, incluindo formatação de tag errada, dar espaços com Shift + Enter, tags HTML não suportadas, colar diretamente textos copiados de fontes externas no corpo do editor de postagem e muito mais. Por isso esse tipo de coisa deve acontecer com você em algum momento quer você queira ou não.


Se você chegou até o fim desse tutorial que tal agora dar uma passadinha em nossa página oficial em RWF? Lá você vai encontrar nossas matérias mais engraçadas, artísticas e curiosas. Obrigado pelo seu tempo e até a próxima!

19 de maio de 2023

Dicas para Blogger 33 - Como tornar TODOS os vídeos responsivos em mobile

Pode parecer estranho, mas mesmo com o Blogger e o Youtube sendo ambos do Google, eles nem sempre trabalham bem em equipe, muitas vezes você irá postar um vídeo que ficará perfeito na versão desktop (computador) do site, mas ficara horrível na versão mobile (celular/tablet) dele, seja porque ele ficou muito pequeno ou muito grande. Mas hoje eu vou te ensinar de maneira rápida como resolver esse problema.

Como tornar TODOS os vídeos responsivos em mobile de uma só vez

Se você notou que seus vídeos em mobile estão no tamanho errado, quero primeiro que saiba que isso é bem comum, principalmente em sites que já foram modificados antes, mas se você pesquisar como arrumar isso na internet vai notar que a grande maioria dos tutoriais ensinam a arrumar um vídeo especifico usando um site que transforma o vídeo em responsivo, ou seja, se você quiser arrumar o problema então teria de ir de vídeo em vídeo, em todas as matérias do seu site, arrumando um por um, mas com o nosso método você irá arrumar todos os vídeos do Youtube no seu site de uma vez só. Então vamos lá, é bem fácil.
Primeiro você tem de clicar na seção "Tema" do seu Blogger, e depois na flecha ao lado de "Personalizar", aí no novo menu você clica em "Editar HTML":

Agora no meio do seu código HTML você irá procurar por: 

/b:skin ou, dependendo do seu código, ]]></b:skin>


Logo acima desse código você irá colar o seguinte código:

.mobile .post-body iframe {width: 100%; display: block;}
.mobile .post-body img {width: 100%; display: block;}

Ficando algo desse tipo aqui:

E pronto! Clique em salvar e confira no seu site, que deve ter ficado com todos os vídeos responsivos, mas responsivos apenas na versão mobile do seu site, a versão de desktop deve ter continuada a mesma.
Abaixo você confere o antes e o depois:

Isso deve ter resolvido tanto os vídeos que ficavam minúsculos quanto os que ficavam gigantes e saiam da borda do site.
Ah, mas é sempre bom avisar que esse tutorial talvez não dê certo dependendo do quanto o seu site já foi customizado no passado, ou seja, dependendo do quanto do seu código já foi mudado.
Mas é basicamente isso, seus vídeos devem estar certinhos agora sem a necessidade de arrumar um por um. Se essa dica te ajudou por favor deixe um comentário para o Google saber que ela talvez possa ajudar outras pessoas, e, claro, dê uma passadinha em nossa
página oficial e leia as outras partes dessa série de dicas. Obrigado e até a próxima!

16 de abril de 2022

Dicas para Blogger 4 - Como postar vídeos no seu site

Como postar vídeos no seu site


Existem dois jeitos para postar videos nos seus posts, o primeiro é o mais simples, perfeito para fazer com rapidez, basta clicar em "inserir um vídeo", representado pelo símbolo na parte de cima do blogger: 





Ali você encontra as diversas opções para postar seu vídeo, ou postar algum vídeo retirado do Youtube, basta fazer upload ou colar a URL no espaço em branco. Mas, normalmente quando se faz isso, o vídeo aparece em tamanha reduzido, vai depender da pessoa que posta, mas muitos não gostam disso, se quiser postar o vídeo em outro tamanho basta seguir o próximo método:
Procure o vídeo que você quer postar no Youtube, embaixo do vídeo clique em "compartilhar", depois, logo abaixo, clique em "incorporar" e "mostrar mais", agora você deve ter as diversas opções para compartilhamento de videos, incluindo o tamanho. 
Escolha as opções que melhor se adequam ao seu site e copie o código HTML logo acima da visualização. Agora volte a página onde você está escrevendo seu post e ao lado de "escrever" (canto superior esquerdo), clique em HTML, você vai visualizar seu post em códigos, cole o código que você copiou aonde você quer o vídeo, e pronto, você pode postar no tamanho e modelo que quiser.

Não deixe de vir curtir o nosso facebook em Real World Fatos.

22 de novembro de 2021

Dicas para Blogger 32 - Como customizar a versão mobile do Blogger

Hoje em dia mais do que nunca as pessoas acessam sites pelo celular, por isso quase todos recomendam que você tenha um site compatível com celulares e tablets, mas o Blogger infelizmente não tem um menu de customização mobile, você pode escolher entre usar um template comum, ou customizar um, mas como você customiza um? Bom, você vai descobrir isso agora mesmo, sem enrolação nenhuma!
Primeiro se você quiser customizar algo você tem de clicar em "Tema" depois na flecha ao lado de personalizar e por último em "Configurações do celular":

Depois disso coloque o tema personalizado, do contrário você apenas usará um template comum, não que tenha algo de errado com isso. 

E pronto, você agora pode customizar sua versão mobile, mas cada área de customização tem um jeito diferente de ser customizado, então para facilitar vamos dividir elas em categorias.


Como customizar o tamanho das imagens de sua versão mobile no Blogger


A primeira coisa que você deve notar ao usar a versão para celular do seu site é que as imagens ficaram ruins, isso porque elas podem ter ficado muito pequenas ou muito grandes, o que você quer são imagens adaptáveis, que sempre ficam otimizadas com o melhor tamanho de maneira automática. Para fazer isso acontecer clique em "Tema", "Personalizar", vá até "Avançado", depois vá para "Adicionar CSS" e cole o código abaixo:

.mobile .post-body img {
width:100%;
height:100%;
display: block;
}

Pronto! Isso fará suas imagens ficarem sempre do tamanho correto na versão mobile do seu site. Confira o antes e depois abaixo:


Como colocar comentários do facebook no celular?


Nós já falamos sobre isso nessa matéria aqui, então se você ainda usar o facebook recomendamos ler ela com atenção.

Como colocar gadgets/widgets na versão mobile do seu Blogger?


Gadgets e widgets podem ser adicionados de uma maneira muito fácil na versão para celular do seu site, basta ir em "Tema" depois em "Editar HTML", depois clicar nos quadradinhos e escolher qual deles você quer levar para a versão mobile.

Depois disso basta você adicionar tags condicionais para fazer eles aparecerem no seu celular, elas são mobile='yes' para fazer eles aparecerem no computador e no seu celular, e mobile='only' para fazer eles aparecerem apenas no celular, mas não no computador. Você ainda pode usar a tag mobile='no' para retirar algo da versão para celular. Mas onde você coloca a tag? No comecinho mesmo, por exemplo, se a linha de código é:

<b:widget id='HTML11' locked='false' title='' type='HTML' version='1'>

Você fará a linha ficar assim:

<b:widget id='HTML11' locked='false' mobile='yes' title='' type='HTML' version='1'>

Notou a diferença? Basta fazer isso com todos os gadgets/widgets que você quiser agora e pronto, eles irão aparecer no celular a partir de agora.

Como customizar o tamanho das letras do Blogger em mobile?


Por último, mas não menos importante, temos as letras, fontes gigantes ficam ruins no celular, e muito pequenas ficam
difíceis de ler e podem fazer seus leitores desistirem de você. Para customizar elas vá até "Tema", "Personalizar", "Avançado", "Adicionar CSS" e escolha qual código você quer adicionar da lista abaixo.

Títulos de posts individuais: 

.mobile h3.post-title {
font: normal 20px Kenia;
}

Títulos de posts na página principal:

.mobile-index-title {
font: normal 20px Kenia;
}

Descrição do Blogger em Mobile:

.mobile .Header .description {
font: normal 16px Kenia;
}

Título do Blogger em posts individuais:

.mobile .Header h1 a {
font: normal 20px Kenia;
}

Título do Blogger na página principal: 

.mobile .Header h1.title {
font: normal 22px Kenia;
}

Conteúdo da matéria: 

.mobile .post-body {
font: normal 12px Kenia;
}

Data da publicação: 

.mobile .date-header {
font: normal 12px Kenia;
}

Agora que você colou o seu escolhido vamos customizar ele. O número seguido por px é o tamanho da fonte, aumente ou diminua ele conforme o desejado. E Kenia é a fonte, substitua ela por sua fonte desejada, como por exemplo Ariel, Fonte padrão, Helvetica, etc. E pronto, é isso! Você customizou com facilidade a sua versão mobile do seu site. Agora é só aproveitar... ou quase.

Se você fez tudo certinho você agora só tem mais um problema, dependendo de qual template do Blogger você usa você irá notar que os títulos dos seus posts (por algum motivo idiota) só chegam até a metade da página antes deles continuarem em uma segunda linha. Ficou confuso? Vamos explicar melhor, na imagem abaixo nós colocamos o título a direita da página para você ver que depois de um certo ponto ele simplesmente para e desce para uma segunda linha:

Como você pode ver o seu título acaba ficando "preso", com um espaço em branco gigante que deixa o seu blog com uma cara estranha e amadora, mas agora nós vamos lhe ensinar a resolver isso, abaixo você fica com o antes e depois do nosso passo-a-passo:

Se você quiser que os seus títulos também fiquem assim você irá no seu "Editar HTML" e irá encontrar o seu código (se você já tiver colocado ele é claro) de Títulos de posts na página principal:

 .mobile-index-title {
 font: normal 20px Kenia;
 }

E agora você vai substituir esse código por esse aqui:

.mobile-index-title {
  font: bold 22px Fonte padrão;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}

Esse novo código irá fazer o seu título parar de ficar "preso" e usar todo o espaço possível, se adaptando para cada tipo de tela automaticamente.

E pronto! Bom, esperamos que tenha curtido, se ainda quiser ver mais dicas fáceis e rápidas para blogueiros clique aqui agora mesmo! Até a próxima e boa sorte!