tag:blogger.com,1999:blog-88148783223615875002024-03-05T09:05:28.909-08:00DiicasMatheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-8814878322361587500.post-42670055370859235612020-06-05T09:09:00.002-07:002020-06-05T09:17:04.632-07:00Lendo PDFs escaneados (scaneados) no Kindle
<h4 style="line-height: 150%; margin-bottom: 0cm; text-align: left;">
<font size="4">Então caro leitor, você também já se deparou com esse problema
dos infernos? Pegou aquele livro do teu colega da faculdade, pediu
para a copiadora digitalizar, com a falsa impressão que poderia ler
sem o mínimo problema no seu Kindle, e percebe que entrou numa
senhora dor de cabeça? Pois saiba que até para isso existe uma
solução simples e eficaz. Então estão preparadas crianças?</font></h4><div><br /></div>
<p style="line-height: 150%; margin-bottom: 0cm;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGhw4LXA7xes6aAsrEXdni-qnf37S126uzFcNUcxVwOQiluPPmimh8j8tMschf2AjRXjSTLdjnAdACV28H0vK3toOqcXHhPdGWrRVIEw53xDNx8lb8XgC6PQtGqJe5Ks2f9E8xbJad4ch/s939/01.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="626" data-original-width="939" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZGhw4LXA7xes6aAsrEXdni-qnf37S126uzFcNUcxVwOQiluPPmimh8j8tMschf2AjRXjSTLdjnAdACV28H0vK3toOqcXHhPdGWrRVIEw53xDNx8lb8XgC6PQtGqJe5Ks2f9E8xbJad4ch/s320/01.png" width="320" /></a></div><font size="4">Vamos primeiro
conhecer o problema em questão, tenho esse PDFs aqui,
maravilhosamente escaneado com páginas duplas, a não ser que sei
e-reader tenha a resolução de uma tela de cinema, e você a visão
de uma coruja, jamais, vou repetir, JAMAIS! seria capaz de ler esse
livro sem fazer algo para minimizar seus problemas. O que vou ensinar
a você, não tem nada a ver com converter o PDF em Mobi, já que
esse seria um trabalho cansativo, e você precisaria também ter em
mãos tecnologias de leitura de imagens inacreditavelmente poderosas.
Por tanto, ensinarei uma boa e velha gambiarra.</font><p></p>
<h3 style="line-height: 150%; margin-bottom: 0cm; text-align: left;"><b>A GAMBIARRA</b></h3>
<p style="line-height: 150%; margin-bottom: 0cm;"><font size="4"><span style="font-weight: normal;">Existe
um software chamado Briss, encontrei essa belezinha depois de perder
um bom tempo procurando na web. O Briss faz uma coisa que de longe
parece simples, e não pereça que venha ajudar muito, ele
simplesmente corta as bordas das páginas (e especialmente para PDFs
com páginas duplas, ele separa essas páginas). Cortar as bordas das
páginas faz com que o texto ocupe uma maior parte da tela, ocupando
mais a tela, as letras ganham um significativo aumento (como pode ver
na imagem abaixo).</span></font></p><font size="4">
</font><p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;"><font size="4">
O Briss felizmente é um programa simples e intuitivo, e em poucos
passos você poderá realizar os cortes nas bordas de seu PDF. Então
segue o tutorial.</font></p>
<h3 style="line-height: 150%; margin-bottom: 0cm; text-align: left;"><b>A EXECUÇÃO</b></h3>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">1 – O primeiro passo é abrir o PDF que você quer realizar o
procedimento, para isso, com o Briss aberto, clique em “File” >
“Load File”.</font></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyCQrdIWDYoFiExE20fQtvDv8D74gu3eJO0ZtFov-67bPErmJIisJUcsU-trZ_EqkVUxkys0Q6iNNQUNEVCLJ7Ir2f0kDTiqrCdABVCn8b2i2Te-My_ZSst4VUSbkgBafil9RhEHctn84l/s483/02.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="226" data-original-width="483" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyCQrdIWDYoFiExE20fQtvDv8D74gu3eJO0ZtFov-67bPErmJIisJUcsU-trZ_EqkVUxkys0Q6iNNQUNEVCLJ7Ir2f0kDTiqrCdABVCn8b2i2Te-My_ZSst4VUSbkgBafil9RhEHctn84l/d/02.png" /></a></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">2 – Na janela aberta, navegue pelos arquivos de seu computador e
selecione o PDF desejado, após isso é só clicar em “Abrir”.</font></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSYuhfr-R0J7k8DZjI_mx-DES9EbLRn3kOXcqWvsXK1jvBfgGrmcphjPcxtGI-wGYijnDJYyfc5sgRDsMguyl0oMgjxtzMIRV14diFXyT7QEers7vX0PswIEKzJFO2Qb4OZwvxuOKtKRq/s612/03.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="419" data-original-width="612" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSYuhfr-R0J7k8DZjI_mx-DES9EbLRn3kOXcqWvsXK1jvBfgGrmcphjPcxtGI-wGYijnDJYyfc5sgRDsMguyl0oMgjxtzMIRV14diFXyT7QEers7vX0PswIEKzJFO2Qb4OZwvxuOKtKRq/d/03.png" /></a></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">3 – Na próxima janela aberta, clique em “Cancelar”, essa opção
não é necessária para aquilo que faremos.</font></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkPknDUMxNHHWf58gJ57caF2lWtlhJXWPE-HfFcypBWgZJFvBNec8XEWokTzjQ_TiuxoQFfTH3uTZZDYfQufVZl3MJw-sX-J44kIRPR1CiAV5boJhdEnKATTQmG0Ib0YyTyt9YRFBKcS-r/s540/04.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="230" data-original-width="540" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkPknDUMxNHHWf58gJ57caF2lWtlhJXWPE-HfFcypBWgZJFvBNec8XEWokTzjQ_TiuxoQFfTH3uTZZDYfQufVZl3MJw-sX-J44kIRPR1CiAV5boJhdEnKATTQmG0Ib0YyTyt9YRFBKcS-r/d/04.png" /></a></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">4 – Observe que com o PDF aberto, o Briss sobrepõe todas as
páginas do documento, permitindo que você veja com precisão toda a
área ocupada com o texto. Com o cursor, você faz a seleção da
área para ser cortada (observe o quadrado azulado com o número 1).</font></p><div class="separator" style="clear: both; text-align: center;"><font size="4"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTwxqQgrlUNuwiX5WLX7snPsjK-66MMckXL0TPGQvYltsP0oO4geH70njKz06lG_F9C6G5a7knCdRkeh_I54NZbvQgLnYhJiz-K7La2OndWP9IBpnbT2i_KwuBAc7WaujkfL-DDrqrWyvv/s1031/5.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="1031" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTwxqQgrlUNuwiX5WLX7snPsjK-66MMckXL0TPGQvYltsP0oO4geH70njKz06lG_F9C6G5a7knCdRkeh_I54NZbvQgLnYhJiz-K7La2OndWP9IBpnbT2i_KwuBAc7WaujkfL-DDrqrWyvv/d/5.png" /></a></font></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">5 – No caso de PDFs com páginas duplas, você deverá fazer uma
seleção para cada lado da página, como pode ser visto na imagem. </font><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1hroTPvKmoShnYoGuo3fzcULxQMYg710YvC1EmY2fXDtYufI3mUfsD1GSN25Ug8m0GHsXqTVkTRjuyy8aeSSoXZN_-fsUhKLBUrgkidbmc7L9r9v4_IrwhIpbeKEj3AJmSARAiNM5Ody/s1029/6.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="641" data-original-width="1029" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE1hroTPvKmoShnYoGuo3fzcULxQMYg710YvC1EmY2fXDtYufI3mUfsD1GSN25Ug8m0GHsXqTVkTRjuyy8aeSSoXZN_-fsUhKLBUrgkidbmc7L9r9v4_IrwhIpbeKEj3AJmSARAiNM5Ody/d/6.png" /></a></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">OBS.: Em muitos casos, o Briss pode detectar uma relevante diferença
entre as respectivas páginas do PDF, fazendo com que você tenha de
selecionar mais de um conjunto de páginas sobrepostas. Nesse caso
você deverá fazer o trabalho nelas também.</font></p><font size="4">
</font><p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;"><font size="4">
6 – Após selecionar as partes do texto, siga para o menu “Action”
nele você poderá clicar em “Preview” para obter uma
pré-visualização antes de salvar, observe se não foi cortada
nenhuma parte do texto, tendo cuidado para que só as bordas tenham
sido cortadas.</font></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgajUwk1z2oI7Ie6TJpjzHdNF7UEohxi1xLtcQnenAfY09tEWPmNcxFJwu5ZUxDu-RSydeil-Kn87BEup4wumScH8GGegjzQ3XnyHodzGJj3hA_T_28e_8183Cp_nbb-QI9QnGRlffxF91g/s274/7.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="140" data-original-width="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgajUwk1z2oI7Ie6TJpjzHdNF7UEohxi1xLtcQnenAfY09tEWPmNcxFJwu5ZUxDu-RSydeil-Kn87BEup4wumScH8GGegjzQ3XnyHodzGJj3hA_T_28e_8183Cp_nbb-QI9QnGRlffxF91g/d/7.png" /></a></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
7 – Se estiver tudo bem, é só ir em “Action” > “Crop
PDF” e realizar o corte. Abrirá uma janela, onde você poderá
salvar no diretório que desejar de seu computador.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJMxxcyQd-TPzEETrFcXPGeIMJ38PfoaskaXvuCyzxAhHofw5PqsKC5SsspZPq6gpyO0d8GYyQhfqSbpYwWT5on02tsonBPlZbRhe3s4KeKQpznLKjbeH-e1sWkUFThPIv871lQY3NOCH/s637/8.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="433" data-original-width="637" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJMxxcyQd-TPzEETrFcXPGeIMJ38PfoaskaXvuCyzxAhHofw5PqsKC5SsspZPq6gpyO0d8GYyQhfqSbpYwWT5on02tsonBPlZbRhe3s4KeKQpznLKjbeH-e1sWkUFThPIv871lQY3NOCH/d/8.png" /></a></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">8 – Envie o PDF cortado para o Kindle.</font></p>
<h3 style="line-height: 150%; margin-bottom: 0cm; text-align: left;"><b>NO KINDLE</b></h3>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">1 – Analise as páginas para ver se a leitura está agradável.</font></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aEUWqLyQhtTYtqgNgDGn-ukT2XrolU2_wcdCGn4PXdBF8DggssNIqBtQhI8y-VfUjYYjS8WYLKpJVPyj4n9Zrj3QuKpHkPrC39HVniQjTAGc1iwa7VKXjtUyC5vktP-pZARTC1XtAlOM/s4160/11.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="3120" data-original-width="4160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aEUWqLyQhtTYtqgNgDGn-ukT2XrolU2_wcdCGn4PXdBF8DggssNIqBtQhI8y-VfUjYYjS8WYLKpJVPyj4n9Zrj3QuKpHkPrC39HVniQjTAGc1iwa7VKXjtUyC5vktP-pZARTC1XtAlOM/d/11.jpg" /></a></div>
<p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;">
<font size="4">2 – Caso não esteja do seu agrado, você pode tentar mudar a
orientação de vertical para horizontal no menu de layout do seu
Kindle.</font></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1cNChAbpPBGfdbCs1NJohM4ulMcd-TX7gf3ngfN8Czclo7SnOBOmURy1yz-bcknYNI6YNAgckFWE7vsdCDg2IXErQhsAW9IHBY2u8z01eNXrLVEQ5ueoaLtpFO6s58SLhiGCjQjG4sTE/s4160/12.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="3120" data-original-width="4160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1cNChAbpPBGfdbCs1NJohM4ulMcd-TX7gf3ngfN8Czclo7SnOBOmURy1yz-bcknYNI6YNAgckFWE7vsdCDg2IXErQhsAW9IHBY2u8z01eNXrLVEQ5ueoaLtpFO6s58SLhiGCjQjG4sTE/d/12.jpg" /></a></div><p style="font-weight: normal; line-height: 150%; margin-bottom: 0cm;"><br /></p>
<style type="text/css">
p { margin-bottom: 0.25cm; line-height: 115%; background: transparent }</style><style type="text/css">p { margin-bottom: 0.25cm; line-height: 115%; background: transparent }</style>Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-6984191601769984542018-01-30T13:28:00.004-08:002018-01-30T13:28:59.016-08:00Curso Básico de Edição no Openshot: Adicionando novas trilhas<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe allow="autoplay" allowfullscreen="" frameborder="0" height="400" src="//www.dailymotion.com/embed/video/x6dysl0" width="100%"></iframe>
<span style="background-color: white; font-family: "retina" , "arial";"><span style="font-size: large;">Na quarta aula do nosso curso básico de edição de vídeos no Openshot, ensino a adicionar novas trilhas, para dar mais liberdade na edição.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI9s_XNjzAOWgxxhfvuD1yK5rPNOO7eu4xEsYWQb4i0kKzsvGk1-hsztjfqMC8fC34RTVjbz_4P92bEa3L0ByVxuARxeI42bB0pb0hgbhkbQKSvaU9UnYMLpCjbcLZMSDpTjJfz626GDWW/s1600/OPEN-SHOT-CURSO-CAPA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI9s_XNjzAOWgxxhfvuD1yK5rPNOO7eu4xEsYWQb4i0kKzsvGk1-hsztjfqMC8fC34RTVjbz_4P92bEa3L0ByVxuARxeI42bB0pb0hgbhkbQKSvaU9UnYMLpCjbcLZMSDpTjJfz626GDWW/s1600/OPEN-SHOT-CURSO-CAPA.png" /></a></div>
<span style="background-color: white; font-family: "retina" , "arial";"><span style="font-size: large;"><br /></span></span></div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-52579388355995940112018-01-30T12:29:00.001-08:002018-01-30T12:29:09.094-08:00Curso Básico de Edição no Openshot: Adicionar Texto<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe allow="autoplay" allowfullscreen="" frameborder="0" height="400" src="//www.dailymotion.com/embed/video/x6dynt4" width="100%"></iframe>
<br />
<div class="QueueInfoContent__description___1zVDQ" style="background-color: white; box-sizing: inherit; font-family: Retina, arial; line-height: 1.5; margin-bottom: 11px; margin-top: 24px; padding: 0px;">
<span style="font-size: large;">Na terceira aula do curso de edição básica de vídeos no Openshot, explico como inserir texto em seus vídeos no editor.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghKieXFUT8fTQnWZ9drwhWiRkDwCblz1RbVlG9_Q1tg5EU-Ph4y_bWH9o3-iHMOI9B6Tch8zp0TdPRu8-B3hmDB4KCm5uHD_jteva8soVb5qomjlTlKKZki8f4TiFT3y16WOXFXTuSlnK3/s1600/CAPA-TEXTO.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghKieXFUT8fTQnWZ9drwhWiRkDwCblz1RbVlG9_Q1tg5EU-Ph4y_bWH9o3-iHMOI9B6Tch8zp0TdPRu8-B3hmDB4KCm5uHD_jteva8soVb5qomjlTlKKZki8f4TiFT3y16WOXFXTuSlnK3/s1600/CAPA-TEXTO.png" /></a></div>
<span style="font-size: large;"><br /></span></div>
<div>
<br /></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-49060021324635132432018-01-29T14:29:00.000-08:002018-01-29T14:29:01.086-08:00Curso Básico de Edição no Openshot: Efeito Chroma Key<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: justify;">
<iframe allow="autoplay" allowfullscreen="" frameborder="0" height="400" src="//www.dailymotion.com/embed/video/x6dwlqs" width="100%"></iframe><span style="font-size: large;"> <span style="background-color: white; font-family: Retina, arial; text-align: left;">Na segunda aula do curso de edição básica de vídeos no Openshot, explico como usar o efeito chroma key em seus vídeos no editor.</span></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdc7JU7BShor_Qx7nzcKAS7ZEWX6VIwiXGu3GjUCpRfGLP3SjGwLOD60RuD_A7YTLn_DuZI6LHRyyT9UNaRswmmxHGL4wEq090r5xZkrZNsFg_RlGii_1Lt7wFe-PqKPN-wAMfscZ-hNEZ/s1600/CAPA-CHROMA-KEY.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdc7JU7BShor_Qx7nzcKAS7ZEWX6VIwiXGu3GjUCpRfGLP3SjGwLOD60RuD_A7YTLn_DuZI6LHRyyT9UNaRswmmxHGL4wEq090r5xZkrZNsFg_RlGii_1Lt7wFe-PqKPN-wAMfscZ-hNEZ/s1600/CAPA-CHROMA-KEY.png" /></a></div>
<br /></div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-89985939854737468842018-01-29T14:24:00.003-08:002018-01-29T14:26:08.400-08:00Curso Básico de Edição no Openshot: Corte em Vídeos<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe allow="autoplay" allowfullscreen="" frameborder="0" height="400" src="//www.dailymotion.com/embed/video/x6dwlqr" width="100%"></iframe>
<br />
<div style="text-align: justify;">
<span style="background-color: white; font-family: "retina" , "arial";"><span style="font-size: large;">Na primeira aula do curso básico de edição de vídeos no Openshot, explico uma forma simples de cortar e adicionar seus arquivos de vídeo no editor.</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBmZbm5sxMgjOPwDq4Ac484u_Zp1Wi-Ts1fE2TD8zYnk9NsMipKmAnAAFB8tWLirBAXv37s1OqKMzEBtUlWMYMcZAqHDnzRhWv1t39DQF9dTILKh38YpHndiX2SPO59m2RxrunD9cdMbX/s1600/CAPA-CORTES.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimBmZbm5sxMgjOPwDq4Ac484u_Zp1Wi-Ts1fE2TD8zYnk9NsMipKmAnAAFB8tWLirBAXv37s1OqKMzEBtUlWMYMcZAqHDnzRhWv1t39DQF9dTILKh38YpHndiX2SPO59m2RxrunD9cdMbX/s1600/CAPA-CORTES.png" /></a></div>
<span style="background-color: white; font-family: "retina" , "arial";"><span style="font-size: large;"><br /></span></span></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-77558324339760152662017-12-19T09:59:00.004-08:002017-12-19T10:07:48.807-08:00Crie um aplicativo para seu blog no Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWB4mDIa7ijdUjnbh396SS9hGfuUuwmj1P0FhysRJ7Ljpjbyg4NQNZcmOa1tq78n1n_SYqciIHIpyAv10z8FNWSfZ4Ab3ApZd_ZMjR7w1-FTzsg0Ig_DBa3IuE-1DniO5AnOKte7KshjT/s1600/desenhando.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="454" data-original-width="756" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWB4mDIa7ijdUjnbh396SS9hGfuUuwmj1P0FhysRJ7Ljpjbyg4NQNZcmOa1tq78n1n_SYqciIHIpyAv10z8FNWSfZ4Ab3ApZd_ZMjR7w1-FTzsg0Ig_DBa3IuE-1DniO5AnOKte7KshjT/s1600/desenhando.png" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;">Para estar sempre presente na vida de nossos leitores nos dias de hoje, é preciso investir pesado nos dispositivos móveis. Uma das melhores formas é a criação de um aplicativo, mas este tipo de software pode ser caro. Por isso trago uma alternativa que dará a seu blog no Blogger uma experiência semelhante a de um APP, mas sendo barata e fácil</span><span style="font-size: large;"> de instalar. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Os "Web APPs" são aplicativos que funcionam de forma semelhante a um aplicativo nativo, mas não ficam instalados no dispositivo. O navegador Chrome, assim como o nativo do Android, tem suporte a esta tecnologia.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">O GIF abaixo mostra o procedimento de instalação do Web App do site <a href="http://www.mamf.com.br/" target="_blank">Mamfonline</a>, através do navegador Chrome:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPemwkyo_iV1VU2K-r8Tyb0j4Tz8dT_BuFE4j01w5ZDhVBkjycTHh-2ijRMLsZEBmdn1MyiOvsrwjgAJpHFVlT8pBHp-qRguGETEsPV-WSX2W5FRe3ZHw5xY1I6toOVeOo45YGxg9B0TU/s1600/Peek+19-12-2017+14-21.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="620" data-original-width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZPemwkyo_iV1VU2K-r8Tyb0j4Tz8dT_BuFE4j01w5ZDhVBkjycTHh-2ijRMLsZEBmdn1MyiOvsrwjgAJpHFVlT8pBHp-qRguGETEsPV-WSX2W5FRe3ZHw5xY1I6toOVeOo45YGxg9B0TU/s1600/Peek+19-12-2017+14-21.gif" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Basta acessar o blog através do Chrome no Android, abrir o menu do navegador e selecionar a opção "Adicionar a tela inicial". E pronto, o link será exibido como um aplicativo.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">O Web App também funciona nos dispositivos IOS.</span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">Ativando no Blogger:</span></h2>
<div>
<span style="font-size: large;">O procedimento de ativação é simples, necessitando apenas a instalação de um código.</span></div>
<div style="text-align: left;">
<span style="font-size: large;"><b><br /></b></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><b>Primeiro passo: </b>acesse <a href="http://blogger.com/" target="_blank">blogger.com</a> > Selecione o blog que deseja instalar o recurso > Tema > Editar HTML.</span></div>
<div style="text-align: left;">
<span style="font-size: large;"><b>Segundo passo: </b>em seu teclado, pressione as teclas Ctrl + F.</span></div>
<div style="text-align: left;">
<span style="font-size: large;"><b>Terceiro passo: </b>na caixa de buscas que aparece procure por <i><head>.</i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzVB2jnLCMilcH4N2LIGqdPqyBWLL-m2D5gVTDMM6lThPVg3uXkQAK6WoT2cjqj7DG6sXCUpMDBGvdkkMgeu6p1XeMzMfR-0WOvYAP3xP23WOz-bpNEy09_-m0KjrtJ8R2AExu88fi4zj7/s1600/Peek+19-12-2017+14-57.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="462" data-original-width="1079" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzVB2jnLCMilcH4N2LIGqdPqyBWLL-m2D5gVTDMM6lThPVg3uXkQAK6WoT2cjqj7DG6sXCUpMDBGvdkkMgeu6p1XeMzMfR-0WOvYAP3xP23WOz-bpNEy09_-m0KjrtJ8R2AExu88fi4zj7/s1600/Peek+19-12-2017+14-57.gif" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><b>Quarto passo: </b>logo abaixo da linha de código encontrada, cole a meta tag abaixo:</span></div>
<blockquote class="tr_bq">
<span style="font-size: large;"><meta content='yes' name='mobile-web-app-capable'/></span><span style="font-size: large;"><meta content='yes' name='apple-mobile-web-app-capable'/></span></blockquote>
<span style="font-size: large;"></span></div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com3tag:blogger.com,1999:blog-8814878322361587500.post-90390104492013367832017-10-08T09:48:00.000-07:002017-10-08T09:56:30.644-07:00Disponibilizar versão em áudio automática nos posts do Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCbFU4zHdnlnayKeM4Rpv9ma-t4-O_jXq1U0r5rOhMqvRuiMfNXqgniq03fiWxodJcQ0BzApxJ1LRUobsxgwqrJCjMmpKbDN8k4SVeI7GlEDTVcv1LypPA3zS_0LWZwuUHmn2RB5PHhNY/s1600/IMG-20171002-WA0014.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="318" data-original-width="500" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCCbFU4zHdnlnayKeM4Rpv9ma-t4-O_jXq1U0r5rOhMqvRuiMfNXqgniq03fiWxodJcQ0BzApxJ1LRUobsxgwqrJCjMmpKbDN8k4SVeI7GlEDTVcv1LypPA3zS_0LWZwuUHmn2RB5PHhNY/s320/IMG-20171002-WA0014.jpg" width="320" /></a></div>
<span style="font-size: large;">Sabemos que cerca de 25% da população brasileira é analfabeta ou semi-analfabeta, e esta grande parcela da população muitas vezes</span><span style="font-size: large;"> não tem acesso aos conteúdos que publicamos em nossos blogs, por em sua maioria serem compostos por textos. A melhor solução para seu blog é implantar o serviço da Audima, uma startup brasileira que converte automaticamente os textos de seu blog em áudio. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">Acesse o site da <a href="http://audima.co/" target="_blank">Audima</a></span></h2>
<div>
<span style="font-size: large;">Para instalar o player da Audima, siga o tutorial abaixo:</span><br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">1° Iniciar cadastro</span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5J4VALuXYZaeOOhSp-W99sXHQeHrWkdI_j6QvlCQde8Q25bzEsL7RcD-QrCtZ7_GeTKMue-cy4BXHPmrBrr8FY0hoWOABhOEWvl5PngKTh0-pIxhvj1nh76HfaIjiBXm4XueGD7usu0TV/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="615" data-original-width="1340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5J4VALuXYZaeOOhSp-W99sXHQeHrWkdI_j6QvlCQde8Q25bzEsL7RcD-QrCtZ7_GeTKMue-cy4BXHPmrBrr8FY0hoWOABhOEWvl5PngKTh0-pIxhvj1nh76HfaIjiBXm4XueGD7usu0TV/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">Clique no botão "Começar agora", para iniciar o cadastro no serviço.</span><br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">2° Escolhendo o idioma</span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKm_ESAg3gy5I_urqjV8ZsL3laxAh4d79LZaYLd2MfvvWeVe6b8Pl56-9H0CQz35LCTQ2InQ_4Pd_vu2wuxK9pv59qgUsC4a_yDEg9fI-XBBh9gt1OJe4PE9TTxlvXBtP0mJZyilEHqAl/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="533" data-original-width="1207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKm_ESAg3gy5I_urqjV8ZsL3laxAh4d79LZaYLd2MfvvWeVe6b8Pl56-9H0CQz35LCTQ2InQ_4Pd_vu2wuxK9pv59qgUsC4a_yDEg9fI-XBBh9gt1OJe4PE9TTxlvXBtP0mJZyilEHqAl/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">Agora escolha o idioma do seu blog, neste tutorial escolhi o português (BR).</span><br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">3° Escolher o tipo de voz</span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8yTpyWvKstExryG10EMzEKJd7v8ywTHKJBbQ0TLfToLYSswBAOyR7sxbTefvSTdPL8-n5jCZo9NFRM5we7Fh1hT19OC6Idzh3nA2PF5SG-rj9zTJo3-0b3HFVD6ct4wrjZdWxRkoFX4kD/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="532" data-original-width="1201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8yTpyWvKstExryG10EMzEKJd7v8ywTHKJBbQ0TLfToLYSswBAOyR7sxbTefvSTdPL8-n5jCZo9NFRM5we7Fh1hT19OC6Idzh3nA2PF5SG-rj9zTJo3-0b3HFVD6ct4wrjZdWxRkoFX4kD/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">Escolha a voz que preferir, "Masculino" ou "Feminino", logo após clique em continuar.</span><br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">4° Dados do site</span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ik-OKF4jrcAR6jkIp2oLrXAlkN2OJdnAK19O3HkeYRB1Bs0BLdJZPZeq2oxxTcQAbLNKFnWGUrEko5Pwxt43v9PMM1VhyxLhNq_Jmh0h3IaAg3B3C9Tbij3tR0T_I8rzAIPpeQjqOlhd/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="639" data-original-width="1092" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ik-OKF4jrcAR6jkIp2oLrXAlkN2OJdnAK19O3HkeYRB1Bs0BLdJZPZeq2oxxTcQAbLNKFnWGUrEko5Pwxt43v9PMM1VhyxLhNq_Jmh0h3IaAg3B3C9Tbij3tR0T_I8rzAIPpeQjqOlhd/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">Você vai preencher este formulário com os dados do seu site, são eles:</span></div>
<div style="text-align: left;">
<ol style="text-align: left;">
<li><span style="font-size: large;">"Nome": O seu nome</span></li>
<li><span style="font-size: large;">"O email": O seu email</span></li>
<li><span style="font-size: large;">"Nome do seu site": O nome do seu blog</span></li>
<li><span style="font-size: large;">"URL do seu site": O endereço do blog, seja ele (.blogspot.com) ou (.com.br)</span></li>
<li><span style="font-size: large;">"Plataforma": Você seleciona a plataforma Blogger</span></li>
<li><span style="font-size: large;">Ao selecionar a plataforma "Blogger", aparecerá um novo campo, chamado "Feed RSS", neste espaço você ira colocar a URL do Feed do blog. Copie e cole o endereço do seu blog, no fim dele cole "/feeds/posts/default", ficará mais ou menos assim: http://seublog.blogspot.com/feeds/posts/default</span></li>
</ol>
<span style="font-size: large;">Feito isso clique em "Continuar".</span><br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">5° Instalando o player</span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWDWs3TzM8CTl3SMpHn514zKTKLMhx7NmBvW_xi0__59SqWjxUheWLCl0c8kdPCwGOHNDwjBFDSy-1u2vuXxjMdPEo94leiJRS6YIHOaMoGlaPmyXtOqvHr3UpfhyJ5umeAHsUWQ3wlGr/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="506" data-original-width="1138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWDWs3TzM8CTl3SMpHn514zKTKLMhx7NmBvW_xi0__59SqWjxUheWLCl0c8kdPCwGOHNDwjBFDSy-1u2vuXxjMdPEo94leiJRS6YIHOaMoGlaPmyXtOqvHr3UpfhyJ5umeAHsUWQ3wlGr/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">Na página seguinte você ira colocar o código do player do Audima em seu blog.</span></div>
<div style="text-align: left;">
<span style="font-size: large;">No painel do blogger, clique em "Layout", logo após em "Adicionar um Gadget", selecione a opção "HTML / JavaScript". </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic9gskB2imCrx1jHOTy_Kq8YexE1zPaSpBuKfQ3ns-HvyNOecSlNiq04doPuAhRq2d0pq0NhT6fuux-DbLRkwo3LSFPhhwZa29UcOcUik4mxALDuupXvfASXN2syz700Kay7Bci0WT1P6k/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="533" data-original-width="543" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic9gskB2imCrx1jHOTy_Kq8YexE1zPaSpBuKfQ3ns-HvyNOecSlNiq04doPuAhRq2d0pq0NhT6fuux-DbLRkwo3LSFPhhwZa29UcOcUik4mxALDuupXvfASXN2syz700Kay7Bci0WT1P6k/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">No campo"Conteúdo" cole o código fornecido pelo Audima. Clique no botão "Salvar", logo após arraste o gadget, deixando-o acima do bloco "Postagens no Blog", clique</span><span style="font-size: large;"> em "Salvar organização".</span><br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">6° Finalizando</span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSv-QUeeGS8V1eZWb2xqVXhewruH1npic3QZmUJP-2aN-n_1wdzdUFU8fZj7wa9UMAhtb13aAWkQqun_yhK4v2Ckj0MFE7BoqkBBf5Pa5QaEgEh5g3nonL8JtaDo_HSueJaclQNdtOApRy/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="189" data-original-width="1002" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSv-QUeeGS8V1eZWb2xqVXhewruH1npic3QZmUJP-2aN-n_1wdzdUFU8fZj7wa9UMAhtb13aAWkQqun_yhK4v2Ckj0MFE7BoqkBBf5Pa5QaEgEh5g3nonL8JtaDo_HSueJaclQNdtOApRy/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">Neste campo, você insere a URL de um artigo qualquer do seu blog, e clica em finalizar.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9EyusUKh_bpQ_anjdVd8cs_W8gbKQPzHpduTwcJZxjrqCIBSKJX-CPjaQGe1l-3MtXTad7Yza953NOmiBAeW_-1NQfm0sW1G7OnXbp11gj418FBhHdIMp01KZ8tYT2aQ5GQEum1onKul/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="255" data-original-width="547" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9EyusUKh_bpQ_anjdVd8cs_W8gbKQPzHpduTwcJZxjrqCIBSKJX-CPjaQGe1l-3MtXTad7Yza953NOmiBAeW_-1NQfm0sW1G7OnXbp11gj418FBhHdIMp01KZ8tYT2aQ5GQEum1onKul/s1600/Captura+de+tela+-+08-10-2017+-+13%253A11%253A31.png" /></a></div>
<div style="text-align: left;">
<span style="font-size: large;">Agora é só aguardar o player aparecer!</span></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-60081256882589244322017-08-06T09:09:00.002-07:002017-08-09T16:07:07.935-07:00Personalizando as cores do template no Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyybUD2hGHcVIpRm7dAK5IYviPYgYXL2dgA6IzJPKEvIYG7hkMjYrIZmsEKEkYd_ma198gtfk0QMpfAranx_UDCJVdKng3zqaxbfhp3yBg4EMjUKTtMiIH6pC6-aC8uSAPeTZnKeGdh_z/s1600/web-design-color.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="250" data-original-width="250" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHyybUD2hGHcVIpRm7dAK5IYviPYgYXL2dgA6IzJPKEvIYG7hkMjYrIZmsEKEkYd_ma198gtfk0QMpfAranx_UDCJVdKng3zqaxbfhp3yBg4EMjUKTtMiIH6pC6-aC8uSAPeTZnKeGdh_z/s200/web-design-color.jpg" width="200" /></a></div>
<span style="font-size: large; text-align: justify;">Digamos que você baixou um template personalizado para seu blog no Blogger, mas não gostou muito das cores do mesmo, ou simplesmente quer deixa-lo com as cores da sua logo. Este artigo vai te ensinar a personalizar as cores do seu template.</span><span id="goog_1694280598"></span><br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: justify;">
<span style="font-size: large;">Passo 01: <span style="font-weight: normal;">Baixar o ColorZilla</span></span></h2>
<div>
<div style="text-align: justify;">
<span style="font-size: large;">O CollorZilla é uma extensão para Chrome, que serve para identificar o código da cor de um elemento desejado. Para instalar essa extensão <a href="https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp" rel="nofollow" target="_blank">CLIQUE AQUI</a>.</span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">Passo 02: <span style="font-weight: normal;">Identificando o código da cor</span></span></h2>
<div>
<span style="font-size: large;"><span style="font-weight: normal;">Após a instalação do ColorZilla no seu navegador, aparecerá um ícone de conta-gotas, parecido com este: </span></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJoCLzeH2wmC6Tkh6nYH7yIkjrFNNIb33x5UPQLyeiM5YDxAgLY2eVcGByLdEW6Z8RQIFVZt3H3Z1fDM7T7I9QxFKYwOf5NCNEgB7id3b5VI-q_oFBhElyCjPqU3tMe3Y7sMrd7N4vHdGo/s1600/Captura+de+tela+-+06-08-2017+-+13%253A14%253A28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="31" data-original-width="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJoCLzeH2wmC6Tkh6nYH7yIkjrFNNIb33x5UPQLyeiM5YDxAgLY2eVcGByLdEW6Z8RQIFVZt3H3Z1fDM7T7I9QxFKYwOf5NCNEgB7id3b5VI-q_oFBhElyCjPqU3tMe3Y7sMrd7N4vHdGo/s1600/Captura+de+tela+-+06-08-2017+-+13%253A14%253A28.png" /></a></div>
<div style="text-align: justify;">
<br /></div>
</div>
<div style="text-align: justify;">
<span style="font-size: large;">Acesse o seu blog com o template que deseja alterar, e clique sobre esse ícone. Passe o mouse sobre a cor que deseja modificar e clique no botão esquerdo do mesmo.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFWAJ-t-WIk5t38W8v9q-nwWQoAjLGfvx7iOKj0SK-1ai-6jalAl42yfyQH28dMXmbo23tRHqI49LizpFlf8R7FFoX5m5BRg7EQz_qTXQUvFiTP8IM4JBfAN-WtvzTJDd9mIbW-uJRGGy/s1600/Captura+de+tela+-+06-08-2017+-+13%253A20%253A45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="151" data-original-width="920" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFWAJ-t-WIk5t38W8v9q-nwWQoAjLGfvx7iOKj0SK-1ai-6jalAl42yfyQH28dMXmbo23tRHqI49LizpFlf8R7FFoX5m5BRg7EQz_qTXQUvFiTP8IM4JBfAN-WtvzTJDd9mIbW-uJRGGy/s1600/Captura+de+tela+-+06-08-2017+-+13%253A20%253A45.png" /></a></div>
<span style="font-size: large;">A extensão copiou automaticamente o código para a área de transferência.</span><br />
<h2>
<span style="font-size: large;">Passo 03: <span style="font-weight: normal;">Alterando a cor no Blogger</span></span></h2>
<div>
<span style="font-size: large;">No BLOGGER.COM, acesse TEMA > EDITAR HTML > No teclado pressione as teclas "Ctrl + F", na caixa de buscas que aparece, cole o código de cor.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-et7eJvyl69sgp6vJVJypyCFMoZFsQNKOA3rv9BdnHdJR9BXddxmduM7kn-yJ4GqgkNRZ32WiZRxLsWs56weIwxQAmg39lKmG404shkEycemL0YxlFnU7IBJRdI450ffLl8j_GZUYy3Zd/s1600/Captura+de+tela+-+06-08-2017+-+13%253A28%253A35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="48" data-original-width="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-et7eJvyl69sgp6vJVJypyCFMoZFsQNKOA3rv9BdnHdJR9BXddxmduM7kn-yJ4GqgkNRZ32WiZRxLsWs56weIwxQAmg39lKmG404shkEycemL0YxlFnU7IBJRdI450ffLl8j_GZUYy3Zd/s1600/Captura+de+tela+-+06-08-2017+-+13%253A28%253A35.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Agora clique "Enter" em seu teclado, e substitua todos os códigos de cor destacados, pelo que você escolheu. <a href="http://diicas.mamf.com.br/p/tabela-de-cores-html.html" target="_blank">Acesse nossa tabela de cores e escolha a cor desejada</a>. Repita o procedimento até não existir mais nenhum código de cor destacado na pesquisa.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QPdKrhOcghN7Xcm6QPtxRP3MO0PTvaK46FBhPmVeZdCPAg7wwK2sCw1IIo9X2T9AxGJchXvCYmjM3KdZKqn2RgqlBfNuMxklih3Hp-OeVYCgQ4MayFXDHtdrGyj3C8GrADcm5lPcyjdn/s1600/Captura+de+tela+-+07-08-2017+-+16%253A05%253A43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="71" data-original-width="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QPdKrhOcghN7Xcm6QPtxRP3MO0PTvaK46FBhPmVeZdCPAg7wwK2sCw1IIo9X2T9AxGJchXvCYmjM3KdZKqn2RgqlBfNuMxklih3Hp-OeVYCgQ4MayFXDHtdrGyj3C8GrADcm5lPcyjdn/s1600/Captura+de+tela+-+07-08-2017+-+16%253A05%253A43.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-size: large;">Clique em "Salvar" e veja o resultado.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
</div>
</div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-6279007500939212112017-03-03T15:54:00.003-08:002017-03-05T15:57:10.517-08:00Como substituir vídeos no Vimeo<div dir="ltr" style="text-align: left;" trbidi="on">
<video class="video-js vjs-fluid" data-setup="{"controls": true}" id="vid1" poster="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdD3L8Zb-wP1scDQjASTnEYDxMM-_JoBob1_qcrwYZu8exP04g_cZPegXi4xitglAgu8AjETXKUfSa6HlSF0ziIHtDoKm1WDV1UgblVvEPTO8RDUIOtZGadpeAdfQSBgnG30-31hPJlH0/s1600/y6.png" preload="auto">
<source src="https://sites.google.com/site/mamfonlinearquivos/videos/Diicas%20Vimeo.mp4" type="video/mp4"></source>
<source src="https://sites.google.com/site/mamfonlinearquivos/videos/Diicas%20Vimeo_libtheora.ogv" type="video/ogg"></source>
</video>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Esse recurso pode ser utilizado, em casos de você já ter um vídeo publicado, e queira substitui-lo sem perder as visualizações já alcançadas. Você pode substituir vídeos em diferentes tamanhos e formatos, aquele já publicado.</span></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-88717947407149482962017-03-01T11:20:00.002-08:002017-03-01T11:23:07.504-08:00Vimeo Organizer: Excluindo vídeos<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7zzAUJKL-jOobEV8moHbCx9hzS8fRaHmCimaUqWVXv4CRgrc9tEJoVmaWGz4QHkCglTd2M1XbfR7zPOOqbhCHi8fRpgRXRvehBSeqotYrYZZjvASBL7wd9vOWZ8SwgNT7XZcG4Tid0wT/s1600/Sem+t%25C3%25ADtulohynfd.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe7zzAUJKL-jOobEV8moHbCx9hzS8fRaHmCimaUqWVXv4CRgrc9tEJoVmaWGz4QHkCglTd2M1XbfR7zPOOqbhCHi8fRpgRXRvehBSeqotYrYZZjvASBL7wd9vOWZ8SwgNT7XZcG4Tid0wT/s1600/Sem+t%25C3%25ADtulohynfd.png" /></a></div>
<span style="font-size: large;">Aprenda uma forma mais prática de excluir seus vídeos no "Vimeo", sem precisar ir diretamente ao vídeo desejado. Alem disso você também pode selecionar vários outros vídeos para excluir.</span><br />
<h2 style="text-align: left;">
Começando:</h2>
<div>
<span style="font-size: large;">Em seu perfil, clique em "Vídeos":</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylEnUiV6ETWeIhqHFDdoPmHvKBnoSvweF_5mJRWZ0N-kc5fpLDQOoIAfdD4IA7GXp6e9CBbTAulhlcIZzgouRey90cBCBZOsMLmLESagJMys3lsE24WGi35BH3wAwE4P2ftplK3kX8bpp/s1600/nhgf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylEnUiV6ETWeIhqHFDdoPmHvKBnoSvweF_5mJRWZ0N-kc5fpLDQOoIAfdD4IA7GXp6e9CBbTAulhlcIZzgouRey90cBCBZOsMLmLESagJMys3lsE24WGi35BH3wAwE4P2ftplK3kX8bpp/s1600/nhgf.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">Agora você seleciona "Organizar vídeos":</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22gV_9fnbRU8ua3_Nwyv2EE5f_Ym8EyZp_HZALGm8HgQyWFeihirgDw-V9eDY01KJBdsEKzR6fE6Gx6G4qgZ-YOBjDHc_7OQTK8cl9zTUcMvjH3_ojE7H9_FxPwW99I_a4G649V2jLows/s1600/bgtfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh22gV_9fnbRU8ua3_Nwyv2EE5f_Ym8EyZp_HZALGm8HgQyWFeihirgDw-V9eDY01KJBdsEKzR6fE6Gx6G4qgZ-YOBjDHc_7OQTK8cl9zTUcMvjH3_ojE7H9_FxPwW99I_a4G649V2jLows/s1600/bgtfd.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-size: large;">E agora clique em "Começar":</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiByd15uyhPCeZud3Ncor0hnWd64_jyFk6IacCZKzeKHs8x4NuycIyMZwLTmzWWvlzean9szWEN631LRCraHJWqQ5bHURpvrAFWAX6IWEYarsRdDHJ4nPw00HlPhFo8rfjjqaif39DLmpeo/s1600/hnf.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiByd15uyhPCeZud3Ncor0hnWd64_jyFk6IacCZKzeKHs8x4NuycIyMZwLTmzWWvlzean9szWEN631LRCraHJWqQ5bHURpvrAFWAX6IWEYarsRdDHJ4nPw00HlPhFo8rfjjqaif39DLmpeo/s1600/hnf.png" /></a></div>
<h2 style="clear: both; text-align: left;">
Excluindo um vídeo:</h2>
<div>
<span style="font-size: large;">Clique no vídeo desejado, e logo apos na aba "Excluir":</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMfY7Lc7Q2Pd2XE6qP2Oyw9d7J4SKuqsmNJ8pwAD4h0akwt3uOn8Sa-_kiJvyG_kvs00AtOXcUEePAXskFeNLpVNH6NMUVcqkTh3OOc-bC7B-7h5ME1RqEkXBsWkSHI9aKvWAxnIxShQ_/s1600/%25C3%25A7o.j.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMfY7Lc7Q2Pd2XE6qP2Oyw9d7J4SKuqsmNJ8pwAD4h0akwt3uOn8Sa-_kiJvyG_kvs00AtOXcUEePAXskFeNLpVNH6NMUVcqkTh3OOc-bC7B-7h5ME1RqEkXBsWkSHI9aKvWAxnIxShQ_/s1600/%25C3%25A7o.j.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Agora clique em "Excluir selecionados":</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7lFbHB5e1QTfD7zlEz1n1_xH5oQKGz-iHCDQ14AOJe7aIw7X-sw7_P4QKO43e0JuWwYZ-DRVpnINDWQTmgn4WNnEXJwnRtn8RGl7D4xZvq1EN8jx_QkmCXUuAhwswIeLWbkt7MbqIiOn/s1600/bgtfd.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7lFbHB5e1QTfD7zlEz1n1_xH5oQKGz-iHCDQ14AOJe7aIw7X-sw7_P4QKO43e0JuWwYZ-DRVpnINDWQTmgn4WNnEXJwnRtn8RGl7D4xZvq1EN8jx_QkmCXUuAhwswIeLWbkt7MbqIiOn/s1600/bgtfd.png" /></a></div>
<span style="font-size: large;">Agora digite sua senha, e clique em "Excluir vídeo":</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUGcGF_Ks4U3D19ycDMuuGJf-2cZj75f6-Uzj7q130C9NgeyfD9Yd2mCe64LVR5NlBUlw8uPK5eDq70GjyQwyyK2jDZR797r4OmuneIImC7a-o9MXq5Dd_UgCZEKoKv1hiPCxmNsWja3z/s1600/%25C3%25A7o.j.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUUGcGF_Ks4U3D19ycDMuuGJf-2cZj75f6-Uzj7q130C9NgeyfD9Yd2mCe64LVR5NlBUlw8uPK5eDq70GjyQwyyK2jDZR797r4OmuneIImC7a-o9MXq5Dd_UgCZEKoKv1hiPCxmNsWja3z/s1600/%25C3%25A7o.j.png" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-49407357069685517592017-01-21T08:37:00.001-08:002018-10-25T04:41:54.233-07:00Adicionando novos autores no Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4UrzPuGDgQWqzirncuayyOKCXvT_8ZtTj4AMXQEqimKMw6LI8BR6tdMU5Sh32PmxEqYoqNtBD3kePtl3k_R72i2oDfJtu4_ZmCzGGvaMDls2JuKaYK07Ek3yMYFWeBfe8AerPDHEUY1ms/s1600/kmghv.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4UrzPuGDgQWqzirncuayyOKCXvT_8ZtTj4AMXQEqimKMw6LI8BR6tdMU5Sh32PmxEqYoqNtBD3kePtl3k_R72i2oDfJtu4_ZmCzGGvaMDls2JuKaYK07Ek3yMYFWeBfe8AerPDHEUY1ms/s640/kmghv.png" width="640" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;">Em muitos caso, precisamos de ajuda para continuar com nossos projetos online, em muitos blogs podemos ver que não apenas uma pessoa, mas uma equipe inteira esta empenhada em produzir conteúdo. Nesse tutorial vou ensinar</span><span style="font-size: large;"> a você, a como adicionar novos autores ou administradores no seu blog.</span></div>
<blockquote class="tr_bq" style="text-align: justify;">
<span style="font-size: large;"><b>Administrador: </b>tem acesso a absolutamente tudo em seu blog, tudo o que você pode fazer como, trocar template, escrever artigos e ate mesmo excluir outros administradores.</span></blockquote>
<blockquote class="tr_bq">
<span style="font-size: large;"><b>Altor: </b>essa opção é bem restrita, nela é possível apenas escrever artigos, nada mais.</span></blockquote>
<h2 style="text-align: left;">
Como Convidar novos administradores?</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV1xPtHpopDgO9DuEQR1_MKsZBDurtSNtq0h05g5DBssXZ_N4I8e3nzgq90DnduDWMIPZjYGeuI_q4Musr-pkEAvQO1hlf6fbwbjMK4JiFSNrKwaZuFQO4jLCO_ErCM_2c2Yr75rgc2WI2/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV1xPtHpopDgO9DuEQR1_MKsZBDurtSNtq0h05g5DBssXZ_N4I8e3nzgq90DnduDWMIPZjYGeuI_q4Musr-pkEAvQO1hlf6fbwbjMK4JiFSNrKwaZuFQO4jLCO_ErCM_2c2Yr75rgc2WI2/s640/1.png" width="640" /></a></div>
<span style="font-size: large;">Clique em "configurações" no painel do seu blog.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOedSk8ts4w2GcK6VVBHNZTCtrWmJkt7XGSkO2W3S1k1FbWpyNspBUci-HuiYkg1zf0ZgE_gNfMnzzmDd1550Iz3HTMRYjQ3FdR67vYf8_1ugX35xseyKn89emeskZZJAdnu9c3WeAYQYN/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOedSk8ts4w2GcK6VVBHNZTCtrWmJkt7XGSkO2W3S1k1FbWpyNspBUci-HuiYkg1zf0ZgE_gNfMnzzmDd1550Iz3HTMRYjQ3FdR67vYf8_1ugX35xseyKn89emeskZZJAdnu9c3WeAYQYN/s640/2.png" width="640" /></a></div>
<span style="font-size: large;">Em "básico", dessa a página, onde você vai encontrar o link "adicionar altores".</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSvstDkQmCXY3-wBeXcbchKYcPE9TOIC5ZI1jNCtxb3ZVduAjdvT81L_VwMatI3RgMMHgw68aGs9SaxaI47R1KKf0X8Grwjd1mmJS2MNhM9mU9K5wtlkLlMLdTlwHdThdXGzmN0FDqW1a/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSvstDkQmCXY3-wBeXcbchKYcPE9TOIC5ZI1jNCtxb3ZVduAjdvT81L_VwMatI3RgMMHgw68aGs9SaxaI47R1KKf0X8Grwjd1mmJS2MNhM9mU9K5wtlkLlMLdTlwHdThdXGzmN0FDqW1a/s320/3.png" width="320" /></a></div>
<span style="font-size: large;">Na caixa de texto que aparece, você digita o e-mail do novo altor (OBS: Esse e-mail deve fazer</span><span style="font-size: large;"> parte de uma conta no Google, de preferencia a e-mails do GMAIL, que faz parte do Google.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjaHTnAEBxlDAgoLZ2jImmpnW8zGQPnneeUhPi5q-CDQACGyUx0yPXfy2CPFxsWKg8S4mUjd3rjxBBCbqHV9JZSOhq64-7uo97daL3T6AudsNRUEMs6wotzNIJYOh8iALGaFQ4BzIWVEGU/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjaHTnAEBxlDAgoLZ2jImmpnW8zGQPnneeUhPi5q-CDQACGyUx0yPXfy2CPFxsWKg8S4mUjd3rjxBBCbqHV9JZSOhq64-7uo97daL3T6AudsNRUEMs6wotzNIJYOh8iALGaFQ4BzIWVEGU/s640/4.png" width="640" /></a></div>
<span style="font-size: large;">Agora na caixa de e-mails do novo altor, acaba de chegar um novo e-mail.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC1Lui9lyhkI-Q4InbPsBq1wVT7FbOGQCAfZvsQqPkWK0KLrwNoiTnzZymXrEVvamQWe4K5yIIhc5xvZmBmC3IzBva6pWAuVzkoejySNZOOEPsBa88CgrPI4O8O6YZYmKsPsQVq9YhPcxu/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC1Lui9lyhkI-Q4InbPsBq1wVT7FbOGQCAfZvsQqPkWK0KLrwNoiTnzZymXrEVvamQWe4K5yIIhc5xvZmBmC3IzBva6pWAuVzkoejySNZOOEPsBa88CgrPI4O8O6YZYmKsPsQVq9YhPcxu/s640/5.png" width="640" /></a></div>
<span style="font-size: large;">Nesse e-mail, o novo altor deve clicar no link Aceitar o Convite.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3HSRnLbsyVMqWAIBzYXxyYrD-35ScL3cuzmOzPo5s4CkLkS_G3p8GVG9LlsUZOyzETtOh5yHqysyrOV_xkYmMbICJ3cVaUJv8IE5MsuMqXY1KBVoGQcSfUdO8YV0qYMeXcvRJXvN9gY8J/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3HSRnLbsyVMqWAIBzYXxyYrD-35ScL3cuzmOzPo5s4CkLkS_G3p8GVG9LlsUZOyzETtOh5yHqysyrOV_xkYmMbICJ3cVaUJv8IE5MsuMqXY1KBVoGQcSfUdO8YV0qYMeXcvRJXvN9gY8J/s640/6.png" width="640" /></a></div>
<div style="text-align: left;">
<span style="font-weight: normal;"><span style="font-size: large;"> Na nova página que abrir o novo altor deve clicar no mesmo link.</span></span><br />
<h2 style="text-align: left;">
<span style="font-size: large;">Convertendo para administrador: </span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5iwWn1TgSRXUTkrPZcAd7NM8wKOjTo7GsEM18QKwWvuxK9_zH0mxGqW5oj1XN9z9Y7htzGdBIDB49mDiwCunSHEN_3t8q3uQ85dPkQRGvSjtdjz-OFpQ9LqmhARJiQMPTKGQMMFO6YsAu/s1600/nhgf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5iwWn1TgSRXUTkrPZcAd7NM8wKOjTo7GsEM18QKwWvuxK9_zH0mxGqW5oj1XN9z9Y7htzGdBIDB49mDiwCunSHEN_3t8q3uQ85dPkQRGvSjtdjz-OFpQ9LqmhARJiQMPTKGQMMFO6YsAu/s1600/nhgf.png" /></a></div>
<div>
<span style="font-size: large;"><span style="font-weight: normal;">Nessa aba, selecione "Administrador".</span></span></div>
</div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-43189574376388552122016-12-10T07:47:00.001-08:002017-10-12T09:51:58.231-07:00Artigos Instantâneos do Facebook para Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdEFNNJ5XV9i9hCXmR8tXvzWEPobwcBM_PBTpJc2DBTvhOIfMvp676tl_X8lH1r9NBm_qwLJ9_UstWDPXfo1DhdmhLm6r2B9_swpVeYehsGi6zv2XjjuF5vbKVqHVoLVNP-LBNn5MHevDe/s1600/Sem+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdEFNNJ5XV9i9hCXmR8tXvzWEPobwcBM_PBTpJc2DBTvhOIfMvp676tl_X8lH1r9NBm_qwLJ9_UstWDPXfo1DhdmhLm6r2B9_swpVeYehsGi6zv2XjjuF5vbKVqHVoLVNP-LBNn5MHevDe/s640/Sem+t%25C3%25ADtulo.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: large;">Neste artigo vou lhes ensinar como usar os Artigos Instantâneos do Facebook no seu blog do Blogger. Eu demorei um bom tempo pesquisando e tentando adaptar esse recurso para meu blog, o Mamfonline.</span><br />
<br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">
01- Cadastrando nos Artigos Instantâneos</span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjymVEpE77qnyLP-thVrbA6BJ0kmT-xCccr-85F-OGad0DzAD68t7CJmBis1xVe21VWSAaKB_jSOb16NgV7aUAQEFhcQ_PHk_erbfAm9C1yiw5BpeY0aRi19yVd3C9PK7U3FVZjld6v54Ac/s1600/Sem+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjymVEpE77qnyLP-thVrbA6BJ0kmT-xCccr-85F-OGad0DzAD68t7CJmBis1xVe21VWSAaKB_jSOb16NgV7aUAQEFhcQ_PHk_erbfAm9C1yiw5BpeY0aRi19yVd3C9PK7U3FVZjld6v54Ac/s1600/Sem+t%25C3%25ADtulo.png" /></a></div>
<div>
<span style="font-size: large;"><b>Link de cadastro: <a href="https://www.facebook.com/instant_articles/signup" target="_blank">Clique aqui</a></b></span></div>
<div>
<span style="font-size: large;">Inicialmente você seleciona a página do Facebook que deseja habilitar os artigos instantâneos. Marca a caixinha que diz "Ao prosseguir você...", e logo apos clica no botão verde "Acesse as ferramentas dos...".</span></div>
<h2 style="text-align: left;">
<span style="font-size: x-large;">02-Habilitando o site</span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnHZD2MdXhTpfz1QBhD68qrnPiXU-92vMH3z4ZwDcw7NHmS1_lAouQnc-QTLB0K4pdBpCL3sd5VamPwCeHbmEiQ4faTFqX0qgaVGfYbIQ1-bK9lNKTJM3Hfi1Ulq_A0Bz5HtyRThUWoEEv/s1600/Sem+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnHZD2MdXhTpfz1QBhD68qrnPiXU-92vMH3z4ZwDcw7NHmS1_lAouQnc-QTLB0K4pdBpCL3sd5VamPwCeHbmEiQ4faTFqX0qgaVGfYbIQ1-bK9lNKTJM3Hfi1Ulq_A0Bz5HtyRThUWoEEv/s1600/Sem+t%25C3%25ADtulo.png" /></a></div>
<div>
<span style="font-size: large;">Ao fim do passo 1, você é direcionado para sua página de configurações dos artigos. Nela você descera até o final e clicara em "Connect Your Site". No Blogger, vá em Modelo > Editar HTML > e coloque o código</span><span style="font-size: large;"> mostrado no Facebook, abaixo</span><span style="font-size: large;"> de <head> Logo após clique em "Salvar".</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJXaE6Lsq8BPzeLo0JxGkcGmmzQFjl6UyzwnOL1Tfiy2vUoGX6nsPy3betXKpV9w7cFtWPHyPsmjgiSU3c7rpX7Ta2tyYNVOjFNjlfO4QOWTc-1jO_OU4leTVRxHnjcoSIRVCUGVylNeRi/s1600/Sem+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJXaE6Lsq8BPzeLo0JxGkcGmmzQFjl6UyzwnOL1Tfiy2vUoGX6nsPy3betXKpV9w7cFtWPHyPsmjgiSU3c7rpX7Ta2tyYNVOjFNjlfO4QOWTc-1jO_OU4leTVRxHnjcoSIRVCUGVylNeRi/s1600/Sem+t%25C3%25ADtulo.png" /></a></div>
<div>
<span style="font-size: large;">Após isso, no Facebook, digite a URL do seu blog no campo onde diz "example.com" > Logo após clique em "Reivindicar URL". Pronto agora seu blog já esta habilitado.</span></div>
<h2 style="text-align: left;">
<span style="font-size: x-large;">03-Criando o primeiro artigo </span></h2>
<div>
<span style="font-size: large;">Para criar artigos instantâneos para o Blogger você precisa ter um certo conhecimento em Código HTML. Quem usa WordPress não tem essa necessidade pois já tem um plugin pronto. Já no Blogger o processo deve ser manual.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIYHsenw9b2SljwEHpbhqfa5r3IJFN3A2pk3yO8nPAbFUviMp7BJGOg_k9EWlNHVyAxG3RgiIddmyIGAx6A0MZL7M2B8BzYyfaI18dBwJNF-LWmfyRqadl1pUDpkp_BIM3rfmHuHPfj8n/s1600/Sem+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYIYHsenw9b2SljwEHpbhqfa5r3IJFN3A2pk3yO8nPAbFUviMp7BJGOg_k9EWlNHVyAxG3RgiIddmyIGAx6A0MZL7M2B8BzYyfaI18dBwJNF-LWmfyRqadl1pUDpkp_BIM3rfmHuHPfj8n/s1600/Sem+t%25C3%25ADtulo.png" /></a></div>
<div>
<span style="font-size: large;">Após clicar em "Criar" abrirá um pop-up, onde você devera colar o código que disponibilizamos abaixo:</span></div>
<div>
<span style="font-size: large;"></span><br />
<blockquote class="tr_bq">
<span style="font-size: large;"><html></span><br />
<span style="font-size: large;"><head></span><br />
<span style="font-size: large;"><link rel="canonical" href="<span style="background-color: #0c343d;"><span style="color: white;">URL DO ARTIGO</span></span>"></span><br />
<span style="font-size: large;"><meta charset="utf-8"></span><br />
<span style="font-size: large;"><meta property="op:generator" content="facebook-instant-articles-sdk-php"></span><br />
<span style="font-size: large;"><meta property="op:generator:version" content="1.1.0"></span><br />
<span style="font-size: large;"><meta property="op:generator:application" content="facebook-instant-articles-wp"></span><br />
<span style="font-size: large;"><meta property="op:generator:application:version" content="2.11"></span><br />
<span style="font-size: large;"><meta property="op:generator:transformer" content="facebook-instant-articles-sdk-php"></span><br />
<span style="font-size: large;"><meta property="op:generator:transformer:version" content="1.1.0"></span><br />
<span style="font-size: large;"><meta property="op:markup_version" content="v1.0"></span><br />
<span style="font-size: large;"><meta property="fb:article_style" content="default"></span><br />
<span style="font-size: large;"></head></span><br />
<span style="font-size: large;"><body></span><br />
<span style="font-size: large;"><article></span><br />
<span style="font-size: large;"><header></span><br />
<span style="font-size: large;"><h1><span style="background-color: #134f5c;"><span style="color: white;">TITULO DO ARTIGO</span></span></h1></span><br />
<span style="font-size: large;"><time class="op-published" datetime="2016-01-26T16:59:55+00:00">January 26th, 4:59pm</time></span><br />
<span style="font-size: large;"><time class="op-modified" datetime="2016-01-26T03:33:47+00:00">January 26th, 3:33am</time></span><br />
<span style="font-size: large;"><address><a><span style="background-color: #134f5c;"><span style="color: white;">NOME DO AUTOR DO ARTIGO</span></span></a></address></span><br />
<span style="font-size: large;"></header></span><br />
<span style="font-size: large;"><h2><span style="background-color: #134f5c;"><span style="color: white;">SUB TITULO</span></span></h2></span><br />
<span style="font-size: large;"><p><span style="background-color: #134f5c;"><span style="color: white;">PARAGRAFO 1</span></span></p></span><br />
<span style="font-size: large;"><p><span style="background-color: #134f5c; color: white;">PARAGRAFO 2</span></p></span><br />
<span style="font-size: large;"><p><span style="background-color: #134f5c;"><span style="color: white;">PARAGRAFO 3</span></span></p></span><br />
<span style="font-size: large;"><b><span style="background-color: #134f5c; color: white;">TEXTO EM NEGRITO</span></b></span><br />
<span style="font-size: large;"><footer></span><br />
<span style="font-size: large;"></footer></span><br />
<span style="font-size: large;"></article></span><br />
<span style="font-size: large;"></body></span><br />
<span style="font-size: large;"></html></span></blockquote>
<span style="font-size: large;">
Em caso de duvidas existem uma serie de códigos de exemplo, <a href="https://developers.facebook.com/docs/instant-articles/reference" target="_blank">nesse link</a> que vão te ajudar. Nesse link você vai encontrar códigos para colocar imagens, incorporar vídeos do You Tube, etc.</span><br />
<h2 style="text-align: left;">
<span style="font-size: x-large;">
<span style="font-size: medium;">04- Sendo aprovado nos artigos instantâneos </span></span></h2>
<span style="font-size: large;">
</span>
<br />
<div style="text-align: left;">
<span style="font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVpPlkWUUpzd9sU6Mz_SFN72VGeQO_TBcDOZ2r1Wj5U3fnVTPsy1YuT98AjzAUvxCt5sMYPjZsE2aFDQ2wU5FxdqLRc_yCPyx0XnW80m-YuRtQHJKSvzRQGvcZU27CPpf6J31pj2205NW9/s1600/Sem+t%25C3%25ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVpPlkWUUpzd9sU6Mz_SFN72VGeQO_TBcDOZ2r1Wj5U3fnVTPsy1YuT98AjzAUvxCt5sMYPjZsE2aFDQ2wU5FxdqLRc_yCPyx0XnW80m-YuRtQHJKSvzRQGvcZU27CPpf6J31pj2205NW9/s1600/Sem+t%25C3%25ADtulo.png" /></a></span></div>
<span style="font-size: large;">
</span>
<br />
<div style="text-align: left;">
<span style="font-size: large;">Você deverá ter feito no minimo 5 artigos instantâneos para ser aprovado e começar a publica-los. OBS.: Os artigos devem seguir o mesmo padrão que os originais do site. </span></div>
<span style="font-size: large;">
</span></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com2tag:blogger.com,1999:blog-8814878322361587500.post-77029404901608966602016-08-25T17:06:00.002-07:002017-10-08T10:19:36.030-07:00Notificações Push para Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWi0t3qhVL8f7Z3Ay6_9vUPLm7vSddwOpZpJp_GFMcplRXxF4Yz7U8Befvrg7K-Ums7_VSP9cluC_htHYaiV5rmmcZsWrIuN0hZhi_Xnl860SaBmE295KXqGMDyWsrY0xUWtR1ENIOIG_/s1600/tvp.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWi0t3qhVL8f7Z3Ay6_9vUPLm7vSddwOpZpJp_GFMcplRXxF4Yz7U8Befvrg7K-Ums7_VSP9cluC_htHYaiV5rmmcZsWrIuN0hZhi_Xnl860SaBmE295KXqGMDyWsrY0xUWtR1ENIOIG_/s320/tvp.png" width="320" /></a></div>
<span style="font-size: large;">Você deve estar perguntando, o que são notificações push? Pois bem eu te explico, as notificações push são como mensagens que recebemos no celular ou computador, um exemplo básico são aquelas notificações do Facebook que aparecem com atualizações no Chrome. </span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Para seu blog isso é perfeito pois os leitores que já te acompanham vão poder saber quando tem novos artigos, e os que vieram por acaso para ler um artigo vão poder acompanhar, ganhando assim novos leitores.</span><br />
<span style="font-size: large;"><b><br /></b></span>
<span style="font-size: x-large;"><b>ATENÇÃO: O PushCrew não está aceitando subdoninios do Blogger, como (seublog.blogspot.com), só é valido domínios próprios como (seublog.com.br).</b></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">Como se faz? </span></h2>
<h3 style="text-align: justify;">
<span style="font-size: large;">Acesse o site </span><span style="font-size: large; text-align: left;"> </span><span style="color: white; font-size: large; text-align: left;"><a class="action-button shadow animate blue" href="https://pushcrew.com/" style="font-size: x-large; text-align: left;" target="_blank">PushCrew</a></span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqrtH99f1sxm3gZnvDywVmrtJuC0mNYokHkT5Rxz_pwSUNg_Pr4OX0mHgzcOQD7jWLrU-2Ljac3YCWmEhgo67QJBo78MoWefFOcSPLS5gJuVt9V6W5hnF4k3lE-vrP9luNZYI2bBrStnF/s1600/tvp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqrtH99f1sxm3gZnvDywVmrtJuC0mNYokHkT5Rxz_pwSUNg_Pr4OX0mHgzcOQD7jWLrU-2Ljac3YCWmEhgo67QJBo78MoWefFOcSPLS5gJuVt9V6W5hnF4k3lE-vrP9luNZYI2bBrStnF/s640/tvp.png" width="640" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;">Clique em "Signup for FREE"</span></div>
<h3 style="text-align: justify;">
<span style="font-size: large;">Cadastre-se</span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgILLq0Yj2Fqc0DQmCg667sMg7fXHBjG0G2DNci-mb06yde-HCchLT001OaoHkFLg_sgoRp_tw-kxJlrW0g-6QP-NA_fAoKEtpNBQeFzpj3O6SyT7yz30AkdxKw1hHuAanHMyvjV3qhR51V/s1600/tvp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgILLq0Yj2Fqc0DQmCg667sMg7fXHBjG0G2DNci-mb06yde-HCchLT001OaoHkFLg_sgoRp_tw-kxJlrW0g-6QP-NA_fAoKEtpNBQeFzpj3O6SyT7yz30AkdxKw1hHuAanHMyvjV3qhR51V/s640/tvp.png" width="640" /></a></div>
<div>
<br /></div>
<h3 style="text-align: left;">
<span style="font-size: large;">Instalando no site</span></h3>
<div>
<span style="font-size: large;">Na página que abre, procure a seção "Step 1: Add Code to your website" nela você encontra um código, no Blogger.com > vá a seu blog > Modelo > Editar HTML > No teclado pressione as teclas Ctrl+F > Na caixa de buscas que aparece digite: </head>, antes dessa linha cole o codigo que você copiou anteriormente.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-size: large;">Personalizando pop-up de cadastro </span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj7xjeZMbt_3hgR1uIfJq2dVxIe-wQQ0uUIL6wrSkCfi0nTiUaFDlKyhyphenhyphenvO9J4oqoD5NgiDgvFilM9Z8IyV7siGelPsI9qr0SSgf_Y-X5sszp7gnv0LE90vJ77b_4pBqy5ER-v72KrOFtC/s1600/tvp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj7xjeZMbt_3hgR1uIfJq2dVxIe-wQQ0uUIL6wrSkCfi0nTiUaFDlKyhyphenhyphenvO9J4oqoD5NgiDgvFilM9Z8IyV7siGelPsI9qr0SSgf_Y-X5sszp7gnv0LE90vJ77b_4pBqy5ER-v72KrOFtC/s640/tvp.png" width="640" /></a></div>
<div>
<ol style="text-align: left;">
<li><span style="font-size: large;">Em "Upload Logo" carregue a logo do seu site</span></li>
<li><span style="font-size: large;">Em "Title" escreva um texto induzindo o leitor a clicar no pop-up</span></li>
<li><span style="font-size: large;">Em "Subtitle" escreva um resumo do seu site</span></li>
<li><span style="font-size: large;">Em "Allow Button Text" mude o que esta escrito para "Ok"</span></li>
<li><span style="font-size: large;">Em "Disallow Button Text" mude o texto para "Cancelar"</span></li>
<li><span style="font-size: large;">Em "Chicklet Text" mude o texto para "Receber Notificações"</span></li>
<li><span style="font-size: large;">Em "Chicklet Background Color" escolha a cor padrão do seu site</span></li>
<li><span style="font-size: large;">Em "Opt-In Text" mude o texto para "Clique em Permitir para receber notificações"</span></li>
<li><span style="font-size: large;">Em "oferta Texto" mude para uma descrição do site</span></li>
<li><span style="font-size: large;">Apos essas edições clique em "Save" para salvar </span></li>
</ol>
<h3 style="text-align: left;">
<span style="font-size: large;">Configurando blog</span></h3>
</div>
<div>
<span style="font-size: large;">Para que toda vez que você for publicar algo em seu blog todos os assinantes de suas notificações recebam um link direto do computador você tem de cadastrar o seu feed. Para isso vá ate a aba "RSS-to-push". </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihVNkpWn420eBVFzNKtplBqmRRqgs_2dUrKbnF2Di5BeRY5NkNZL28p9G686e6xt3xyoAb4CDFWlqPXC0-kU5z-8YjvgXbsRecR84wARlRw6gWW4h4uLEx2HHUYlhx8NTB7VEIx0PPGhVI/s1600/tvp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihVNkpWn420eBVFzNKtplBqmRRqgs_2dUrKbnF2Di5BeRY5NkNZL28p9G686e6xt3xyoAb4CDFWlqPXC0-kU5z-8YjvgXbsRecR84wARlRw6gWW4h4uLEx2HHUYlhx8NTB7VEIx0PPGhVI/s640/tvp.png" width="640" /></a></div>
<div>
<span style="font-size: large;">E no lugar onde a seta aponta na imagem acima digite o FEED do seu blog. No Blogger a URL padrão do FEED é a seguinte "http://<span style="color: #0b5394;">seu blog</span>.blogspot.com/feeds/posts/default".Logo apos clique em "Add RSS".</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-size: large;">Pronto! Agora seu blog tem notificações push</span></h3>
<blockquote class="tr_bq">
<span style="font-size: large;">OBS: As notificações para versão mobile do blog também podem ser ativadas, mas essa é uma função paga. </span></blockquote>
<h2 style="text-align: left;">
Veja o vídeo explicativo </h2>
<div style="text-align: justify;">
<span style="font-size: large;">Algumas poucas modificações ocorreram após a produção desse tutorial. O vídeo abaixo foi produzido com a versão mais recente do site.</span></div>
</div>
</div>
</div>
<iframe allowfullscreen="" frameborder="0" height="390" src="//www.dailymotion.com/embed/video/x5w0zla" width="100%"></iframe><br /></div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com18tag:blogger.com,1999:blog-8814878322361587500.post-48026170263883745622016-08-21T07:06:00.004-07:002016-08-21T07:14:47.070-07:00Caixa de buscas personalizada para Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgUrqG20dXL7zFYUBhv_qBcFASSKtXxrZhm8FZFxw4bFVRref1DNJPHbrCJCuTH6XnJ5mga5zvd28FAfQj7hxIqRQiltv9K9sxBJdFwTeZ1HKY9yBCFfqGDVO59PdjiQV_2TrGr4uU1SGL/s1600/size_810_16_9_busca.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgUrqG20dXL7zFYUBhv_qBcFASSKtXxrZhm8FZFxw4bFVRref1DNJPHbrCJCuTH6XnJ5mga5zvd28FAfQj7hxIqRQiltv9K9sxBJdFwTeZ1HKY9yBCFfqGDVO59PdjiQV_2TrGr4uU1SGL/s200/size_810_16_9_busca.jpg" width="200" /></a></div>
<span style="font-size: large;">Uma coisa que muitos de nossos leitores começam a procurar quando acessam nossos blogs é uma caixa de buscas funcional para procurar um artigo que não tenha encontrado. Por isso estou trazendo esse modelo de caixa de buscas.</span><br />
<h2 style="text-align: left;">
<span style="font-size: large;">Instalando</span></h2>
<div>
<span style="font-size: large;">Para instalar vá em Layout > Adicionar um Gadget > HTML Java Script > Cole o código abaixo e Salve.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWsWgr7T-tSs3Ryri60jOA0gDlTm41fAiAQQw339yNo34u1LQC0kaRfUkCo2jJkX-7KQlBys9kSP3VHLpVXZmHwzML0dR9Y2m8g33m1bwzJCSUlBhVYPqciukQ1Wm8hTG4FpcNwxPUfgY/s1600/Imagem1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWsWgr7T-tSs3Ryri60jOA0gDlTm41fAiAQQw339yNo34u1LQC0kaRfUkCo2jJkX-7KQlBys9kSP3VHLpVXZmHwzML0dR9Y2m8g33m1bwzJCSUlBhVYPqciukQ1Wm8hTG4FpcNwxPUfgY/s1600/Imagem1.png" /></a></div>
<br />
<blockquote class="tr_bq">
<style><br />
.cf:before, .cf:after{<br />
content:"";<br />
display:table;<br />
}<br />
.cf:after{<br />
clear:both;<br />
}<br />
.cf{<br />
zoom:1;<br />
} <br />
/* Form wrapper styling */<br />
.search-wrapper {<br />
width: 252px;<br />
margin: 15px auto;<br />
box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);<br />
}<br />
/* Form text input */<br />
.search-wrapper input {<br />
width: 150px;<br />
height: 20px;<br />
padding: 10px 15px;<br />
float: left;<br />
font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';<br />
border: 0;<br />
background: #EEE;<br />
border-radius: 3px 0 0 3px;<br />
}<br />
.search-wrapper input:focus {<br />
outline: 0;<br />
background: #fff;<br />
box-shadow: 0 0 2px rgba(0,0,0,.8) inset;<br />
}<br />
.search-wrapper input::-webkit-input-placeholder {<br />
color: #999;<br />
font-weight: normal;<br />
font-style: italic;<br />
}<br />
.search-wrapper input:-moz-placeholder {<br />
color: #999;<br />
font-weight: normal;<br />
font-style: italic;<br />
}<br />
.search-wrapper input:-ms-input-placeholder {<br />
color: #999;<br />
font-weight: normal;<br />
font-style: italic;<br />
} <br />
/* Form submit button */<br />
.search-wrapper button {<br />
overflow: visible;<br />
position: relative;<br />
float: right;<br />
border: 0;<br />
padding: 0;<br />
cursor: pointer;<br />
height: 40px;<br />
width: 72px;<br />
font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';<br />
color: white;<br />
text-transform: uppercase;<br />
background: <span style="color: red;">#80CBC4</span>;<br />
border-radius: 0 3px 3px 0;<br />
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);<br />
}<br />
<br />
.search-wrapper button:hover{ <br />
background: <span style="color: #38761d;">#2196F3</span>;<br />
}<br />
<br />
.search-wrapper button:active,<br />
.search-wrapper button:focus{<br />
background: #c42f2f;<br />
outline: 0;<br />
}<br />
.search-wrapper button:before { /* left arrow */<br />
content: '';<br />
position: absolute;<br />
border-width: 8px 8px 8px 0;<br />
border-style: solid solid solid none;<br />
border-color: transparent <span style="color: red;">#80CBC4</span> transparent;<br />
top: 12px;<br />
left: -6px;<br />
}<br />
.search-wrapper button:hover:before{<br />
border-right-color: <span style="color: #38761d;">#2196F3</span>;<br />
}<br />
.search-wrapper button:focus:before,<br />
.search-wrapper button:active:before{<br />
border-right-color: #c42f2f;<br />
} <br />
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */<br />
border: 0;<br />
padding: 0;<br />
} <br />
</style><br />
<form id="searchbox" method="get" action="/search" autocomplete="off" class="search-wrapper cf"><br />
<input type="text" name="q" placeholder="<span style="color: #0b5394;">O que você procura...</span>" required="" /><br />
<button type="submit" id="button-submit" ><span style="color: #0b5394;">Buscar</span></button><br />
<blockquote class="tr_bq">
</form></blockquote>
</blockquote>
<span style="font-size: large;">As partes do código na cor vermelha são referentes a cor do botão, as partes na cor verde são referentes a cor do botão ao passar a seta do mouse sobre ele.</span> <span style="font-size: large;">As partes em Azul do código você pode modificar para qualquer outro texto.</span></div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-10682418415130922122016-08-21T06:37:00.000-07:002017-02-16T15:19:36.077-08:00Botão do WhatsApp para seu Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXmAmMzCy1y2aOzu3_fwGRpXzbGOOFd_7agWZFK9SnZCr4HjoxDevFmjODgsHV_cRChNHA71tPVfOg2jGbMuV8Q-srryR5jfgvcv8qJAq9V2mpSmvNnfSniDw-gv51-miW00lAxcZcT9I7/s1600/Imagem1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXmAmMzCy1y2aOzu3_fwGRpXzbGOOFd_7agWZFK9SnZCr4HjoxDevFmjODgsHV_cRChNHA71tPVfOg2jGbMuV8Q-srryR5jfgvcv8qJAq9V2mpSmvNnfSniDw-gv51-miW00lAxcZcT9I7/s200/Imagem1.png" width="189" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;">Caros amigos e amigas nos dias de hoje é de extrema necessidade que nossos blogs tenham uma ferramenta que permita o compartilhamento de nossas publicações pelo WhatsApp, aplicativo de troca de mensagens mais usado no mundo.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Com esse botão com toda a certeza suas visitas em dispositivos moveis vão aumentar muito, pois quem terminar de ler seu post vai logo ver o botão e compartilhar para seus contatos e grupos.</span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">Como </span><span style="text-align: left;"><span style="font-size: large;">fazer</span></span></h2>
<div>
<ol style="text-align: left;">
<li style="box-sizing: inherit; margin: 0px; padding: 0.25em 0px;"><span style="box-sizing: inherit;"><span style="font-size: large;">Em sua conta no Blogger, vá em Modelo > Editar HTML > No teclado pressione as teclas Ctrl+F </span></span></li>
<li><span style="font-size: large;">Na caixa de buscas que aparece digite: </span><span style="color: #0b5394; font-size: large;"><div class='post-footer-line post-footer-line-1'></span></li>
<li style="box-sizing: inherit; margin: 0px; padding: 0.25em 0px;"><span style="box-sizing: inherit;"><span style="font-size: large;">E cole logo abaixo dessa linha o seguinte código: </span></span></li>
</ol>
<blockquote class="tr_bq">
<a alt='Compartilhar no WhatsApp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;-&quot; + data:post.url' title='Compartilhar no WhatsApp'><span style="color: #0b5394;"><img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOZnUTRPWjopI0rvT-cNydj8OozL4zbAn1ljSu0lHtw4jx_FP9PAlLQZ_cdA-ZSnj19gIhRSzro1ys2zzdGe-VCDC9LDJiYvFh1GEr1x3uvoa_wGyGLmP7oDIejqcT22JDTquRffYTIPDe/s200/Imagem1.png" width="30" /></span></a></blockquote>
<span style="font-size: large;">A parte em azul no código você pode modificar, mudando para texto ou imagem, nesse caso vai aparecer a logo do Whatsapp no final do post.</span> </div>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<span style="font-size: large;">OBS: O Botão só aparecera na versão moveu do blog</span></blockquote>
<h2>
Como vai ficar:</h2>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPwR3fXfNr-rm8q-wgB3lzOPtT5qdlb6JYxtQVAThx1MvyNc3hJzF1Ks_FHaBxY5TOdlLkh0vma8EnRbn_7mpXtlX5aJCuSrc9waiL8llB2KR3Mh5o-weGGJlq5XshOvi90aKUT_tglg5s/s1600/Imagem1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPwR3fXfNr-rm8q-wgB3lzOPtT5qdlb6JYxtQVAThx1MvyNc3hJzF1Ks_FHaBxY5TOdlLkh0vma8EnRbn_7mpXtlX5aJCuSrc9waiL8llB2KR3Mh5o-weGGJlq5XshOvi90aKUT_tglg5s/s320/Imagem1.png" width="280" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pre-visualização </td></tr>
</tbody></table>
</div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com2tag:blogger.com,1999:blog-8814878322361587500.post-12866897309341073102016-08-13T09:23:00.000-07:002016-08-13T11:51:17.165-07:00Personalizando barra do navegador do celular de acordo com o blog <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdmMgnE9x-x0y9OBB78Zy0xdkKL49c2nqMQIy5BDZsKfJ4ZUGipJJ-VmYrgdkzGjHcge2UEOXxqSznUqi21vWOe_V3i38qEiRNvnXFSXewAytlPSEogpnhAa7yTX9nsESGgYKG1AYhnoHp/s1600/gtdf.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdmMgnE9x-x0y9OBB78Zy0xdkKL49c2nqMQIy5BDZsKfJ4ZUGipJJ-VmYrgdkzGjHcge2UEOXxqSznUqi21vWOe_V3i38qEiRNvnXFSXewAytlPSEogpnhAa7yTX9nsESGgYKG1AYhnoHp/s200/gtdf.png" width="200" /></a></div>
<span style="font-size: large;">Você já deve ter percebido que quando acessamos o Diicas pelo celular a barrinha de endereços do navegador mobile fica com a cor padrão do blog, o azul. Vou ensinar como você faz isso no seu, com apenas um código.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">É necessário adicionar apenas quatro meta tags no código do seu blogger, vamos para o passo a passo.</span></div>
<span style="font-size: large;"><br /></span>
<br />
<h2 style="text-align: left;">
<span style="font-size: large;">Adicionando as meta tags:</span></h2>
<div>
<ol style="text-align: left;">
<li><span style="font-size: large;">Em seu Blogger vá em Modelo > Editar HTML > precione as teclas: CTRL+F</span></li>
<li><span style="font-size: large;">Na caixa de buscas que aparece digite: <head></span></li>
<li><span style="font-size: large;">Abaixo dessa linha cole o seguinte código: </span></li>
</ol>
<blockquote class="tr_bq">
<span style="font-size: large;"><meta content='<span style="color: #134f5c;">#C40000</span>' name='theme-color'/></span><span style="font-size: large;"><meta content='</span><span style="color: #134f5c; font-size: large;">#C40000</span><span style="font-size: large;">' name='apple-mobile-web-app-status-bar-style'/></span><span style="font-size: large;"><meta content='</span><span style="color: #0b5394; font-size: large;">#C40000</span><span style="font-size: large;">' name='msapplication-navbutton-color'/></span></blockquote>
<blockquote class="tr_bq">
</blockquote>
<span style="font-size: large;">As partes em azul acima você substitui pelo codigo de cor desejado: Para ver a tabela de cores completa acesse <a href="http://diicas.mamf.com.br/p/tabela-de-cores-html.html" target="_blank">Tabela de Cores HTML</a>. </span><br />
<span style="font-size: large;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMbn4J03Fvv7xH6Uao-nPhog6a8XwHqts7tpjBuwD887nib0r0rTPgP0kfsuc__ir6ncBJthE7O2Ms8BjggF1WQDK9rChSR7pSIxRYrDwZ0gao-4KCj98j-kFNKyOJ0C1TWQCWI3RP1H22/s1600/gtdf.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMbn4J03Fvv7xH6Uao-nPhog6a8XwHqts7tpjBuwD887nib0r0rTPgP0kfsuc__ir6ncBJthE7O2Ms8BjggF1WQDK9rChSR7pSIxRYrDwZ0gao-4KCj98j-kFNKyOJ0C1TWQCWI3RP1H22/s640/gtdf.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pré-visualização</td></tr>
</tbody></table>
<span style="font-size: large;"><br /></span></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com1tag:blogger.com,1999:blog-8814878322361587500.post-62475145334329259592016-08-13T08:02:00.002-07:002017-02-16T15:19:19.869-08:00Colocando compartilhamento por Telegram no Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoyGmU-5K9B8a2aPeFgx2o7t8fxtVWWu8ThfiGMuSlRaKtMS7WnZYqvo5umof3Our3INOuOOfOMG55ghyphenhyphenRgJUGb_BijsMbsl2X5YwQenlZATsWBXFIomq-ucba87MF-xC-m5jBks-ndIpI/s1600/gtdf.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoyGmU-5K9B8a2aPeFgx2o7t8fxtVWWu8ThfiGMuSlRaKtMS7WnZYqvo5umof3Our3INOuOOfOMG55ghyphenhyphenRgJUGb_BijsMbsl2X5YwQenlZATsWBXFIomq-ucba87MF-xC-m5jBks-ndIpI/s200/gtdf.png" width="200" /></a></div>
<span style="font-size: large;">Ultimamente o Telegram tem se popularizado no Brasil e por isso que nossos blogs precisam dar aos leitores uma forma pratica de compartilhar nossos artigos por essa ferramenta.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Depois de muita procura finalmente encontrei uma forma de compartilhar conteúdos por Telegram e vou ensinar a vocês como adicionar esse sistema em seu blog.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">Colocando o código: </span></h2>
<div>
<ol style="text-align: left;">
<li><span style="font-size: large;">Em sua conta no Blogger, vá em Modelo > Editar HTML > No teclado pressione as teclas Ctrl+F </span></li>
<li><span style="font-size: large;">Na caixa de buscas que aparece digite: <span style="color: #073763;"><div class='post-footer-line post-footer-line-1'> </span></span></li>
<li><span style="font-size: large;">E cole logo abaixo dessa linha o seguinte código: </span></li>
</ol>
<blockquote class="tr_bq">
<a alt='Compartilhar no Telegram' data-action='share/telegram/share' expr:href='<br />
&quot;https://telegram.me/share/url?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title<br />
' title='Compartilhar no Telegram'><span style="color: #3d85c6;">Compartilhar no Telegram</span></a></blockquote>
<span style="font-size: large;">A parte que coloquei em azul no código pode ser modificada, em "Compartilhe no Telegram", você pode mudar o texto. </span><br />
<blockquote class="tr_bq">
<span style="color: #990000; font-size: large;">OBS.: </span><span style="font-size: large;">Em seu blog deve estar ativado o modo para celular que pode ser feito em Modelo > Celular > </span><img alt="Personalizar modelo para celular" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAC30lEQVQ4ja1UTUiiURRtI9MirJ1JEJIlmBDaONCYRQvRoLKwf6yIyp8sI4ZgQFHaFC0iC2YrRITjYlathqAWMW1atdGBwTLNLm1apdau7vn4lCalmYERHu9779177r3nnmvF09NTxf9abz7KZDJpXV3deWNjI6nVauzSfwJjAHVtba0E38PDw00qlYosFgv19/fTyspKk2gjgd2bYHK5/HNDQwNpNJoIZ1Hp8/net7S00Pj4OM3NzVE4HNbyubK+vh7v1Nzc/KksGEcyKpVK6urqot7eXjKZTId6vf6X0WikqakpcjqdAI11dHQc6nQ6MpvN1NPTQwaDQVcClkwmP05MTFwAyO120/T0NI2OjpLdbieHw0Fer1cAHBsbK95vbGwkUqmUtlyZ7+7v77/Mzs4mAbSwsED8DYCbYDCYxI4z7hEMd/l8PgS/spytr69Xt7e3X42MjAhAm5ubiWw2e8JvYQ50srq6mpicnCSPx0OLi4tXe3t71SWcFdrPhFJbW5tA+Pz8fObu7m6b36tE46rb29ttq9V6g2Yg2ODgoGDPfudFMACBUHCByDD2+/2X/PZaV1KbzXYJO5TrcrkE+4GBASqCcUfS0BFAQDaXAF7SfX19Na80WKPVatPICJnBFmt5eTn9krMDXj8eHh5OZ2ZmrtE1GHMGEZaBtDANCoUCZ4GGpaWl68fHx1P4if6/N2Bra6uaDROFMlBCd3d3igG+8zhhJ86WOCAFAoHE/v5+aQPEyFD2Ny5D4A7tR9dQOs5DQ0NCRgAqyIb5+8r2khIw7ogJc8iZEItX0BE7ZQAGZ3HP4B5ACAThMvn6cjr7sLa29hNlsN4umL/dTCZzzMMuZAmi+XfMQt3lTl8gYCQSibOfuhwYlicWi53lcrkdKDsUCrWyiIXZBBhz1Ip7FvJOPB4/42/Hn/7PmgojEo1GlZ2dnWnmRmj/0dGRsjB6ot3f/zmK6j940f6qt+yfAdOYXbY4BoePAAAAAElFTkSuQmCC" /> <span style="font-size: large;">> Marque a opção "Sim, mostrar modelo para celular..." > Em "Escolher modelo para celular" selecione a opção "Personalizar" > Clique em "Salvar".</span></blockquote>
<span style="font-size: large;">O compartilhamento por Telegram estará disponível apenas na versão para celular.</span><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoyEzsetHKhjE0RxzYfPIUFUlSLmIOEifKzqxSo4_jF7KZPcDCv9n1TB0yJuyWtSaZkTwjHDaWRXduob7Ptk_0VUgpY5plo9KAxNyd3wNPzOFNYBAehijF_dcLlAvMYNcG6swLrM7mWLz/s1600/gtdf.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoyEzsetHKhjE0RxzYfPIUFUlSLmIOEifKzqxSo4_jF7KZPcDCv9n1TB0yJuyWtSaZkTwjHDaWRXduob7Ptk_0VUgpY5plo9KAxNyd3wNPzOFNYBAehijF_dcLlAvMYNcG6swLrM7mWLz/s320/gtdf.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Pré-visualização</td></tr>
</tbody></table>
<br /></div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-31722795175308382122016-04-24T10:46:00.001-07:002016-08-21T07:15:56.128-07:00Navbar personalizada para Blogger <div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4DjSu-k3TrISbKFxxki12wfyUGKUtIIGCGw6VWm_5KAL9iIBrQm0vr2wKmeHwl8Kbdv_ygMr05zbFjxoFAYo7zS1ccU5N1RiFfuX9xyRVMphLpT0Nq01P1Rt3wUS5jJldA3x5JGBSMnrJ/s1600/ghdx.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4DjSu-k3TrISbKFxxki12wfyUGKUtIIGCGw6VWm_5KAL9iIBrQm0vr2wKmeHwl8Kbdv_ygMr05zbFjxoFAYo7zS1ccU5N1RiFfuX9xyRVMphLpT0Nq01P1Rt3wUS5jJldA3x5JGBSMnrJ/s640/ghdx.png" width="640" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;">Muitos bloggers costumam ter mais de um blog, e sentimos aquela vontade de colocar os links de todos os blogs de uma forma organizada em todos eles. O melhor jeito é com uma navbar como essa que ensinarei você a colocar em seu blog. </span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">1°.: Adicionando o CSS</span></h2>
<div>
<ol style="text-align: left;">
<li><span style="font-size: large;">Em </span><a href="http://blogger.com/" style="font-size: x-large;">Blogger.com</a><span style="font-size: large;">, click no blog desejado </span></li>
<li><span style="font-size: large;">Depois click em "Modelo" </span></li>
<li><span style="font-size: large;">Agora click em "Editar HTML"</span></li>
<li><span style="font-size: large;">Agora use as teclas Ctrl+F</span></li>
<li><span style="font-size: large;">Na caixinha de pesquisas que apareceu digite "</span><span style="font-size: large;">]]></b:skin>"</span></li>
<li><span style="font-size: large;">Cole o código abaixo antes de "]]></b:skin>"</span></li>
</ol>
<span style="font-size: large;"><br /></span></div>
</div>
<textarea cols="10" rows="3" style="height: 104px; margin: 2px; width: 600px;">Mamfonline-Diicas
----------------------------------------------- */
.lovablenavbar {
width: 100%;
background-color: #B90E18; /* A cor de fundo da navbar */
top: 0;
left: 0;
margin: 0;
padding: 0;
height:40px;
z-index: 3;
}
ul.lovablenav {
height:20px;
font-size: 10px;
font-style: normal;
font-weight: normal;
margin: 0px auto 5px;
padding: 0;
list-style: none;
width: 900px;
}
ul.lovablenav li {
float: left;
margin: 0px;
padding: 0px;
}
ul.lovablenav li a {
color: #FFFFFF; /* A cor dos teus links */
display: block;
padding: 14px 18px;
text-decoration: none;
}
ul.lovablenav li a:hover {
color: #FFF; /* A cor dos teus links quando passas o rato por cima deles */
}
ul.lovablenav li img {
margin-top: -10px;
padding: 0;
}</textarea><br />
<h2 style="text-align: left;">
2°.: Adicionando o HTML</h2>
<div>
<ol style="text-align: left;">
<li><span style="font-size: large;">Agora na mesma caixa de pesquisa procure por "</head>"</span></li>
<li><span style="font-size: large;">E cole o código abaixo de "</head>"</span></li>
</ol>
</div>
</div>
<textarea cols="10" rows="3" style="height: 104px; margin: 2px; width: 600px;"><!-- Online Class Diicas -->
<div class='lovablenavbar'>
<ul class='lovablenav'>
<li><a href='URL DO SITE'><img src='LOGO DO SITE (Tamanho ideal: 131x35)'/></a></li>
<div class='fb-like' data-action='like' data-href='URL DO SITE' data-layout='button_count' data-share='true' data-show-faces='true'/>
<div style='float:right;'>
<li>
<a href='URL DO LINK 1'>
LINK 01
</a>
</li>
<li>
<a href='URL DO LINK 2'>
LINK 02
</a>
</li>
<li>
<a href='URL DO LINK 3'>
LINK 03
</a>
</li>
<li>
<a href='URL DO LINK 4'>
LINK 04
</a>
</li>
<li>
<a href='URL DO LINK 5'>
LINK 05
</a>
</li>
</div>
</ul>
</div>
<!-- Diicas -->
</textarea><br />
<span style="font-size: large;">Faça as modificações indicadas em letras maiúsculas no código.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-size: large;">Obs.: Para a navbar funcionar é preciso desativar a do Blogger. Para desativar vá em "Layout", procure pelo elemento "Navbar", clique no botão "Editar", e marque a opção "Desativada", salve.</span></blockquote>
<br />
<blockquote class="tr_bq">
</blockquote>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-66771966074932338382016-04-05T12:01:00.000-07:002016-08-15T12:29:24.632-07:00Legendando vídeos no Vimeo <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRvxUZeHe7LEo1ro52fdqwy6ozAsEUcgetlaaF6EpQnDPQKRsQKyvMtSJx9Z1urbhzDeHsuTgkxwqIZLloZdDCToK6S-TELe13-pNBZbrS2uJJ7iu6p86uXhGl6U-wGGrJW7wtkq0qPN4C/s1600/1280-closed-captions.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRvxUZeHe7LEo1ro52fdqwy6ozAsEUcgetlaaF6EpQnDPQKRsQKyvMtSJx9Z1urbhzDeHsuTgkxwqIZLloZdDCToK6S-TELe13-pNBZbrS2uJJ7iu6p86uXhGl6U-wGGrJW7wtkq0qPN4C/s1600/1280-closed-captions.jpg" /></a></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: large;">Neste artigo vou ensinar como colocar legendas no Vimeo, ao contrário
do You Tube o Vimeo não gera legendas automaticamente. </span><o:p></o:p></div>
<div class="MsoNormal">
<span style="font-size: large;"><br /></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: large;">O Vimeo tem um criador de legendas online que você pode usar
para criar legendas em vários idiomas.</span></div>
<div class="MsoNormal" style="text-align: justify;">
<h2>
01.: Escolha o <span style="color: white;">Vimeo </span> </h2>
<div>
<h3>
<span style="font-size: large;">Acesse o <a class="action-button shadow animate blue" href="https://vimeo.com/home/myvideos">Vimeo</a>
, e selecione um deles:<span style="font-family: "calibri" , sans-serif; line-height: 107%;"> </span></span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA1yrORBgwrur7CD-Vrs7zwxZjUl0PvzKJkHVSmDx1FBtDG7A6kkkkN6WrzxiJpoWAJnr2XN9MJ3dzKt_0wBzcDvi6GX9-W209ZGZOE37zQT8CUzGpaReJa02L7mxqehPhTLOEuQbJff-H/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA1yrORBgwrur7CD-Vrs7zwxZjUl0PvzKJkHVSmDx1FBtDG7A6kkkkN6WrzxiJpoWAJnr2XN9MJ3dzKt_0wBzcDvi6GX9-W209ZGZOE37zQT8CUzGpaReJa02L7mxqehPhTLOEuQbJff-H/s640/htgfd.png" width="640" /></a></div>
<h3>
<span style="font-size: large;"> </span>Clique em configurações:</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavoJ5pPmgLOBVH3C8rFcTu1G8l30wpkoOt7Dn7qiyyUhUCkjtyJbwaB3vWNWu7tngATgSOjcCjPWJCCnz9JbYPTmP6DM6mltSv1gF6q8IWgGF6AsXf13coegbryTdEuSVvhW6vAtlHLyD/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavoJ5pPmgLOBVH3C8rFcTu1G8l30wpkoOt7Dn7qiyyUhUCkjtyJbwaB3vWNWu7tngATgSOjcCjPWJCCnz9JbYPTmP6DM6mltSv1gF6q8IWgGF6AsXf13coegbryTdEuSVvhW6vAtlHLyD/s640/htgfd.png" width="640" /></a></div>
<h3>
Agora selecione “Avançado”, e logo após clique em “Iniciar
editor” </h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudG9CO4ciNlpsCVdoWg6nXWVRZCnUjTwRdGOcI8QQDpYXBdQ_mD4Mlz9iJS_FG38zSHjZKQz7PRobB1Vtl_lLE_9W-FBWfeTOT7t_z2kxN3dNrjdN4kKyfBSWwUECXMZeabrR9RqCbEYz/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhudG9CO4ciNlpsCVdoWg6nXWVRZCnUjTwRdGOcI8QQDpYXBdQ_mD4Mlz9iJS_FG38zSHjZKQz7PRobB1Vtl_lLE_9W-FBWfeTOT7t_z2kxN3dNrjdN4kKyfBSWwUECXMZeabrR9RqCbEYz/s640/htgfd.png" width="640" /></a></div>
<h2>
02.: Comfigurando as legendas </h2>
<div>
<h3>
Clique em “What language are….”, e selecione o idioma da
legenda. </h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiOOVWyTxYp7Z1euFj36b3_PvcMf5isEkrXZpiTB3-kM7mdb28nEecP_Znj_t-3SZMU6s5Tu_kqSPVoKsDY7ZljprtuypmW0B0A4GC1BLpVGPBXC6FwaEHURPuTyRfbyDk_ipszTdcyg0H/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiOOVWyTxYp7Z1euFj36b3_PvcMf5isEkrXZpiTB3-kM7mdb28nEecP_Znj_t-3SZMU6s5Tu_kqSPVoKsDY7ZljprtuypmW0B0A4GC1BLpVGPBXC6FwaEHURPuTyRfbyDk_ipszTdcyg0H/s640/htgfd.png" width="640" /></a></div>
<h3>
Depois de selecionado clique em “Comfirm” </h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzXvzBtkoqKt9yFVQsl-ayKdFujDQbuiXQHDejikUrGbxnOrEZehdokcNjUaMpCEUiiuod5tkX20ChxYR8CzQwGKriVUdHrxaUdeVYRKI4hKsi4WkwmEkAVeVgf0vHHRzQQqGxJO3jh0IY/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzXvzBtkoqKt9yFVQsl-ayKdFujDQbuiXQHDejikUrGbxnOrEZehdokcNjUaMpCEUiiuod5tkX20ChxYR8CzQwGKriVUdHrxaUdeVYRKI4hKsi4WkwmEkAVeVgf0vHHRzQQqGxJO3jh0IY/s640/htgfd.png" width="640" /></a></div>
<h3>
Você será levado para uma outra pagina com instruções básicas
em inglês, sobre como usar o editor. Clique em qualquer lugar da página para
essas instruções saírem. </h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivUVierJk8E66fJrGAI22WzToLQHk0O-VJku7RPIJSgs8jJf9ou35gMU79SFNZw0X0KSNR9HJTBF5NrgN7INHXjCE4aLEnRjbSMmF0ZueIqLN8mVJWvu0rz7xHohxiu_Gw3HEiC0DVaqf7/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivUVierJk8E66fJrGAI22WzToLQHk0O-VJku7RPIJSgs8jJf9ou35gMU79SFNZw0X0KSNR9HJTBF5NrgN7INHXjCE4aLEnRjbSMmF0ZueIqLN8mVJWvu0rz7xHohxiu_Gw3HEiC0DVaqf7/s640/htgfd.png" width="640" /></a></div>
<h3>
Clique no ícone da chave inglesa mostrada na imagem abaixo. </h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljP2LRwMfJRhB-BSPm2qPHunLnm4MRnm7Ti9Dw-lXfKBPD_sCXgKT5GPMZ3UwWAAcQOoPBbGWwWpM0SbOIGX9HwDS45kuOgpwbm_ebBBA-99-oaRusL0_ba3ZpBcVTFVP72k5e8QsE7ED/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljP2LRwMfJRhB-BSPm2qPHunLnm4MRnm7Ti9Dw-lXfKBPD_sCXgKT5GPMZ3UwWAAcQOoPBbGWwWpM0SbOIGX9HwDS45kuOgpwbm_ebBBA-99-oaRusL0_ba3ZpBcVTFVP72k5e8QsE7ED/s640/htgfd.png" width="640" /></a></div>
<h3>
<div class="MsoNormal">
Agora você verá algumas opções, selecione a opção “Show
Timeline” <o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQuj28D81JgJjK-8Ezb3qCZHfx3ZPpH6tvzXx33YOesO4uVH5BojsKPwpWZPKE1PQjbQCinF2dF7AxNCj_4fX6A6jZ7NgR4AYSsbsITpEnItrHbg1oYlWpDKmFGz6AIT-XStZnTwGESLm/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUQuj28D81JgJjK-8Ezb3qCZHfx3ZPpH6tvzXx33YOesO4uVH5BojsKPwpWZPKE1PQjbQCinF2dF7AxNCj_4fX6A6jZ7NgR4AYSsbsITpEnItrHbg1oYlWpDKmFGz6AIT-XStZnTwGESLm/s640/htgfd.png" width="640" /></a></div>
<div class="MsoNormal">
Você verá que abaixo do vídeo apareceu uma barra com o tempo
do vídeo</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj43lJDKpvLSHVnObmZLQFshL5OJyoWczbik4Rum85fZux2v5d0BhDqkb4Bj_vZqu8omAwZCwhWb1U15UGB6wvyfQol-5cRoshTd4klTz9CJ0XkM8i-1IY_smonLopoFNN2KVDVEi_Imd8a/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj43lJDKpvLSHVnObmZLQFshL5OJyoWczbik4Rum85fZux2v5d0BhDqkb4Bj_vZqu8omAwZCwhWb1U15UGB6wvyfQol-5cRoshTd4klTz9CJ0XkM8i-1IY_smonLopoFNN2KVDVEi_Imd8a/s640/htgfd.png" width="640" /></a></div>
</h3>
<h2>
03.: Escrevendo as legendas</h2>
<h3>
Agora clique na área mostrada na imagem abaixo, você verá
que apareceu uma caixa de texto</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAIPALM2VQoGcYAFzCyvMCFFknJ-s4muGu7QRzzeV1IC23pmB0-cAdQ0PXaRGPc0MpPQmOhp2RPWV6FuDLwhSsfm6HxI7pzsbaODtTlv9MBg8G07WV1sk3EZM1e6yAaC_L74cn69KcnCoL/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAIPALM2VQoGcYAFzCyvMCFFknJ-s4muGu7QRzzeV1IC23pmB0-cAdQ0PXaRGPc0MpPQmOhp2RPWV6FuDLwhSsfm6HxI7pzsbaODtTlv9MBg8G07WV1sk3EZM1e6yAaC_L74cn69KcnCoL/s640/htgfd.png" width="640" /></a></div>
<h3>
A partir de agora de um “Play” no vídeo, clicando em cima
dele, e no momento que começar a fala, pause-o e clique em cima da caixinha mostrada
na imagem abaixo </h3>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7DYEmUfBqzdz5ZNN8IUmI5NbbkC5ncfN4vqyjOYci9aNTmJUSU8vMrrWWUIzg5t2Fjh9a7aSf2tbWRWDCpyIh1LHYrBJgd9fytRJKkASjB348yqtKi62if_JJSU8iMfp3qQ8Rl19MHDn/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7DYEmUfBqzdz5ZNN8IUmI5NbbkC5ncfN4vqyjOYci9aNTmJUSU8vMrrWWUIzg5t2Fjh9a7aSf2tbWRWDCpyIh1LHYrBJgd9fytRJKkASjB348yqtKi62if_JJSU8iMfp3qQ8Rl19MHDn/s640/htgfd.png" width="640" /></a></div>
<h3>
Mais uma vês na caixa de texto mostrada na imagem abaixo,
digite a primeira fala (De um “Play” novamente para ouvir a fala) </h3>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN7njQ8emauOUbETpYHsJ9_99Q0GBrbUnooJ0822FdHfSErMekqmzFOiXPWRpHS5RwraJq0gkwg-DeUzDH2IUfQpHFTtYSdAtFvI3SbB8jYsPOW92Jb6CzyWSbQYyv1STsuhrKFhET0OrS/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN7njQ8emauOUbETpYHsJ9_99Q0GBrbUnooJ0822FdHfSErMekqmzFOiXPWRpHS5RwraJq0gkwg-DeUzDH2IUfQpHFTtYSdAtFvI3SbB8jYsPOW92Jb6CzyWSbQYyv1STsuhrKFhET0OrS/s640/htgfd.png" width="640" /></a></div>
<h3>
Movimente a ponta da caixinha da legenda mostrada na imagem abaixo
para escolher quanto tempo o texto ficara (De preferência no momento em que essa
fale tenha sido comcluida)</h3>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZC740PODg5UsbHQ6HN3rwv5m-dYOtw_KKB-uDNjlFnbX83-__v1FwDTgdFoRYknVrclJ00GF4e6JlDescBpU0z8UBxaB2dYxSuloUdu7B3KVZx00WUGLUI_r-RJLcaEPmQqLKBnBxR64/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZC740PODg5UsbHQ6HN3rwv5m-dYOtw_KKB-uDNjlFnbX83-__v1FwDTgdFoRYknVrclJ00GF4e6JlDescBpU0z8UBxaB2dYxSuloUdu7B3KVZx00WUGLUI_r-RJLcaEPmQqLKBnBxR64/s640/htgfd.png" width="640" /></a></div>
<h3>
Para escrever outra legenda clique em “+ New subtitle” e uma
nova caixa de texto aparecera, a partir daí repita o procedimento desde o início
do passo 03</h3>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7J8pP5sjjooh4XLYkK5HD0CbMdb1ce3tKCttgxvoEU-BGPiR0Zm66_diGWvRLBRhyphenhyphenqb72YIS_9bchU6XKjJlO07vsWLhyphenhyphenOIcherrxTHQCurI6sUpvR2X8776tixcXeFSGqCcccGUMk3u0/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7J8pP5sjjooh4XLYkK5HD0CbMdb1ce3tKCttgxvoEU-BGPiR0Zm66_diGWvRLBRhyphenhyphenqb72YIS_9bchU6XKjJlO07vsWLhyphenhyphenOIcherrxTHQCurI6sUpvR2X8776tixcXeFSGqCcccGUMk3u0/s640/htgfd.png" width="640" /></a></div>
<h2>
04.: Salvando</h2>
<h3>
Ao terminar de legendar todo o vídeo clique em “Save Draft”</h3>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9dhf9rIv7BVHGPnZAueAs0QTrVASUGidhVA5dE8qcQRteiuZ0Vmh-hcUKmLj8EZye957L5rgDHZaI3MPGwir_g0iq97Y4U_JS1NhqNGYVdx-_6OXeZxkqcyq3FVPIVCepT0NLwdY9yXC/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9dhf9rIv7BVHGPnZAueAs0QTrVASUGidhVA5dE8qcQRteiuZ0Vmh-hcUKmLj8EZye957L5rgDHZaI3MPGwir_g0iq97Y4U_JS1NhqNGYVdx-_6OXeZxkqcyq3FVPIVCepT0NLwdY9yXC/s640/htgfd.png" width="640" /></a></div>
<h3>
Clique em “Exit”</h3>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJESG6Lc7taw3AuI9dyJlsm3hgkhnq_4EnHvUiXGjUj2JnVAgwC178e4KyDzVF2PLmNDSOGRr6sUaCbZBBcHuNMnEt7YvKgpGzo-s5T29KJNfyVW2eo7r_OSj-gMNliXXK5d1EOIadnEp/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJESG6Lc7taw3AuI9dyJlsm3hgkhnq_4EnHvUiXGjUj2JnVAgwC178e4KyDzVF2PLmNDSOGRr6sUaCbZBBcHuNMnEt7YvKgpGzo-s5T29KJNfyVW2eo7r_OSj-gMNliXXK5d1EOIadnEp/s640/htgfd.png" width="640" /></a></div>
<h3>
<div class="MsoNormal">
Você verá esta mudança mostrada na imagem abaixo<o:p></o:p></div>
</h3>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioK-l6q9yYaVR_PTT3ogVbzT5H-FWybLxQ1qpn5dr8C_l0FjTVFx0cKLTi9TJUuIhbN3gqzX7ycQDHM81N_LyFtG6Q8eNKr2UlVjqn64Hc3P9FBI3n9AQ-itFP4jQvwMh4KUe1qSzmV3XY/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioK-l6q9yYaVR_PTT3ogVbzT5H-FWybLxQ1qpn5dr8C_l0FjTVFx0cKLTi9TJUuIhbN3gqzX7ycQDHM81N_LyFtG6Q8eNKr2UlVjqn64Hc3P9FBI3n9AQ-itFP4jQvwMh4KUe1qSzmV3XY/s640/htgfd.png" width="640" /></a></div>
<h3>
Dessa a página e clique em “Salvar Alterações”</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJqMyDCCSv0G0fzyuIGfLm04e0YZaxQhwTwnXPQgdwJXXmNt-DODqyaQn5gzLGDURdvc_C-ACfRzlzH5XcCbyCMWlNtcw6DJQwLtqej9v53-x3wteTmP4UpjfTMrRxsH5wIjHtEvTUiexC/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJqMyDCCSv0G0fzyuIGfLm04e0YZaxQhwTwnXPQgdwJXXmNt-DODqyaQn5gzLGDURdvc_C-ACfRzlzH5XcCbyCMWlNtcw6DJQwLtqej9v53-x3wteTmP4UpjfTMrRxsH5wIjHtEvTUiexC/s640/htgfd.png" width="640" /></a></div>
<div>
<h3>
Depois de salvo aguarde um pouco, e depois vá ver se o ícone
do CC apareceu em seu vídeo</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLO_84RIaEdUQbUI8JXxGGcNa0vurX0uH0bJQXh60tqMO5ICKr2yzAr6vQvR0i7PucMP3y6iqJ7yI_NmqjnYF1RBc4GxUKnk7APd_xGvw7fzP6ivMJGllAHeB1ssFeoj2XvFLoPZNToCCZ/s1600/htgfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLO_84RIaEdUQbUI8JXxGGcNa0vurX0uH0bJQXh60tqMO5ICKr2yzAr6vQvR0i7PucMP3y6iqJ7yI_NmqjnYF1RBc4GxUKnk7APd_xGvw7fzP6ivMJGllAHeB1ssFeoj2XvFLoPZNToCCZ/s640/htgfd.png" width="640" /></a></div>
<div>
<h3>
Caso tenha aparecido clique nele e selecione a sua legenda,
bote o vídeo para rodar e pronto!</h3>
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
<o:p></o:p></div>
</div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com0tag:blogger.com,1999:blog-8814878322361587500.post-68347401567932294792015-12-30T07:56:00.001-08:002016-08-15T12:26:34.042-07:00Como personalizar player do You Tube<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj13tG7SUNtTzNmk9U8xWlBY2xegSFQSwgAtX93EkpqjBS1KcM_71R6X72hudwFU4wh0_HkUswf6ad96Vrh06miGDwwelddZX8Tlh_7wPHhTmdm_cIOy9sruY6jWictFvHpn0YCOvvdgZw1/s1600/youtube-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj13tG7SUNtTzNmk9U8xWlBY2xegSFQSwgAtX93EkpqjBS1KcM_71R6X72hudwFU4wh0_HkUswf6ad96Vrh06miGDwwelddZX8Tlh_7wPHhTmdm_cIOy9sruY6jWictFvHpn0YCOvvdgZw1/s1600/youtube-logo.png" /></a></div>
<span style="font-size: large;">Vou ensinar como deixar o player do youtube com o estilo do seu blog ou site. Neste artigo vou ensinar como personalizar o player do youtube no Blogger.</span><br />
<a name='more'></a><br />
<span style="font-size: large;"><br /></span>
<br />
<h2 style="text-align: left;">
<span style="font-size: large;">01.: Acesse <a class="action-button shadow animate blue" href="https://www.reembed.com/"><span style="color: white;">reEmbed</span></a>
</span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifrUMFnuiACsbt6iTxRJ7HaJ8UeXUrLvZHnuvellGiqYgqoMQd0S36CjUt_J1_ysEW3G-3qi0YgoHt1podQDNqQCHAqhE74cqYMmpzG6ux_C4ht91OlSte96mRddcRAN8Te1kW_gCRRUcn/s1600/rfgves.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifrUMFnuiACsbt6iTxRJ7HaJ8UeXUrLvZHnuvellGiqYgqoMQd0S36CjUt_J1_ysEW3G-3qi0YgoHt1podQDNqQCHAqhE74cqYMmpzG6ux_C4ht91OlSte96mRddcRAN8Te1kW_gCRRUcn/s640/rfgves.png" width="640" /></a></div>
<br />
Clique em "Create your free player"<br />
<h2 style="text-align: left;">
02.: Escolha o estilo </h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0K1H1bcNoWSmA1-NnZr5oNUVihiaPh1CZm-_gYshlhzT5bY3T-hCVAFjs7lYRq51giyr2CPH50bnkYj1TQDf-49ykU_aerJSPeYjGot2K0dBgLue3MM4XxHdiIHwKMggdrPgbnisqPGCs/s1600/ghtred.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0K1H1bcNoWSmA1-NnZr5oNUVihiaPh1CZm-_gYshlhzT5bY3T-hCVAFjs7lYRq51giyr2CPH50bnkYj1TQDf-49ykU_aerJSPeYjGot2K0dBgLue3MM4XxHdiIHwKMggdrPgbnisqPGCs/s640/ghtred.png" width="640" /></a></div>
<div>
Selecione o estilo do player</div>
<h2 style="text-align: left;">
03.: Adicione uma logomarca</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGLjrGH-s1077yYKaYBZ5U5KFMeReiJO36e9vplSfUalnLaN5hyphenhyphenbrDkeg41Qr3gp5ZxQ8TosFMHa1QZSy4CoJo73R3QZkfJ0dg4ar98oYd0C5t2oYSNw1EOZ_FbsCg46Owd7uA_1Oqpkk/s1600/gvsfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGLjrGH-s1077yYKaYBZ5U5KFMeReiJO36e9vplSfUalnLaN5hyphenhyphenbrDkeg41Qr3gp5ZxQ8TosFMHa1QZSy4CoJo73R3QZkfJ0dg4ar98oYd0C5t2oYSNw1EOZ_FbsCg46Owd7uA_1Oqpkk/s640/gvsfd.png" width="640" /></a></div>
<div>
Clique em "Upload your logo(if you want)" e selecione a imagem que deseja para a logo.</div>
<h2 style="text-align: left;">
04.: Escolha as cores do Player </h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibV0E3WYVHLbhxSdt5M_0o6vLUyGWBRIXyCowyFafaFOr5FDHCV8-hEXWZhPksBOxVXblXXukLF0MlAQkoOsKDDL_uJ2eb9-6O9LcX4OgE3FQq_Eb3UVtTklpeJnReCJwdFk-73it-KC0m/s1600/tgre.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibV0E3WYVHLbhxSdt5M_0o6vLUyGWBRIXyCowyFafaFOr5FDHCV8-hEXWZhPksBOxVXblXXukLF0MlAQkoOsKDDL_uJ2eb9-6O9LcX4OgE3FQq_Eb3UVtTklpeJnReCJwdFk-73it-KC0m/s640/tgre.png" width="640" /></a></div>
<ul style="text-align: left;">
<li>Background Color= Fundo dos controles do player </li>
<li>Button Color= Cor dos controles </li>
<li>Bar Color= Cor da barra de tempo do vídeo</li>
<li>Extra color= Cor do fundo dos botões do player</li>
</ul>
<h2 style="text-align: left;">
05.: Opções avançadas</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiei9d3HY9oLDZiRgKWFLqua1B8R77XGnuKcGJfxuCaerf2UvOLSFIRLeoIfoxmbYgZUrLIu5QjArffjFa58MdMrjGBs_9asQn_GvbAMv4kwT-N20mPoFjU5xxpegFs4suACRu2ON0TYxK_/s1600/frse.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiei9d3HY9oLDZiRgKWFLqua1B8R77XGnuKcGJfxuCaerf2UvOLSFIRLeoIfoxmbYgZUrLIu5QjArffjFa58MdMrjGBs_9asQn_GvbAMv4kwT-N20mPoFjU5xxpegFs4suACRu2ON0TYxK_/s640/frse.png" width="640" /></a></div>
<h3 style="text-align: left;">
Player Options</h3>
<ul style="text-align: left;">
<li>Responsive sizing= Deixe esta opção marcada se quiser que seu player adapte a diferentes tamanhos de tela.</li>
<li>Allow sharing= Deixe esta opção marcada se quiser que a pessoa que visite seu blog possa compartilhar o vídeo no Facebook, Twitter, Google+ e link.</li>
<li>Allow embedding= Permite que seu player seja incorporado em outros sites.</li>
<li>Show annotations= Permite que as anotações do youtube apareçam no player.</li>
<li>Show video title= Deixe esta opção marcada se quiser mostrar o titulo do vídeo no inicio.</li>
<li>Logo in fullscreen= Deixe esta opção marcada se quiser que sua logomarca apareça no modo "Tela Cheia" do vídeo.</li>
</ul>
<h3 style="text-align: left;">
Supported Videos</h3>
<div>
Estes controles permitem que seu player apareça em diferentes plataformas. Você pode padronizar todos os players de videos de seu blog deixando apenas um. Marque todas as opções se quiser que seu player se adaptá ao Facebook, Vimeo e HTML5(A opção HTML5 permite que seu player adapte a qualquer player em HTML5 incorporado em seu blog). As opções Youtube e Dailymotion, são marcadas automaticamente e não é possível desmarcá-las.</div>
<h2 style="text-align: left;">
06.: Salvar player</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEIJCZf83sY5CDvVJHdkZ2qfQyLRpoGFKknFUNOXdc9AyvYPJmfSDMtFthKI43mTxUOhe1cVeAkKZUXrUXhrQEkNIohec8QL3r6CRf3BefV-W2JWWmm-cMKLFjz8yXkBBSnhM3QS8LOCf_/s1600/jgf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEIJCZf83sY5CDvVJHdkZ2qfQyLRpoGFKknFUNOXdc9AyvYPJmfSDMtFthKI43mTxUOhe1cVeAkKZUXrUXhrQEkNIohec8QL3r6CRf3BefV-W2JWWmm-cMKLFjz8yXkBBSnhM3QS8LOCf_/s640/jgf.png" width="640" /></a></div>
<div style="text-align: left;">
Clique em "Save player" e registre-se no reEmbed, </div>
<h2 style="text-align: left;">
07.:Colocar o player no Blogger</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQGI-HbHtO5Dyoa08G0juLxZ3SBlPIfKGljmknqPUnOe_GlpbKYpveXhVcAfTvWQwK5x7GSxdLm3TacJ30utm6oA3D62-29ReNd0NH6pvNoaWHH4A0jEg0seLdmm9IK6elaKytiLhtuFN2/s1600/gdf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQGI-HbHtO5Dyoa08G0juLxZ3SBlPIfKGljmknqPUnOe_GlpbKYpveXhVcAfTvWQwK5x7GSxdLm3TacJ30utm6oA3D62-29ReNd0NH6pvNoaWHH4A0jEg0seLdmm9IK6elaKytiLhtuFN2/s640/gdf.png" width="640" /></a></div>
<div>
Depois de se registrar no reEmbede, você vai ter uma pagina igual a esta, clique em "Players".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-R96Mns0dH7FEgyqoijnAvyrtC0T5RigaoRDhJbRrFPRJzjS5wCISXPl740YhVUJhanrvpV1_TDYJ5o59Sw9r68jeKGlY5Cassej5cVMxlZLo1B6Iq5qORTY90R_4cayqvHVb-Wwizcj/s1600/gtr.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-R96Mns0dH7FEgyqoijnAvyrtC0T5RigaoRDhJbRrFPRJzjS5wCISXPl740YhVUJhanrvpV1_TDYJ5o59Sw9r68jeKGlY5Cassej5cVMxlZLo1B6Iq5qORTY90R_4cayqvHVb-Wwizcj/s640/gtr.png" width="640" /></a></div>
<div>
Clique em "Install on your site >>".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGabSZqBc8roPdPfbXNVS0DWOCfLZPKOmiyFT6ozIqpQw25M6-LIO_BTJQ5wajEccClqjdNakHka3GIVUbraRiAKe_gfwUKFBbU095bOHhDEgZgj0M3ygZXFrIjr2oewBY8Ho2_2fKsVOI/s1600/gfd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGabSZqBc8roPdPfbXNVS0DWOCfLZPKOmiyFT6ozIqpQw25M6-LIO_BTJQ5wajEccClqjdNakHka3GIVUbraRiAKe_gfwUKFBbU095bOHhDEgZgj0M3ygZXFrIjr2oewBY8Ho2_2fKsVOI/s640/gfd.png" width="640" /></a></div>
<div>
Clique em "Blogger". Abra uma nova página no navegador e entre em sua conta no Blogger> Clique em "Modelo".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7_5ZdkqRP2qt3A6CJC7i9b29d3bUIYtjJySzPXFrL6TEPSbN1e4gLQJSffzo8vdKcQ46QX6XpqU_uoh-9Ib4f2sMCgzKoZAES_NoLcZudwBEMavpIe-eELaFe6vpORSzXP7I0bi1qPXsD/s1600/GS.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7_5ZdkqRP2qt3A6CJC7i9b29d3bUIYtjJySzPXFrL6TEPSbN1e4gLQJSffzo8vdKcQ46QX6XpqU_uoh-9Ib4f2sMCgzKoZAES_NoLcZudwBEMavpIe-eELaFe6vpORSzXP7I0bi1qPXsD/s640/GS.png" width="640" /></a></div>
<div>
<br /></div>
<div>
Clique em " Editar HTML".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_4yX_TzHBe1WpC05WmmQukLhaJSQCgSmpLeipdnzckXkaC0pPzR2hrK7tLrzaydZZQYWOmSoAsVOtnj2oCke7jt6tTXjnwuWWTW8thijbn4F7UuBUqyY_NSOKPX-E93r5DnpffL4MPaLN/s1600/fres.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_4yX_TzHBe1WpC05WmmQukLhaJSQCgSmpLeipdnzckXkaC0pPzR2hrK7tLrzaydZZQYWOmSoAsVOtnj2oCke7jt6tTXjnwuWWTW8thijbn4F7UuBUqyY_NSOKPX-E93r5DnpffL4MPaLN/s640/fres.png" width="640" /></a></div>
<div>
Digite "</head>", na caixa que aparaceu, e clique na tecla "Enter".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguqWaEAg24dhyphenhyphenYKI3oJhGCbCzDZixbEvAIYZuAUr87Ucx10X-XnnszoX-MSrHCxvmRMrxvhx3QeCxOdEir6QmoRLmFHU-Jbc54eoEeBDD1IUjiyEE1mNCt9FJ2G2fos5_H97ZHYE1JufkI/s1600/gsd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguqWaEAg24dhyphenhyphenYKI3oJhGCbCzDZixbEvAIYZuAUr87Ucx10X-XnnszoX-MSrHCxvmRMrxvhx3QeCxOdEir6QmoRLmFHU-Jbc54eoEeBDD1IUjiyEE1mNCt9FJ2G2fos5_H97ZHYE1JufkI/s640/gsd.png" width="640" /></a></div>
<div>
<b>Copie o código.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv-GS5Zkyh1ODBTPQNimCUdYtwEC5GA3P4pdsgfO7GZWjunz_xl037WyTdt_RTKMypJwAOZvy663MrDIk7-TDMsurBibJLnxMKfbPakI8aljh1RVHbK6NygNHu_GbtgoGKhhqw3y1Fl1j_/s1600/cfdsa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv-GS5Zkyh1ODBTPQNimCUdYtwEC5GA3P4pdsgfO7GZWjunz_xl037WyTdt_RTKMypJwAOZvy663MrDIk7-TDMsurBibJLnxMKfbPakI8aljh1RVHbK6NygNHu_GbtgoGKhhqw3y1Fl1j_/s640/cfdsa.png" width="640" /></a></div>
<div>
<b><br /></b></div>
<div>
Cole o código copiado <b>antes</b> de </ head>. Clique em "Salvar Modelo". Procure em seu blog um post que tenha um vídeo, você vai ver que o vídeo agora esta utilizando o seu player, e não o player do youtube.</div>
<div>
<br /></div>
<div>
Então este tutorial lhe ajudou, por favor comentem..... </div>
</div>
Matheus Araújohttp://www.blogger.com/profile/07016472648041274421noreply@blogger.com1