tag:blogger.com,1999:blog-70525520271482689192024-03-19T00:29:07.032-03:00Blog do JoanirContos, dicas, observações do mundo, ideias, tudo a partir da minha cabeça.Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comBlogger274125tag:blogger.com,1999:blog-7052552027148268919.post-74022084429322765822021-04-20T01:39:00.001-03:002021-04-20T01:40:41.054-03:00Minhas aftas<p> Todos têm seus pares </p><p>Já eu tenho minhas aftas</p><p>Minhas flautas</p><p>Meus sobrinhos</p><p>Minhas brigas com pessoas que moram no outro canto do país </p><p>E nem sei pra que todas essas poucas coisas</p><p>Se no final das contas, nada faz sentido</p><p>Nada tem importância real</p><p><br /></p><p>Somos só mais um</p><p>E logo aparece outro </p><p>Pra ocupar uma nova temporada.</p>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-51081744349809929322018-05-10T23:00:00.000-03:002018-10-04T13:25:41.753-03:00Como colocar comentários do Facebook e deixá-los juntos com os do Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="comocolocarcoments">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="line-height: 18.4px; text-align: justify;">Se você quer dar mais uma opção para os seus leitores comentarem no seu </span><i style="line-height: 18.4px; text-align: justify;">blog</i><span style="line-height: 18.4px; text-align: justify;"> e ao mesmo tempo promovê-lo, você está lendo o </span><i style="line-height: 18.4px; text-align: justify;">post</i><span style="line-height: 18.4px; text-align: justify;"> certo. Aqui, ensinaremos como pôr a <b>caixa de comentário atualizada do Facebook</b> e manter a caixa de comentário do </span><i style="line-height: 18.4px; text-align: justify;">blog</i><span style="line-height: 18.4px; text-align: justify;">, assim, o leitor poderá escolher um dos dois para comentar. Ensinaremos também como moderar esses comentários e como ser notificado quando alguém comentar.</span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
<div style="text-align: justify;">
<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/AVvXsEgONLmJYOAyM7c_asw3rDxbp-e-rKI6PJW68X8LxkeE6aaqsOnHJjTw50arIRChkxUgGRxym53o_hyO7xmTb1yLy5oo_jmQz4VLPNukgokZF-Y5OjQdvuiXzqB4yt2JJnPLRABdEh7Dkmaz/s1600/facebook-blogger-comentarios.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONLmJYOAyM7c_asw3rDxbp-e-rKI6PJW68X8LxkeE6aaqsOnHJjTw50arIRChkxUgGRxym53o_hyO7xmTb1yLy5oo_jmQz4VLPNukgokZF-Y5OjQdvuiXzqB4yt2JJnPLRABdEh7Dkmaz/s1600/facebook-blogger-comentarios.jpg" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Adicionar comentários do Facebook juntamente com o do Blogger<br />
<a href="https://www.blogger.com/null" name="more"></a></td></tr>
</tbody></table>
<span style="line-height: 18.399999618530273px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #4c1130;"><span style="line-height: 18.4px;">Infelizmente, o tutorial é grande, mas está bem explicadinho, "nos seus mínimos detalhes". Está dividido em três etapas para melhor visualização. Então, vamos lá!</span></span></div>
<b><span style="font-size: 12.0pt; line-height: 115%;"><span style="color: #4c1130;"><br /></span></span></b> <br />
<h3 class="titulobacanudo">
1 - Criando um "app" (aplicativo) no Facebook</h3>
</div>
<div class="MsoNormal">
<div style="text-align: left;">
<b><span style="background-color: #c27ba0;">1.1 -</span> </b>Primeiramente, deve-se criar um aplicativo no <span style="color: #4c1130;">F</span>acebook. Para isso, acesse <a href="https://developers.facebook.com/apps/" target="_blank">https://developers.facebook.com/apps/</a> e clique em <b>+Add a New App (Adicionar um novo aplicativo)</b>.</div>
<br /></div>
<div class="MsoNormal">
<div style="text-align: left;">
<o:p></o:p></div>
</div>
<div class="MsoNormal">
<!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"/> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"/> <v:f eqn="sum @0 1 0"/> <v:f eqn="sum 0 0 @1"/> <v:f eqn="prod @2 1 2"/> <v:f eqn="prod @3 21600 pixelWidth"/> <v:f eqn="prod @3 21600 pixelHeight"/> <v:f eqn="sum @0 0 1"/> <v:f eqn="prod @6 1 2"/> <v:f eqn="prod @7 21600 pixelWidth"/> <v:f eqn="sum @8 21600 0"/> <v:f eqn="prod @7 21600 pixelHeight"/> <v:f eqn="sum @10 21600 0"/> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/> <o:lock v:ext="edit" aspectratio="t"/></v:shapetype><v:shape id="Imagem_x0020_1" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:424.5pt;height:96pt;visibility:visible'> <v:imagedata src="file:///C:\Users\CHUPAJ~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png" o:title=""/></v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<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/AVvXsEgGCmTYO8Ff-8HSdJIL5puxNHOd_8G71K0-CsHg7m-RSaryfsgcH0ZENcKwahxz5pNaD6q_XkNDSOEzdPZtUimUrOz-h-gtM3xccU4BAXyrzm5qixY6jVtp6IVPS0CGQ83kXhwWUYMdV484/s1600/add-a-new-app.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Clique no botão verde, localizado próximo ao canto superior direito, +Add a New App" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGCmTYO8Ff-8HSdJIL5puxNHOd_8G71K0-CsHg7m-RSaryfsgcH0ZENcKwahxz5pNaD6q_XkNDSOEzdPZtUimUrOz-h-gtM3xccU4BAXyrzm5qixY6jVtp6IVPS0CGQ83kXhwWUYMdV484/s1600/add-a-new-app.png" title="Criando um novo App no Facebook Developers" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Adicionando um novo App</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
<div class="MsoNormal">
Na janela que se abre, selecione <b>www</b>:<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/AVvXsEiVXaKaV8d5gMjRCHj9z9bsVYn3z1_UWqta3ARo1oJvJUTL6YA0oG_7rA5I0DsZ4fTHpVbt-mf_y9Sry9rUEwIp_5rmScXj9znhBd4ZPh2SWWGj-tedI0znWOtw9TV8R0YinTGpS43HHDc8/s1600/site.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Editando HTML do blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVXaKaV8d5gMjRCHj9z9bsVYn3z1_UWqta3ARo1oJvJUTL6YA0oG_7rA5I0DsZ4fTHpVbt-mf_y9Sry9rUEwIp_5rmScXj9znhBd4ZPh2SWWGj-tedI0znWOtw9TV8R0YinTGpS43HHDc8/s1600/site.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Selecione <b>www</b></td></tr>
</tbody></table>
<div style="text-align: center;">
</div>
Após isso, você será levado para outra página que mostrará alguns de seus aplicativos, caso vocês os tenha. Ignore isso e clique em <b>Skip and Create App ID</b>:<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/AVvXsEg3HrOrW-BSGZnu1X7SgrrZ1kfCZah2oMy2gCrC1lJJzNE-MkJ__DoSMqpUriiOLAVyVSBeV_m7A_ZCgREBmsTakzqt7G-CtxpeV-CpOm8B1dSuOqesmkqL9wOpoI3KdNhdeZf-shj03Apx/s1600/Skip-and-Create-App-ID.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HrOrW-BSGZnu1X7SgrrZ1kfCZah2oMy2gCrC1lJJzNE-MkJ__DoSMqpUriiOLAVyVSBeV_m7A_ZCgREBmsTakzqt7G-CtxpeV-CpOm8B1dSuOqesmkqL9wOpoI3KdNhdeZf-shj03Apx/s1600/Skip-and-Create-App-ID.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Clique em <b>Skip and Create App ID</b></td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
Na janela que se abre, preencha o que se pede (Observação: pode ser que estas opções já estejam traduzidas):<o:p></o:p></div>
<div class="MsoNormal">
<u>Display name</u> (Nome de exibição): Escolha um nome para o aplicativo;<br />
<u>Contact Email</u> (Email de contato): Coloque o seu <i>e-mail</i> de contato; </div>
<div class="MsoNormal">
<u>Namespace</u>: Coloque o mesmo nome de cima, só que sem espaço (e sem acentos);<br />
<u>Is this a test version...</u> (Esta é uma versão de teste de outro aplicativo?): Não </div>
<div class="MsoNormal">
<u>Categoria</u>: escolha "Apps for Pages (Aplicativos para Páginas)".<o:p></o:p></div>
<div class="MsoNormal">
E clique em <b>Create App ID (Criar um ID do Aplicativo)</b>.<o:p></o:p></div>
<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/AVvXsEgrJ4v_RCxIvXtTeqm5uqAvcuiqH5EXFyBkPQRc-P9gpXdB7z2GkUUs1Ib25e8ipAhditvR6i-wrsVlBbBgsERHMLdKL3TDWLl_8gUCrfL9WEGoi_ru5VwuFgkllAAqA0hlaJWajQWtpPFS/s1600/create-a-new-app-id.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJ4v_RCxIvXtTeqm5uqAvcuiqH5EXFyBkPQRc-P9gpXdB7z2GkUUs1Ib25e8ipAhditvR6i-wrsVlBbBgsERHMLdKL3TDWLl_8gUCrfL9WEGoi_ru5VwuFgkllAAqA0hlaJWajQWtpPFS/s1600/create-a-new-app-id.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Criando o aplicativo</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_2" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:425.25pt; height:229.5pt;visibility:visible'> <v:imagedata src="file:///C:\Users\CHUPAJ~1\AppData\Local\Temp\msohtmlclip1\01\clip_image003.png" o:title=""/></v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MsoNormal">
Aparecerá uma janela chamada <b>Security Check</b>. Basta preenchê-la com o que for pedido e clicar em <b>Submit</b>. Por exemplo, pode ser pedido para que você selecione as imagens que têm uma flor.<o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_3" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:338.25pt; height:216.75pt;visibility:visible'> <v:imagedata src="file:///C:\Users\CHUPAJ~1\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png" o:title=""/></v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MsoNormal">
<b><span style="background-color: #c27ba0;">1.2 -</span> </b>Finalmente, você estará com o Aplicativo criado, mas precisará configurar algumas coisas. Na coluna de opções, selecione <b>Settings (Configurações)</b> e preencha os campos que ainda não estejam preenchidos:</div>
<div class="MsoNormal">
<u>App Domains</u> (Domínios do aplicativo): Digite aqui o endereço do seu blog, sem o "https":<o:p></o:p></div>
<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/AVvXsEgnZTIXvPqCXDa2moFxshHg1ZWxdThvgiwTrTuQvA0mUEOc_ReU-ar7sEsV4k2LWnO33qrZk4lP5HqQRzHTeFZPhDhuEYuU6b3MheuTAuFLrMF8Z4ICi0Xz4SFleIcaI9b1Vd0Z8Z81XRSB/s1600/settings.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnZTIXvPqCXDa2moFxshHg1ZWxdThvgiwTrTuQvA0mUEOc_ReU-ar7sEsV4k2LWnO33qrZk4lP5HqQRzHTeFZPhDhuEYuU6b3MheuTAuFLrMF8Z4ICi0Xz4SFleIcaI9b1Vd0Z8Z81XRSB/s1600/settings.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Coloque o endereço do seu <i>blog</i> sem o "https"</td></tr>
</tbody></table>
<br />
<div class="MsoNormal">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_5" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:425.25pt; height:206.25pt;visibility:visible'> <v:imagedata src="file:///C:\Users\CHUPAJ~1\AppData\Local\Temp\msohtmlclip1\01\clip_image006.png" o:title=""/></v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MsoNormal">
<b><span style="background-color: #c27ba0;">1.3 -</span> </b>Depois, ainda nessa janela, clique em <b>+ Add Platform (+Adicionar Plataforma)</b> e selecione “<b>Site</b>”. Na aba que aparecer, em <b>Site URL</b>, adicione o endereço completo do seu <i>blog</i>, com o <b>https://</b>. Clique em Save Changes (Salvar alterações). <o:p></o:p></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<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/AVvXsEgCKe8IQ4xAMktQG9CiDLUBC-vV_ltaSMjgqErbXnMRQXjqIuK7zFnCHh12pCYw4mc_D4TnlaOhCzhzwEdVtFXiSY_gVamBHWxCL5hXEg2uVDoq_15zIwFaxDeiM35TBTV4-AzJI81s3R8_/s1600/add-site.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKe8IQ4xAMktQG9CiDLUBC-vV_ltaSMjgqErbXnMRQXjqIuK7zFnCHh12pCYw4mc_D4TnlaOhCzhzwEdVtFXiSY_gVamBHWxCL5hXEg2uVDoq_15zIwFaxDeiM35TBTV4-AzJI81s3R8_/s1600/add-site.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Criando aplicativo" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Adicionando endereço completo do <i>blog</i></td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
<o:p></o:p></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal">
<b style="background-color: #c27ba0;">1.4 -</b> Agora, vá para <b>App Review</b> <b>(Revisão do Aplicativo)</b> (1), clique em "Yes (Sim)" (2) para tornar o App público e clique em <b>Confirm</b> (3):</div>
<div class="MsoNormal">
<o:p></o:p></div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="MsoNormal">
<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/AVvXsEiCV-iBdrAWHSNeORnNz_v-0zmdS1wlVQ-aidkorymMLxoxoIvzhLKQcA8nhA17oDc77koDsv8a9PlFMIu3DflqKWfCa4gwOz2_cMS2faEj-wVOeZWOKs0NNbu0qA1tmqPuWFlKQu_M-kBH/s1600/app-review.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Tornando o aplicativo público" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCV-iBdrAWHSNeORnNz_v-0zmdS1wlVQ-aidkorymMLxoxoIvzhLKQcA8nhA17oDc77koDsv8a9PlFMIu3DflqKWfCa4gwOz2_cMS2faEj-wVOeZWOKs0NNbu0qA1tmqPuWFlKQu_M-kBH/s1600/app-review.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Tornando o aplicativo público" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tornando o App público</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
<b><span style="background-color: #c27ba0;">1.5 -</span> </b>Na coluna lateral, selecione novamente o <b>Dashboard (Painel)</b> e guarde o ID do aplicativo (ou deixe essa janela aberta).</div>
<br />
<div class="MsoNormal" style="text-align: center;">
<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/AVvXsEjirKKEvhGrEyHIPtxeYKSljV9JTshYpZOrRcf6g-SmIbX8qUXkUuTMXUbTCRwmP4f7hr6ENLZwehcothPJAb2-anDSzOINrLZwgSyV3BypE9gcNHG49yR_ZrVqlIBfsbp1Q32_EIBb2j9p/s1600/dashboard.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - ID do aplicativo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjirKKEvhGrEyHIPtxeYKSljV9JTshYpZOrRcf6g-SmIbX8qUXkUuTMXUbTCRwmP4f7hr6ENLZwehcothPJAb2-anDSzOINrLZwgSyV3BypE9gcNHG49yR_ZrVqlIBfsbp1Q32_EIBb2j9p/s1600/dashboard.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - ID do aplicativo" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Guarde o ID do seu aplicativo</td></tr>
</tbody></table>
<br /></div>
<div class="MsoNormal">
<h3 class="titulobacanudo" style="text-align: left;">
2 - Colocando os códigos no template do blogger</h3>
</div>
<div class="MsoNormal">
<b><span style="background-color: yellow;">2.1 -</span> </b>Vá para o painel do seu blog, selecione <b>“Modelo” </b>e clique em <b>Editar HTML</b>: <br />
<br />
<div style="background: red; border: 1px solid black; color: white; padding: 5px; width: 100%;">
ATENÇÃO:<br />
* Antes de qualquer alteração no seu <i>template</i>, faça o <i>backup</i> do mesmo.<br />
* Recomendamos que você crie um <i>blog</i> de teste e faça os passos lá. Se tudo ocorrer bem, você poderá aplicá-lo ao seu <i>blog</i> principal.<br />
*Não nos responsabilizamos por quaisquer danos causados pelo seguimento deste tutorial.</div>
</div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_9" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:425.25pt;height:170.25pt; visibility:visible'> <v:imagedata src="file:///C:\Users\CHUPAJ~1\AppData\Local\Temp\msohtmlclip1\01\clip_image016.png" o:title=""/></v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<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/AVvXsEgdIzQjG6bohBL81-FnogfEMGdkyshvIWxBxBZTMyx9XXeeZYopU_Vub5ghihFA-3J6zQJ4q_7zSHtNonTIod5Bd9HFI6GJImmdbs-EEqXPmlIqajF_PZYPVDJ3cctDUcvby0103_U_aGBW/s1600/09.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Editando HTML do blog" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdIzQjG6bohBL81-FnogfEMGdkyshvIWxBxBZTMyx9XXeeZYopU_Vub5ghihFA-3J6zQJ4q_7zSHtNonTIod5Bd9HFI6GJImmdbs-EEqXPmlIqajF_PZYPVDJ3cctDUcvby0103_U_aGBW/s1600/09.png" title="Como colocar comentários do Facebook e deixá-los juntos com os do Blog - Editando HTML do blog" width="640" /><span style="font-size: xx-small;"></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: xx-small;">Não esqueça de fazer o backup antes de qualquer alteração</span></td></tr>
</tbody></table>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br />
<b><span style="background-color: yellow;">2.2 -</span> </b>Agora, clique em qualquer área dentro do editor de códigos e aperte <b>Ctrl+F</b> para abrir uma caixa de busca dentro do próprio template.<br />
<br />
<b>ATENÇÃO: </b>Você deve clicar em qualquer área do editor de texto (1), e não fora dela. Após deixar o cursor piscando nela, você aperta <b>Ctrl+F</b> para abrir a caixa de busca dentro dele (2), e não fora. Veja na imagem abaixo:<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/AVvXsEh-kHWjSkAkj5yIuXiY2v-lUIipJi6TFQqbGAE1F4MoQXStiP6vmUtAQXODgfsZDTItDzoH6gsc1bfR78RyvUeHbwIIwiPOuUJD33NudOspk3z71JP3QRPieMEDW3md5MB3L0TSt2B5cliV/s1600/busca-blogger.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-kHWjSkAkj5yIuXiY2v-lUIipJi6TFQqbGAE1F4MoQXStiP6vmUtAQXODgfsZDTItDzoH6gsc1bfR78RyvUeHbwIIwiPOuUJD33NudOspk3z71JP3QRPieMEDW3md5MB3L0TSt2B5cliV/s1600/busca-blogger.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Como procurar partes do código no Blogger</td></tr>
</tbody></table>
<br />
<b><span style="background-color: yellow;">2.3 -</span> </b>Nessa caixa de pesquisa, procure por <span style="background-color: #f3f3f3;"><b></head></b></span>, cole <u>antes</u>dele o seguinte código e clique em “Salvar modelo”:<br />
<br />
<blockquote class="tr_bq">
<b>Atualização (13 de abril de 2016):</b> Este código foi atualizado. Caso você tenha acessado este tutorial anteriormente, localize essa parte e faça a substituição do anterior. Obs.: o código anterior ainda está em funcionamento.</blockquote>
<br /></div>
<div id="fund">
<script><br />
window.fbAsyncInit = function() {<br />
FB.init({<br />
appId : '<span style="color: red;">SEU_APP_ID</span>',<br />
xfbml : true,<br />
version : 'v2.8'<br />
});<br />
};<br />
(function(d, s, id){<br />
var js, fjs = d.getElementsByTagName(s)[0];<br />
if (d.getElementById(id)) {return;}<br />
js = d.createElement(s); js.id = id;<br />
js.src = "//connect.facebook.net/<span style="color: lime;">pt_BR</span>/sdk.js";<br />
fjs.parentNode.insertBefore(js, fjs);<br />
}(document, 'script', 'facebook-jssdk'));<br />
</script><br />
<meta content='<span style="color: red;">SEU_APP_ID</span>' property='fb:app_id'/><br />
<br />
<script type='text/javascript'><br />
function commentToggle(comentario) {<br />
if (comentario == '#fb-comments'){<br />
window.document.getElementById("fb-comments-page").style.display='block';<br />
window.document.getElementById("blogger-comments-page").style.display='none';<br />
window.document.getElementById("fb-comments").style.background='#ffffff';<br />
window.document.getElementById("blogger-comments").style.background='#d1d1d1';<br />
} else if (comentario == '#blogger-comments') {<br />
window.document.getElementById("blogger-comments-page").style.display='block';<br />
window.document.getElementById("fb-comments-page").style.display='none';<br />
window.document.getElementById("blogger-comments").style.background='#ffffff';<br />
window.document.getElementById("fb-comments").style.background='#d1d1d1';<br />
}}<br />
window.onload = function(){<br />
commentToggle('#fb-comments');<br />
}</script></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
Caso você seja de Portugal ou Espanha, ou qualquer outro país, troque o <span style="color: lime;">pt_BR</span> por <span style="color: lime;">pt_PT</span> (Portugal), <span style="color: lime;">es_ES </span>(Espanha) ou a sigla correspondente ao seu país.<br />
<br />
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="background-color: yellow;">2.4 -</span> </b>Troque <span style="color: red;">SEU_APP_ID</span> pelo <b>ID do aplicativo</b> que você acabou de criar. (Cuidado para não retirar as aspas).</div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br />
<blockquote class="tr_bq">
<b>Atualização (15 de novembro de 2016): </b>A documentação do Facebook diz que você deve configurar o ID do Aplicativo ou de sua conta, não ambos. Então, não precisa mais descobrir qual é o ID da sua conta.</blockquote>
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="background-color: yellow;">2.5 -</span> </b>Agora vamos inserir os códigos <span style="color: #20124d;">CSS</span>. São eles que darão a aparência e estilo da box do Facebook e do Blogger. Procure por <span style="background-color: #f3f3f3;"><b>]]></b:skin></b></span>, cole esse código <u>antes</u> dele e clique em “Salvar modelo”:<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div id="fund">
.comments-page {background-color: #f2f2f2;}<br />
#blogger-comments-page {padding: 0px 5px;display: none;}<br />
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}<br />
.comments-tab-icon { height: 14px;width: auto;margin-right: 3px;}<br />
.comments-tab:hover { background-color: #eeeeee;}<br />
.inactive-select-tab { background-color: #d1d1d1;}<br />
.comments-page .fb_iframe_widget,<br />
.comments-page .fb_iframe_widget span,<br />
.comments-page .fb_iframe_widget span iframe[style] {<br />
min-width: 100% !important;<br />
width: 100% !important;<br />
} </div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="background-color: yellow;">2.6 -</span> </b>Ainda não há nenhuma alteração visível no seu blog. Procure por <span style="background-color: #f3f3f3;"><b><div class='comments' id='comments'></b></span> e cole o seguinte código <u>depois</u>dessa linha.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Obs.: Você deverá encontrar dois resultados para essa busca. Cole o código nas duas ocorrências, caso contrário, a box poderá aparecer ou não em algumas postagens.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div id="fund">
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comentários no Facebook'><br />
<img class='comments-tab-icon' src='https://sites.google.com/site/docjoanir/img/btface.png'/><br />
<fb:comments-count expr:href='data:post.url'/> Comentário(s)<br />
</div><br />
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comentários no Blogger'><br />
<img class='comments-tab-icon' src='https://sites.google.com/site/docjoanir/img/btblogger.png'/> <data:post.numComments/> Comentário(s)<br />
</div><div class='clear'/><br />
</div><br />
<div class='comments-page' id='fb-comments-page'><br />
<b:if cond='data:blog.pageType != "index"'><br />
<div id='fb-root'/><br />
<fb:comments expr:href='data:post.url' num_posts='10' width='100%' data-colorscheme='<span style="color: blue;">light</span>' /><br />
</b:if><br />
</div><br />
<div class='comments comments-page' id='blogger-comments-page'> </div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Caso você tenha encontrado apenas um <b><div class='comments' id='comments'></b>, procure por <b><div class='comments'></b> ou <b><div id='comments'></b> e cole também o código abaixo dele.<br />
<br />
Note que destacamos o "light". Ele é o valor padrão para a sua box do Face. Caso seu <i>template</i> seja escuro, troque o "light" pelo "dark" e veja o que acontece.<br />
<br />
<div style="background: rgba(1, 244, 44, 0.498039); border: 1px solid rgb(0, 0, 0); text-align: left;">
<h3>
Quer a Box do Blogger antes da do Face?</h3>
<div class="MsoNormal" style="padding: 10px;">
Se você quiser que a Box do Blogger esteja selecionada por padrão e apareça antes da Box do Face, acesse: <a href="https://blog.joanir.com/2016/02/comentarios-blogger-antes-facebook.html" target="_blank">Colocar os comentários do Blogger antes dos comentários do Facebook</a>.</div>
</div>
</div>
<br />
<div style="background: rgba(215, 44, 44, 0.5); border: 1px solid #000;">
<h3>
A box do Facebook não está aparecendo. E agora?</h3>
<div class="MsoNormal" style="padding: 10px;">
Se você seguiu todos os passos até aqui e a <i>box</i> do Facebook não apareceu (ou apareceu parcialmente), siga esse tutorial que escrevi hoje (22 de junho de 2015) apontando algumas causas e soluções para esses problemas: <a href="http://blog.joanir.com/2015/06/bug-nos-comentarios-do-facebook-no.html" target="_blank" title="Bug nos comentários do Facebook no Blogger: como resolvê-los"><b>Bug nos comentários do Facebook no Blogger</b></a> </div>
</div>
<br />
<div class="MsoNormal" style="text-align: justify;">
<h3 class="titulobacanudo">
3 - Moderando os comentários do Facebook</h3>
</div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Com todos os códigos colocados, agora precisamos configurar a moderação. Se alguém comenta algo no seu <i>blog</i>, você precisa receber uma notificação para que saiba que essa pessoa comentou, não é mesmo? O Facebook oferece essa funcionalidade nessa box, desde que esteja tudo configurado corretamente. Lembra dos IDs pedidos no passo 2.4? Eles servem para o Facebook saber que você é o administrador do <i>blog</i> onde a box está inserida e pra qual <i>App</i> enviar os dados comentados.<br />
<br />
<b><span style="background-color: lime;">3.1 -</span> </b>Então, acesse: <b><a href="https://developers.facebook.com/tools/comments" target="_blank">https://developers.facebook.com/tools/comments</a> </b>e você verá seu Painel de Controle de comentários. Adicione esse endereço aos seus favoritos, pois é bom que você faça visitas periódicas a ele.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Clique em configurações:<o:p></o:p><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/AVvXsEhVRFIqzBfiAUUvyDopZ0GivRoOPbuJOT3FaIOOIqYcIrVLvnO3jnFDqQrapuaXBQ7P_mG8cBxGCy3UJP8EVRgvFCfKaR33B8fZ09_HbqQeMaLMNQhXcMSm9ZeN-9rPd379Nh7C3A5O3Qts/s1600/moderar-comentarios-facebook-blogger.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVRFIqzBfiAUUvyDopZ0GivRoOPbuJOT3FaIOOIqYcIrVLvnO3jnFDqQrapuaXBQ7P_mG8cBxGCy3UJP8EVRgvFCfKaR33B8fZ09_HbqQeMaLMNQhXcMSm9ZeN-9rPd379Nh7C3A5O3Qts/s1600/moderar-comentarios-facebook-blogger.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Moderar comentários</td></tr>
</tbody></table>
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_11" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:424.5pt;height:156.75pt; visibility:visible'> <v:imagedata src="file:///C:\Users\CHUPAJ~1\AppData\Local\Temp\msohtmlclip1\01\clip_image020.png" o:title=""/></v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="background-color: lime;">3.2 -</span> </b>Na janela que abrir, adicione-se como moderador. Veja abaixo o que significa cada uma das opções:<br />
<br />
<blockquote class="tr_bq">
<b>Atualização (13 de abril de 2016):</b> Esta janela foi atualizada e agora está dividida por abas. Faça as observações necessárias para aplicar as configurações abaixo.</blockquote>
<br />
<div style="text-align: left;">
<span style="background-color: red;"> </span> <b>Moderators</b>: Adicione pessoas que poderão moderar os comentários feitos. Adicione-se também;</div>
<div style="text-align: left;">
<span style="background-color: magenta;"> </span> <b>Blacklisted Words</b>: Escreva aqui algumas palavras que serão bloqueadas na box. Comentários que as contenham ficaram ocultos e irá para a aba "hidden". Lá, você pode torná-lo público ou não;</div>
<div style="text-align: left;">
<span style="background-color: orange;"> </span> <b>Comment Length Limit</b>: Defina até quantos caracteres poderão ter em um comentário;</div>
<div style="text-align: left;">
<span style="background-color: cyan;"> </span> <b>Enable Attachments</b>: Ative a anexação de imagens nos comentários;</div>
<div style="text-align: left;">
<span style="background-color: blue;"> </span> <b>Sort Comments By</b>: Defina a ordem em que os comentários aparecerão: Top (mais populares), Newest (novos primeiros) e Oldest (antigos primeiros);</div>
<div style="text-align: left;">
<span style="background-color: purple;"> </span> <b>Moderation</b>: Public (os comentários serão públicos automaticamente; Review Blacklisted Comments(os comentários que conterem as palavras bloqueadas definidas estarão ocultos passivos à moderação) e Closed (todos os comentários estarão ocultos e apenas os comentários que não estiverem na lista de palavras bloqueadas ficarão passíveis de moderação);</div>
<div style="text-align: left;">
<span style="background-color: #38761d;"> </span> <b>Notifications</b>: Defina se você e outros moderadores serão notificados a cada comentário novo.<br />
<br />
Se você tem uma página do Facebook dedicada ao seu <i>blog</i>, ative o <b>Espelhamento de comentários</b>. Assim, os comentários feitos nos seus <i>posts</i> também aparecerão na sua página.</div>
<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/AVvXsEgOAg4StYnVi2QL580Kz0vZO5Q__amss4Fb1wHgITfZ77aUF-QhoIb34O2CyNZuMf-CTza4pHl5YN4nSRm6sAuCWFeeDI-zBvkQuLdRCb-Q-cxjc2c2S-9MmuVsRjzUqwevVnGqQo650H6U/s1600/notification.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOAg4StYnVi2QL580Kz0vZO5Q__amss4Fb1wHgITfZ77aUF-QhoIb34O2CyNZuMf-CTza4pHl5YN4nSRm6sAuCWFeeDI-zBvkQuLdRCb-Q-cxjc2c2S-9MmuVsRjzUqwevVnGqQo650H6U/s1600/notification.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ajustando as notificações</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<!--[if gte vml 1]><v:shape id="Imagem_x0020_13" o:spid="_x0000_i1036" type="#_x0000_t75" style='width:424.5pt;height:452.25pt; visibility:visible'> <v:imagedata src="file:///C:\Users\CHUPAJ~1\AppData\Local\Temp\msohtmlclip1\01\clip_image022.png" o:title=""/></v:shape><![endif]--><!--[if !vml]--><!--[endif]--><o:p></o:p></div>
<div style="background-size: auto 100%; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7aEVg2DzsNEy5GO4gWzcwyCETYhgBkf7cNm_Pb74K0j_OVN6C-vE1GJAKdaw26NfXGBIxtj7KCn7RSpRXBnGKBe_ZAbgr_j9jz8rlf1aWGDZA6UNPg18sB92A3eZB1rIbAng1GuE_tRE/w199-h268-no/Interrogacao%5B1%5D.PNG) no-repeat right top rgba(1,1,1,.1); border-radius: 10px; padding: 5px;">
<h3 style="text-align: justify;">
Está com dúvidas?</h3>
<div style="text-align: justify;">
<div>
Se você ainda está com dúvidas, solicite um atendimento virtual agora mesmo, clicando no <i>link</i> abaixo. Entraremos em contato com você e faremos todos os processos remotamente. <br />
VALOR: R$ 40,00 (quarenta reais).<br />
<br />
<center>
<a href="javascript:void(%20window.open(%20'https://form.jotformz.com/42344592213652',%20'blank',%20'scrollbars=yes,%20toolbar=no,%20width=700,%20height=500'%20)%20)" style="background: #58FA58; border-radius: 6px; border: 1px solid #000000; bottom: -10px; color: blue; cursor: pointer; padding: 3px;" target="_blank" title="Custo R$ 40,00">Clique aqui para solicitar uma ajuda</a></center>
</div>
</div>
</div>
<br />
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<h3 class="titulobacanudo">
Conclusão</h3>
É isso. Não se esqueça de fazer o backup do seu template antes de fazer essas alterações e depois também, para manter uma cópia salva das alterações. <b>Se tiver dúvida ou deu algo errado, revise o código para ter certeza de que não esqueceu nenhum detalhe</b>. Não se esqueça também de comentar aqui para sabermos se deu tudo certo!</div>
</div>
</div>
</div>
</div>
<style>.tadificil{position:fixed;width:100%;background:rgba(1,1,1,.7);color:#fff;padding:5px;bottom:-50px;left:0;z-index:40;text-align:center} .tadificil:hover{bottom:0;background:rgba(1,1,1,1)} .tadificil a{text-decoration:none;background:rgb(9,1,1);padding:4px} .tadificil a:hover{background:green;color:#fff;} </style>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-86664154680826404862017-10-16T21:17:00.000-02:002018-05-10T20:34:04.636-03:00Como resolver o problema pra fazer login no Kogama BRNesta semana, alguns usuários não estão conseguindo fazer o <i>login</i> no Kogama BR. Isto está ocorrendo por um problema interno do site Click Jogos, que é provedor do Kogama aqui no Brasil. <b>Pra alegria de vocês, neste tutorial ensino passo a passo como fazer <i>login </i> na sua conta novamente!</b><br /><div><br /></div><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/AVvXsEif4CufnTBPJ3Achb_H5Fwwc-qOEJI27NZgQ8LkgQS1VrSIWCdt34V93AzPN2qZeAXu3w3YR7hwYVRC1PRy85sUQqVNRsxT1eordqalqEL3pVosFXxH6Q4jJOM4VnWY6J2fJXPOWmbiwznp/s1600/login-kogama-br.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Resolvendo o problema pra fazer login no Kogama BR" border="0" data-original-height="422" data-original-width="750" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif4CufnTBPJ3Achb_H5Fwwc-qOEJI27NZgQ8LkgQS1VrSIWCdt34V93AzPN2qZeAXu3w3YR7hwYVRC1PRy85sUQqVNRsxT1eordqalqEL3pVosFXxH6Q4jJOM4VnWY6J2fJXPOWmbiwznp/s1600/login-kogama-br.jpg" title="Resolvendo o problema pra fazer login no Kogama BR" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Resolver problema de <i>login </i>no Kogama BR<br /><a name='more'></a></td></tr></tbody></table><div><br /></div><div>Este procedimento foi feito no Google Chrome, mas serve para outros navegadores também, com poucas diferenças. Sem muita enrolação, vamos para o tutorial:<br /><br /><blockquote class="tr_bq">Felizmente, esse problema já foi resolvido. Você pode fazer login diretamente em <a href="http://kogama.com.br/login/" target="_blank">kogama.com.br/login/</a></blockquote><br /><h4>Resolvendo o problema</h4></div><div><br /></div><div><b style="background-color: lime;">1</b> Acesse o <a href="http://kogama.com.br/" target="_blank">kogama.com.br</a> e clique em <b>conectar</b>:</div><div><br /></div><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/AVvXsEjFBbXu-WLyLN1-lmeDTUjQHgSFhIUFG-PThOptu4M3JnOHhSG1GVRhO-1bb8RG9ExmdG3jQZM0XGcbIkgPd1sDZYUl3ea2VCzB9ZZ5dSmCchc2i2Y2P9aIc5fuJioioBlYCsBxXnTjvDI5/s1600/0.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Login Kogama BR" border="0" data-original-height="347" data-original-width="790" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBbXu-WLyLN1-lmeDTUjQHgSFhIUFG-PThOptu4M3JnOHhSG1GVRhO-1bb8RG9ExmdG3jQZM0XGcbIkgPd1sDZYUl3ea2VCzB9ZZ5dSmCchc2i2Y2P9aIc5fuJioioBlYCsBxXnTjvDI5/s1600/0.png" title="Login Kogama BR" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Clique em conectar</td></tr></tbody></table><div><br /></div><div><b style="background-color: lime;">2</b> Você notará que a página que abre fica carregando, mas não aparece nada. Então, ali na URL, adicione <b>https://</b> antes de tudo, ficando igual a imagem abaixo:</div><div><br /></div><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/AVvXsEhCdSS45plpXtzq1E9dq_a94Bfs4UaqJVuanjOmiPJfVu0rMXL1sksz49k3G71ZKDvn5GLO9NP5SnVIVqUDxThG0_buCaUyNZ0nlBTjd-jSFhFvSwUNIwDiYyZJCt_P6nVVZM22LtKuDJqh/s1600/1.2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Login Kogama BR" border="0" data-original-height="335" data-original-width="793" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCdSS45plpXtzq1E9dq_a94Bfs4UaqJVuanjOmiPJfVu0rMXL1sksz49k3G71ZKDvn5GLO9NP5SnVIVqUDxThG0_buCaUyNZ0nlBTjd-jSFhFvSwUNIwDiYyZJCt_P6nVVZM22LtKuDJqh/s1600/1.2.png" title="Login Kogama BR" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Adicione https:// antes da URL</td></tr></tbody></table><div><br /></div><div><b style="background-color: lime;">3</b> Aparecerá este aviso de segurança. Clique em <b>Avançado</b>:</div><div><br /></div><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/AVvXsEg_TcHZJTA9Jh1BXFsd0sQy-WC2Kii1LXSt5JpicdYbewI7ZxSv9o-rDiGWrNCXGMFrFjylMzPT5rqY279s8A3Qdout6NU3EWmd6KbsG0cohqph8dJWgNiVeYZslBLRJoip29Q1vVHpMPw3/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Login Kogama BR" border="0" data-original-height="479" data-original-width="794" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_TcHZJTA9Jh1BXFsd0sQy-WC2Kii1LXSt5JpicdYbewI7ZxSv9o-rDiGWrNCXGMFrFjylMzPT5rqY279s8A3Qdout6NU3EWmd6KbsG0cohqph8dJWgNiVeYZslBLRJoip29Q1vVHpMPw3/s1600/2.png" title="Login Kogama BR" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Clique em "Avançado"</td></tr></tbody></table><div><br /></div><div><span style="background-color: lime;"><b>4</b></span> Nesta parte, o navegador está dizendo que o certificado de segurança expirou a tantos dias, por esse motivo que não está dando pra logar. Ignore essa mensagem e clique em <b>Ir para accounts...(não seguro)</b>, como destacado na imagem abaixo:</div><div><br /></div><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/AVvXsEi7xkZrEcUJ8LtKIwsktJJwD7BJPUmJSGv9EDiApAzPkWbXHBMKsZvfaUHZeH0wLuDD84LaDihtymTAxsBJeqdKFn_enW4GplGVgOhCLO0ks7AcjbDhb6sSICuChtpn4XyQuoeqdz6WzSum/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Login Kogama BR" border="0" data-original-height="468" data-original-width="796" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7xkZrEcUJ8LtKIwsktJJwD7BJPUmJSGv9EDiApAzPkWbXHBMKsZvfaUHZeH0wLuDD84LaDihtymTAxsBJeqdKFn_enW4GplGVgOhCLO0ks7AcjbDhb6sSICuChtpn4XyQuoeqdz6WzSum/s1600/3.png" title="Login Kogama BR" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Clique no local indicado</td></tr></tbody></table><div><br /></div><div><span style="background-color: lime;"><b>5</b></span> Novamente, a tela ficará em branco. Então, troque <b>https://</b> por <b>http://</b> deixando parecido a imagem abaixo:</div><div><br /></div><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/AVvXsEgwx19b5VcMbNySFolMJ5U9pWmoR0kCFe_bruRSYTOY9mf76cuBvlGd4xHM5pHeUCyMpU_PmPSG-iKexHUzKtNBvUgpPu7MKYufyWy7auHILdyKbl31hh_fiysODvwboXAxzag5_wCNQpxR/s1600/5.1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Login Kogama BR" border="0" data-original-height="271" data-original-width="795" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwx19b5VcMbNySFolMJ5U9pWmoR0kCFe_bruRSYTOY9mf76cuBvlGd4xHM5pHeUCyMpU_PmPSG-iKexHUzKtNBvUgpPu7MKYufyWy7auHILdyKbl31hh_fiysODvwboXAxzag5_wCNQpxR/s1600/5.1.png" title="Login Kogama BR" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Substitua https:// por http://</td></tr></tbody></table><div><br /></div><div><span style="background-color: lime;"><b>6</b></span> Pronto, a página de <i>login </i> aparecerá agora e você poderá entrar na sua conta do Kogama novamente.</div><div><br /></div><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/AVvXsEin0JmhR-Q7OwNy9RXicik1EM-WwsIkxS9uOEJ9TThpfc6UdnkOndldiRgJJWYuzpccR2GRLEltbgMW__sCTrSstinKdFrVdCdkFdPUO4huAAc5gSWsUBHr2giUuyhSVSezhEZO8hXAmvRF/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Login Kogama BR" border="0" data-original-height="375" data-original-width="795" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin0JmhR-Q7OwNy9RXicik1EM-WwsIkxS9uOEJ9TThpfc6UdnkOndldiRgJJWYuzpccR2GRLEltbgMW__sCTrSstinKdFrVdCdkFdPUO4huAAc5gSWsUBHr2giUuyhSVSezhEZO8hXAmvRF/s1600/6.png" title="Login Kogama BR" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Faça o <i>login </i>normalmente</td></tr></tbody></table><div><br /><h4>No celular</h4>No celular, você deve fazer o mesmo, caso jogue pelo navegador. Este procedimento não dá certo pelo Aplicativo do Kogama, mas você pode acessar o Kogama pelo navegador mesmo (Chrome ou outros), pois quando clicar em jogar, ele abrirá o aplicativo automaticamente na sua conta.<br /><br />Em breve, a equipe do Kogama resolverá esse problema, mas enquanto isso não ocorre, você pode usar esse macete. Se este tutorial foi útil pra você, deixe seu comentário aí embaixo. Até a próxima!</div><div><style>.post-body img{box-shadow:0 0 5px black;}</style></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-51668974559828096182017-09-02T18:56:00.000-03:002018-05-10T20:34:02.034-03:00Em busca do curso gratuito<div style="text-align: justify;">Na aventura de hoje, narraremos como foi minha busca pelo curso gratuito de desenho aqui em Cascavel. O local do acontecido foi no colégio Ideal, mas o resultado não foi tão ideal assim.</div><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/AVvXsEh9SMOOfYzhBGeyoEoK9ktnkb8mmjesOFi4Tx1qqXTTtPDpZPzE2-LzELdsO4B0uw2SWoS19f19P340IvkplijRHpwMfPvZqPiXzTQyxXWkTooxrCQMKknNtk81bLHkiUMtBzJlJDPPsOqB/s1600/ine.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="É caro pagar um curso gratuito?" border="0" data-original-height="422" data-original-width="750" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9SMOOfYzhBGeyoEoK9ktnkb8mmjesOFi4Tx1qqXTTtPDpZPzE2-LzELdsO4B0uw2SWoS19f19P340IvkplijRHpwMfPvZqPiXzTQyxXWkTooxrCQMKknNtk81bLHkiUMtBzJlJDPPsOqB/s1600/ine.jpg" title="É caro pagar um curso gratuito?" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Logo do INE - Instituto Nacional de Educação<br /><a name='more'></a></td></tr></tbody></table><br />Pra contar este fato, precisamos voltar alguns dias. Estava eu na Internet e vi em algum lugar do Facebook algo como: cursos grátis em Cascavel. Desconfiei. Não existe comida de graça, assim como também acho que não existem cursos de graça. Mas, mesmo com dois pés atrás, me cadastrei no site indicado. Primeiramente coloquei um número falso na opção Telefone, mas depois corrigi.<br /><br />Passado um dia, eles me mandaram uma mensagem no WhatsApp dizendo que eu fui selecionado entre as milhares de pessoas que se cadastraram recentemente. Legal. Mas nesta mensagem tinha uma frase que me fez entender as coisas: curso totalmente gratuito, isenção de taxa de matrícula, <b>nada de mensalidades</b> (reparem no nosso grifo maroto), certificado de conclusão <i>free</i>, mas o <b>custo dos materiais pessoais é com você, meu amigo</b>.<br /><br />Bom, eu mesmo pagar meu material? É justo! O professor ensina, apresenta a matéria e, como complemento do curso, eu compro os materiais necessários.<br /><br />Porém, minha primeira crítica aí é como o curso é apresentado: <b>Totalmente grátis</b>. Pessoas como eu, que estão desempregadas, ou até jovens que não tem renda própria, são, de certa forma, atraídos por essa propaganda, e posteriormente, se sentem enganados (explico nos próximos parágrafos).<br /><br />Bom, levantei-me hoje com uma disposição. Fazia tempo que não levantava com um propósito em mente. Peguei o dinheiro da passagem e mais um pouco para algumas coisas. Saí de casa às 8 horas e fui pro terminal de ônibus. Ônibus lotado, pra variar. Assim que cheguei no colégio, fui pra uma sala grande, onde tinham muitas outras pessoas. Estava lotado.<br /><br />Logo, um moço de 27 anos se apresentou e apresentou o INE - Instituto Nacional de Educação. Após a apresentação, ele explicou como seriam os cursos. Fez uma estimativa dos valores dos cursos nas escolas profissionalizantes e enfatizou que no INE, todos os cursos são gratuitos. Falou também que teríamos o direito a 4 horas semanais durante 24 meses, podendo fazer até dois cursos simultâneos. E por fim, falou do material. O material custará 99 reais <b>mensais</b>.<br /><br />De fato, não está caro. Dependendo da situação financeira de muitos, 99 reais pode não ser nada, assim como pode ser muito. Mas o foco aqui é que no momento do cadastro, da apresentação e da inscrição, o tempo todo é enfatizado que o curso todo é gratuito, que <b>não há mensalidades</b>. Porém, a compra do material é obrigatória, você tem sim que <b>pagar mensalmente</b> os 99 reais.<br /><br />Aí digamos que o espertão aqui dissesse: mas eu só quero fazer o curso, dispenso o material, dou meu jeito. A resposta seria uma negativa, haja vista que a maioria dos cursos oferecidos são feitos por meio de um programa de computador. Dando um exemplo: se o módulo do curso for de Word, um simulador de Word é rodado no computador do aluno e este vai seguindo os passos indicados no programa. O professor, nesse caso, torna-se apenas instrutor, pois cada aluno estará num ritmo próprio, dependendo de seu desempenho. Desse modo, no "material" está incluso a licença de uso do programa. Ou seja, parte do próprio material acaba sendo o próprio curso. Logo, <b>o curso não é grátis</b>.<br /><br />Para concluir, não estou dizendo aqui que os 99 reais não sejam uma boa aplicação. Conseguir um trabalho hoje está difícil, então quanto mais qualificações você tiver, melhor. Mas a forma como ele é divulgado e a falta de um <i>link</i> com os regulamentos no ato do cadastro induzem muitas pessoas ao erro. O apresentador tem boa oratória, traça paralelos entre outras escolas e acaba até te convencendo de certas coisas. Cursos profissionalizantes são ótimos, mas cursos técnicos têm pontos a mais. Fazer o curso de forma individual por meio desses programas também é interessante, pois o aluno define o seu ritmo de aprendizagem, mas a figura do "professor" é quase deixada de lado, sendo consultado apenas quando o aluno sentir alguma dificuldade.Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-22102544549013768852017-04-04T22:52:00.000-03:002018-05-10T20:34:00.381-03:00Minha primeira vez na estrada<div style="text-align: justify;">Dizem que a primeira vez a gente nunca esquece, mas isso é uma bela de uma mentira. Já esqueci várias primeiras vezes de qualquer coisa. Mas foca no assunto deste <i>post</i>, que é sobre a primeira vez que eu dirigi numa rodovia federal. Então vamos começar.</div><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/AVvXsEhcwP7PMaL97uxoqg26JV2iAsU6PvBArbeXmzZH8nIZfX1sUcQg5a6rclI-rFXoNNIqb_bAZRZ8HE8z9jJSzeD5clzxLmFWwuH7GqbSmiezDPEMZ7ar-Bj8uXmKq5p8vNChLtY2ghMVmPD8/s1600/pessoa-dirigindo-em-uma-estrada.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcwP7PMaL97uxoqg26JV2iAsU6PvBArbeXmzZH8nIZfX1sUcQg5a6rclI-rFXoNNIqb_bAZRZ8HE8z9jJSzeD5clzxLmFWwuH7GqbSmiezDPEMZ7ar-Bj8uXmKq5p8vNChLtY2ghMVmPD8/s1600/pessoa-dirigindo-em-uma-estrada.jpg" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: xx-small;">Este braço não é meu / Imagem: <a href="http://www.alagoinhashoje.com/17-mil-sao-multados-no-1o-mes-da-lei-do-farol-em-estradas/" target="_blank">http://www.alagoinhashoje.com<a name='more'></a></a></span></td></tr></tbody></table><br />Dia 3 de abril. Fazia um clima agradável em Cascacity, mas uma tragédia estava acontecendo na vida deste cidadão que vos escreve: ele estava sem internet. Vocês sabem que ficar sem internet hoje em dia é como estar sem ar pra respirar. Sem ela, eu posso dar adeus aos jogos, aos vídeos, e pior ainda, aos amigos virtuais e a <i>momolada </i>(tá, eu não tenho, mas é quase).<br /><br />Passei esse dia todo sem internet. Isso foi realmente triste. Passei a tarde assistindo a filmes que tinham no HD. Porém, numa hora da tarde, meu pai me chama para irmos ao super mercado. Fui, ele dirigiu até lá. Compramos, pagamos, e nos dirigimos ao estacionamento para deixar as compras no carro. Ele me dá a chave, e agora que realmente começa o assunto do nosso texto.<br /><br />- Vai me dizendo o caminho pelo qual eu tenho que ir! - Disse eu, ainda inseguro com essas ruas de Cascavel, que todo mês muda de direção.<br /><br />Aqui é assim: a sinalização vertical diz uma coisa, já a vertical diz outra. É coisa de louco. Pois bem, peguei o carro, andei pela Avenida Brasil até chegar ao trevo Cataratas, onde se encontram várias rodovias para conversarem. Geralmente elas falam das cidades vizinhas e reclamam muito dos caminhões obesos, mas isso não vem ao caso agora.<br /><br />Peguei a BR 277. Não estava muito cheia. Porém, notem: essa estava sendo a primeira vez que eu dirigia numa rodovia. Felizmente, o limite de velocidade era de 70 km/h. Então, embora o carro quisesse correr mais, andei nesse limite, mas logo atrás de mim apareceu um ônibus amarelo. Creio eu que ele estava apertado pra fazer xixi, porque ele estava bem perto de mim, querendo passar.<br /><br />Eu não correria mais que aquilo. Sou recém formado motorista, não varei as doideiras que os veteranos fazem. Andei calmamente nos meus 70 km/h. Vi o ônibus indo pro acostamento. Vai ver ia fazer xixi ali na beira da estrada mesmo. Porém, logo atrás tinham outros carros na fila. Pensei: esse pessoal não consegue segurar a bexiga mesmo viu. Dois me ultrapassaram (ainda bem que não mostraram o dedo). Já outro me ultrapassou pelo acostamento. Pasmem, era um carro da Receita Federal.<br /><br />Enfim, alguns quilômetros mais pra frente, entrei numa marginal, depois em outra avenida, outras ruas até chegar em casa.<br /><br />Entrei saltitante pensando que a internet já teria voltado. Doce engano. Ela só voltou lá pelas 19 horas. Aí o celular começou a notificar como louco. Algumas pessoas acharam que eu tinha morrido; umas comemoraram, faz parte né?! Mas outras ficaram realmente preocupadas. Achei interessante que, mesmo distantes, alguns amigos gostam mesmo da gente.Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-21668297603364893192017-03-28T16:59:00.000-03:002018-05-10T20:34:00.321-03:00Meu último cookie<div style="text-align: justify;">Eu tinha morrido, minha alma estava ao lado do meu caixão. Meu corpo, ali dentro daquela urna, sorria, mas eu gritava por dentro. Minha tristeza era saber que eu não pertencia mais àquele mundo, e nem ao meu próprio velório.</div><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/AVvXsEgTsrXh4BhfN398tpTvwrFwTP8syEN8m8wljrfEyIVqpnd3_4tLZPNo47r8y7fgw8yfFgXRDAd0Oo1gxRbhY4evaVvVG69Oryp_axml3iCboCRpfpfdHICPNvMIwzWU2g24NICO7X5g-ROs/s1600/cookie.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Uma floresta densa com alguns raios de sol adentrando-a e um cookie ao centro" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTsrXh4BhfN398tpTvwrFwTP8syEN8m8wljrfEyIVqpnd3_4tLZPNo47r8y7fgw8yfFgXRDAd0Oo1gxRbhY4evaVvVG69Oryp_axml3iCboCRpfpfdHICPNvMIwzWU2g24NICO7X5g-ROs/s1600/cookie.jpg" title="Meu último cookie" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Meu último cookie<br /><a name='more'></a></td></tr></tbody></table><br />Todo mundo de preto. Clichê. Uns violinos ao fundo me faziam lembrar quando o Titanic estava afundando. Não, eu não estava lá quando o navio afundou, mas vi no filme. Mentira, nem vi o filme ainda, me contaram.<br /><br />Estavam servindo refri pros convidados, uns riam, outros choravam, alguns contavam casos. Já eu... Eu continuava ali no meu canto. Falando em canto, eu não canto. Às vezes, só pra eu mesma me ouvir. Mas que jeito solitário de cantar. Eu realmente estava filosofando sobre o canto que não canto, que doideira.<br /><br />- Venha comigo e te mostrarei as partes mais felizes de seu passado! - Disse um carinha estranho.<br />- É o quê? - Perguntei-me. Fiquei chateada porque interromperam meus pensamentos, mas feliz, porque alguém me notou aqui sozinha.<br /><br />Fui com ele. É, sou mesmo doida. Mas, ficar ali também não estava legal. Não me lembrava o nome daquele ser que me falara aquilo. Porém, aos poucos eu ia chegando a conclusão de que ele seria a morte. Veja bem: surgiu do nada, veio falar logo comigo, vai me fazer lembrar de coisas do passado... Isso casa bem com a teoria de que passa um <i>flashback</i> de toda nossa vida no momento em que estamos partindo pra lá (depois da morte).<br /><br />E então eu voltei no tempo com ele. A princípio, eu estava com medo, pois estava viajando com a morte. Mas, paradoxalmente, a morte estava me mostrando a vida. Vi como eu era, as coisas que aconteciam comigo, a minha natação, os professores antigos, vi tanta coisa.<br /><br />Vi e participei dessas lembranças. Chegamos, enfim, na festa de aniversário do meu avô. Estava todo mundo na chácara da minha tia, ou seja, meus primos e primas, tios, tias, minha irmã, meus pais e meus avôs. Muita gente pra eu lembrar o nome de todos.<br /><br />A morte me avisou que essa seria a última lembrança, mesmo eu nunca tendo vivido isso, então me deixou conversar com as pessoas da festa. Peguei uma bandeja pra servir cookies para as pessoas (e também para comer, já que sou esperta). Servi para meu avô, ele ficou muito contente, me deu um abraço tão apertado que parecia saber que eu não estaria mais ali no dia seguinte.<br /><br />Conversei com minhas primas sobre coisas contemporâneas, mas elas não entenderam muito. Enfim, consegui falar um pouco com todo mundo. Não me lembro a música que estava sendo ouvida ali, mas sei que não eram meus <i>k-pops</i> preferidos (pareciam mais os <i>flashbacks</i> de um amigo meu).<br /><br />Eu estava feliz. Até a morte atacava os salgadinhos na outra sala. Eu tentava me lembrar desse acontecimento, mas eu nunca tinha vivido isso antes. A morte percebeu que eu estava pensativa, mas não conseguiu me falar nada, pois um barulho estranho veio lá de fora da casa.<br /><br />Os cachorros começaram a latir para lugar nenhum. As luzes piscaram descompassadamente. Um vento forte rompia os vidros das janelas e saia pelo outro lado das portas. Ficamos todos com medo.<br />- O que é isso, morte?<br />- Esse é o fim, Mii! O fim.<br /><br />Um vento forte derrubou meu último cookie no chão. Fiquei muito triste com aquilo, mas me esqueci do medo. A morte me olhou serenamente. Disse que eu ficaria bem depois de tudo aquilo. Eu não entendia, pois não sabia o que poderia vir depois da morte. Tudo ficou muito claro, e eu...<br /><br />Acordei.Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-77051168181632340242016-11-21T17:59:00.000-02:002018-05-10T20:34:03.984-03:00Atropelei um cachorro louco<div dir="ltr" style="text-align: left;" trbidi="on">Mas calma lá, defensores dos animais, atropelei o cachorro no simulador de direção. Os detalhes serão ditos no decorrer deste <i>post</i>, então senta aí pra ler.<br /><br /><div class="separator" style="clear: both; text-align: center;"></div><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/AVvXsEjEfPt9jXeh9GEwd6A2WL7YE3r9m2r-dxMXpXJZUZy2CYXQX3Lc0Kwz6fxL7sKMxxW-xx27WqNqDpsGRz0OzrdLyfP1pK9mk-0YR04RNxQvgqZyk5emx2EBym-6MA2zyByPzsSSUOK97IF6/s1600/simulador.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Minhas aulas no simulador de direção" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEfPt9jXeh9GEwd6A2WL7YE3r9m2r-dxMXpXJZUZy2CYXQX3Lc0Kwz6fxL7sKMxxW-xx27WqNqDpsGRz0OzrdLyfP1pK9mk-0YR04RNxQvgqZyk5emx2EBym-6MA2zyByPzsSSUOK97IF6/s1600/simulador.jpg" title="Minhas aulas no simulador de direção" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Simulador de direção<a name='more'></a></td></tr></tbody></table><br />Como disse no <a href="http://www.masqueseyo.com.br/2016/11/a-bendita-prova-teorica.html" target="_blank"><i>post</i> anterior</a>, estou finalmente fazendo auto escola para ter a Carteira Nacional de Habilitação. Por esse motivo, provavelmente as futuras publicações aqui serão relacionadas a isso.<br /><br />Pois bem, na semana passada fui fazer as cincos aulas obrigatórias no simulador de direção. O instrutor perguntou se eu já tinha alguma noção sobre o carro, respondi que teoricamente sim, mas só o tempo poderia dizer.<br /><br />Fomos pra sala onde estava o benedito, ou seja, onde tava o carro simulado. Parecia um carro mesmo, só que com umas 3 televisões de boas polegadas. Pensei: "dá pra assistir altas novelas por aqui".<br /><br />- Senta aí e espera que já vamos passar as digitais.<br /><br />Aqui cabe uma pequena observação: aquele simulador foi feito pra pessoas pequenas. Constatei esse fato quando minhas pernas quase não couberam embaixo do volante. O instrutor disse que ajustes tinham sido feitos para melhorar a vida do auto motorista em formação, mas essas medidas não foram suficientes para mim.<br /><br />Ajustei o banco, olhei pro retrovisor (não sei pra que) e fiquei lá aguardando.<br /><br />Enfim, é dada a partida para a aula. Coloquei meu indicador direito para que minha digital fosse lida. Pronto, agora os illuminatis estavam sabendo que eu estava ali. As três TVs começam a falar em uníssono. Não lembro o que a mulher falou, mas me senti em casa com aquela voz. Era a mulher do Google. Se não era ela, a voz era parecida. Meio robotizada, deu até uma <i>emossaun</i>.<br /><br />- Põe o cinto aí maluco, que a parada louca vai começar! - Disse meu instrutor.<br /><br />Coloquei, todo afobado, meio sem espaço. E a mulher continuou a falar. Estava chegando o momento da verdade.<br /><br />Outra observação: apesar do simulador ter sido feito pra pessoas pequenas, ele até que simulava bem um carro. Digo, a carcaça realmente estava bem parecida. Volante, câmbio, poltrona, etc, tudo nos conformes, menos a chave. Sério mesmo, capricharam tanto nos detalhes, mas a chave de ignição parecia a chave da porta de casa. Mas tudo bem, apenas um detalhe.<br /><br />- Ligue o carro e siga para o lugar indicado! - Disse a mulher do Google. Não pensei duas vezes, ela falou, então tá falado.<br /><br />Girei a chave, liguei a luz baixa, pisei na embreagem, engatei a primeira marcha, soltei o freio de mão, pisei no acelerador soltando aos poucos a embreagem e... o carro foi voando pra frente.<br /><br />- Calma! - Disse o instrutor.<br />- Mas eu tô calmo, cacilda! - Respondi.<br /><br />Mas tudo bem, percebi que o pedal do acelerador é muito sensível. Provavelmente, ele ouve muito Pablo. Na segunda tentativa, foi mais tranquilo, embora estivéssemos na estrada de terra e o veículo estivesse com pressa, já que a cada ladeira, ele saia correndo todo saltitante.<br /><br />- Vai com calma! Olhe a placa para parar. Você não parou.<br />- Tá tudo sobre o controle, pelo menos não bati em ninguém.<br /><br />Não sei pra que pensei nisso. Logo apareceu um cachorro do além, saiu do mato e veio direto pra minha frente. Sabe daqueles cachorros ignorantes? Então, bem desses. Será que ele não percebeu que eu era aluno de auto escola? Que não tenho uma boa reação ainda às adversidades da via. Passei por cima, nem sequer freiei. O instrutor nem falou nada. A mulher do Google não deu um pio. Um minuto de silêncio.<br /><br />Aos poucos fui pegando o jeito. Algumas adversidades de tempo e luz foram simuladas também, como dirigir com neblina ou com luz contrária ofuscando a vista. Algumas coisas deu pra simular bem, já outras nem tanto.<br /><br />Fiz as cinco aulas em dois dias. Gostei do simulador, embora não tenha achado realmente útil. Explico: eu poderia ter essas aulas num veículo de verdade, pois seria mais proveitoso.</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-33287081752857776912016-11-08T16:25:00.000-02:002018-05-10T20:34:01.149-03:00A bendita prova teórica<div dir="ltr" style="text-align: left;" trbidi="on">Após duas semanas e dois dias de aula, onde você aprendeu várias coisas relacionadas ao trânsito, e principalmente aos agentes do trânsito (em especial, você como motorista), é marcada a bendita prova teórica, onde, após responder 30 perguntas de múltiplas escolhas, você fica apto ou inapto para próxima fase. E é deste meu dia de prova que irei falar neste <i>post</i>.<br /><br /><div class="separator" style="clear: both; text-align: center;"></div><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/AVvXsEjZQaftucHh4Oxqo3cTTGqoNi9Ox1Hp4Eb6E7gJ7K9VdW6hqnz9GRPWCM0mBWNK8owRsV9_QsA-qPUQ26yenyt9d3wkDamGNeqkrdxx5VHeZeFfdQT0BtXv9CU5OIMcSOg-f_xGtrw-MyRb/s1600/estrada.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="A prova teórica do Detran" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZQaftucHh4Oxqo3cTTGqoNi9Ox1Hp4Eb6E7gJ7K9VdW6hqnz9GRPWCM0mBWNK8owRsV9_QsA-qPUQ26yenyt9d3wkDamGNeqkrdxx5VHeZeFfdQT0BtXv9CU5OIMcSOg-f_xGtrw-MyRb/s1600/estrada.jpg" title="A prova teórica do Detran" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">A prova teórica do Detran<a name='more'></a></td></tr></tbody></table><br />Confesso que fiquei um tempinho tentando achar uma forma legal de começar esse texto. Bom, então, como não quero ser teórico aqui e dizer quais foram os processos e etc, falarei como foi o dia em que fiz a prova.<br /><br />Dia 3 de novembro. Um dia calmo na pacata cidade de Cascavel. Fazia calor moderado e mal sabiam os moradores que um ser estava um pouco nervoso. Ele era eu. Que coisa, não? E realmente ninguém tinha nada a ver com isso.<br /><br />Às 13 horas, pega o ônibus com destino ao Marrocos. Mentira, destino ao Detran (embora seja quase a mesma coisa). No terminal, pergunto ao motorista de um ônibus se aquele parava lá:<br /><br />- Mas nenhum ônibus para lá... Passa por lá. - Deu vontade de xingá-lo, mas eu não tenho muita prática nisso.<br /><br />Me falaram o ônibus certo e logo ele chegou. No caminho, com o celular em uma mão no aplicativo de GPS, perguntei pra mulher do meu lado se ela conhecia o bairro. Ela respondeu afirmamente e me indicou o ponto certo para descer.<br /><br />Chegando lá, quase fim de mundo, adentrei no prédio e aguardei a prova começar sentado numa cadeira ao lado da sala de prova. O local era legalzinho. Existiam as sessão de cadeiras pra quem aguardava a prova e pra quem aguardava tirar a foto. Mais ao lado, alguns biombos onde trabalhavam alguns funcionário. Na sala de prova, estava a pessoa responsável por supervisionar o exame, além de vários computadores equipados para o teste.<br /><br />Como cheguei cedo, faltando uns 40 minutos para 15 horas, fiquei lá viajando no pensamento. Até que chegou uma loirinha. A princípio, confundi ela com outra pessoa, mas logo se esclareceu. Ela sentou-se ao meu lado e começou a falar. Disse que achava que me conhecia de algum lugar. Ela não me era estranha. Falamos de várias coisas, perguntei a idade dela, o que fazia e pretendia fazer. Falamos de religião, de alguns preceitos bíblicos, do fim dos tempos, dos sinais, das farsas também. Conversamos de tal jeito que parecia que já nos conhecíamos a tempos. Quem me conhece, sabe como sou um pouco tímido e difícil de conversar, principalmente com quem não conheço.<br /><br />Conversa vai, conversa vem e a supervisora da prova nos avisa que já poderíamos entrar. Boa sorte desejada e começa a prova.<br /><br />Estava difícil. Bateu o desespero. Das perguntas que respondi, tinha de 5 a 10 questões que já haviam caído no simulado do Detran. Então, tentei me acalmar. Reli a mesma pergunta várias vezes. Quando terminei, voltei na 1 para rever, corrigir e contar. É, o mínimo que eu deveria acertar era 21, então, fui vendo questão por questão e somando as respostas que eu tinha quase certeza que havia acertado. E, por fim, cliquei em FINALIZAR.<br /><br />"O resultado está disponível na internet". Apareceu essa mensagem no computador. Levantei-me e fui até onde estava a supervisora para ela me falar a nota.<br /><br />- Você acertou 26. Parabéns!<br /><br />Fiquei feliz. A loirinha também foi aprovada e fomos até a saída do prédio comemorando. Depois dei tchau pra mulher que estava cuidando do lugar (acho que era guarda) e pra loirinha e fui embora.<br /><br />Repararam que eu não disse o nome dela né? Não, não é por privacidade. É que o espertão aqui não perguntou. Não perguntou nome, nem Whatsapp, nem estado civil, nem se ela queria namorar comigo, nem nada. Perdi a oportunidade. apenas. Eu não tenho jeito mesmo.<br /><br />Mas já bolei um plano (que provavelmente não vai dar certo, mas vamos lá). Na próxima vez que eu a ver (se tiver uma próxima vez), seu nome será a primeira coisa que perguntarei. Logo em seguida afirmarei o seguinte:<br /><br />- Tive uma revelação: se nos vermos mais uma vez, é porque vamos casar.<br /><br />Vou direto ao ponto. Meio doido isso. Bom, é pra ser levado na brincadeira, mas vai que dá certo (risos).</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-87959304847761591432016-11-01T00:33:00.000-02:002018-05-10T20:34:04.989-03:00Dia de bruxa<div dir="ltr" style="text-align: left;" trbidi="on">De segunda a sexta-feira, tirando os feriados e fins de anos, Kiki pegava sua vassoura e ia pra escola voando, pois estava sempre atrasada. Era uma pequena bruxinha, assim chamada por suas colegas.<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/AVvXsEjo7kut3q2nOHiohXgapPPdwyX0U0RzJtD4wPLWcegG1APScnOOYGbryoBkTPm95Vzgj6yTc81B88eJHK9xX2nWAKmBavmRrKTcpY3jhq-JPDNVcXBmsUfHYSA9fGu4aTGSIdRMab2mtcCm/s1600/kiki.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Kiki, a bruxa, pegando uma encomenda sentada na vassoura." border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7kut3q2nOHiohXgapPPdwyX0U0RzJtD4wPLWcegG1APScnOOYGbryoBkTPm95Vzgj6yTc81B88eJHK9xX2nWAKmBavmRrKTcpY3jhq-JPDNVcXBmsUfHYSA9fGu4aTGSIdRMab2mtcCm/s1600/kiki.jpg" title="Kiki" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: xx-small;">Imagem: <a href="http://geekvox.com.br/2015/03/o-servico-de-entregas-de-kiki/" target="_blank">http://geekvox.com.br<a name='more'></a></a></span></td></tr></tbody></table><br />Um dia apareceu lá sem a vassoura. Estranharam, não só as más colegas, mas toda a equipe pedagógica. Ninguém estava preparado pra aquilo. Todos a olharam. Alguns até tiveram dificuldade de reconhecê-la.<br /><br />- Cadê sua vassoura?<br />- Ué, o que falta em você?<br />- Perdeu o juízo, menina?<br />- Cadê sua companheira?<br />- Posso ir no banheiro, prof?<br /><br />Em meio as tantas perguntas, e perguntando pra se escapar de situação impar, ela foi no banheiro refletir:<br /><br />- Espelho, espelho...<br /><br />Não esse tipo de reflexão:<br /><br />- Pior que não sei onde deixei minha vassoura.<br /><br />E outras perguntas se fazia na sua pequena cabeça, que ainda via o mundo um pouco além da cidade vizinha, única visitada em toda sua vida.<br /><br />Voltou pra sala, e quando todos ainda não acreditavam nas fórmulas matemáticas do professor Gustavo, ela exclamou:<br /><br />- Eu não preciso dela!<br />- Como não? Essa fórmula resolverá a questão do x.<br />- Não, prof, não sobre isso. Digo, não preciso da vassoura!<br /><br />Um coro em lá menor sustenido ecoa na sala.<br /><br />- Perdeu o juízo, menina?<br />- Como não?<br />- Por que sim?<br />- Prof, já faz meia hora que tô pedindo pra ir no banheiro.<br />- Eu nunca precisei da vassoura.<br />- Deve ser feminista...<br />- Não, eu tenho juízo. Nunca precisei da vassoura pra voar, até porque nunca voei.<br /><br />Sol menor agora.<br /><br />- Tudo era força de expressão. Voar no sentido de ir rápido. E vocês já viram a vassoura alguma vez?<br />- Claro que sim, aquela vassoura cor de...<br />- Oxe, a vassoura de pa...<br />- Ué, como era mesmo a sua vassoura?<br />- Prof, tô mixando...<br />- E tinha vassoura?<br /><br />Fá sustenido maior.<br /><br />- Dá pra alguém pedir pra turma do coral calar a boca?<br />- E Bhaskara, o que que tem?<br />- Sei lá, nunca entendi.<br /><br />- Resumindo, virei às aulas assim a partir de agora. Eu mesma. Sem vassoura, sem desculpas.<br /><br />Assim, Kiki nunca mais precisou levar a vassoura pra escola. Ela cresceu, se tornou professora. Varria a sala juntamente com cinco alunos voluntários todo final de aula. Kiki, a bruxa.</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-58469014249247448412016-10-27T14:30:00.000-02:002018-05-10T20:34:02.507-03:00Eu ando em círculos<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Esses dias eu tava reparando um hábito estranho em mim que, sei lá por qual motivo, faço quase sempre que estou arrumado para ir a algum lugar esperando o tempo passar. Eu ando em círculos ao redor da mesa da cozinha. Será que sou louco?</div><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/AVvXsEhT5FI9jb7cfIbgfgapEvwBpm1yXOeyS4ZyRLTCVpWrX0_VTWk3xrdsGBD3iUOzEw4Eg26aCqtAPIYeW4y7W-4lhkB4UKKhd5puJzEwKupPBDfh-FVnZ9RzpqkoXsGykcGmbPbKPwhhmJg2/s1600/circulo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Uma bússola" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5FI9jb7cfIbgfgapEvwBpm1yXOeyS4ZyRLTCVpWrX0_VTWk3xrdsGBD3iUOzEw4Eg26aCqtAPIYeW4y7W-4lhkB4UKKhd5puJzEwKupPBDfh-FVnZ9RzpqkoXsGykcGmbPbKPwhhmJg2/s1600/circulo.jpg" title="E não chego a lugar nenhum" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Pra onde vou?<br /><a name='more'></a></td></tr></tbody></table><br />A princípio, nunca parei pra pensar nisso. Simplesmente estava eu lá, girando, girando... e não indo a lugar nenhum.<br /><br />Mas, comecei a pensar nisso. - O que estou fazendo? - Me questionava. - Sei lá! - Me respondia. E nesse diálogo particular, continuava andando.<br /><br />Geralmente é na mesa da cozinha, sem ninguém por perto. Estou ansioso porque tenho que ir pra algum lugar, mas não deu a hora de partir ainda. Então, sem nada pra fazer, começo a rodar. Às vezes, com um copo de café na mão; outras vezes, com suco, pão, bolo (raramente), Mas, comumente, tô de mãos vazias. Quantos metros será que ando nisso?<br /><br />E pra minha surpresa, ontem, conversando com uma amiga (Clari), descobri que ela também faz isso. Será que somos loucos? Será que somos os únicos a fazer isso? Alguém mais faz?<br /><br />Só sei que, teoricamente, ao ficar dando voltas, talvez o relógio se apresse um pouco. Talvez seria uma forma de dizermos: "- Anda, tempo, o que tá esperando?". E, não compreendendo muito bem, talvez o relógio nos responda: "Calma, eu também fico dando voltas em mim e não saio do lugar. Ué, eu tô falandooo!". O relógio <i>buga</i>.<br /><br />Ora, talvez não sejamos tão loucos assim. O relógio passa o tempo girando seus ponteiros, mas não sai do lugar. Estamos todos presos ao tempo, inclusive ele. FIlosofei u.u</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-58098398924528623662016-10-22T21:38:00.000-02:002018-05-10T23:34:41.648-03:00Colocando comentários do Facebook no lugar dos do Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Neste tutorial, mostraremos como substituir os comentários do Blogger pelo do Facebook. O passo a passo consiste na criação de um Aplicativo no Facebook e a implementação de um código no Blogger. Então, vamos lá!</div>
<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/AVvXsEgkR-r5GAhoVfKtpG114AAjpsLsSppB_pdLVq-PrG6k3vtl9t_zsyq1s5vmcKrbyt1ANby7ag-0GU0Hb1oV26gHnogQZx-9C_6XfD5c-I30QJFBbtSwyHq0Vv8domZeZQVUXwvbV8FKLEqC/s1600/comments-face-blogger.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Comentários do Facebook no Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkR-r5GAhoVfKtpG114AAjpsLsSppB_pdLVq-PrG6k3vtl9t_zsyq1s5vmcKrbyt1ANby7ag-0GU0Hb1oV26gHnogQZx-9C_6XfD5c-I30QJFBbtSwyHq0Vv8domZeZQVUXwvbV8FKLEqC/s1600/comments-face-blogger.jpg" title="Comentários do Facebook no Blogger" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Comentários do Facebook no Blogger<br />
<a href="https://www.blogger.com/null" name="more"></a></td></tr>
</tbody></table>
<br />
<h3 class="titulobacanudo" style="text-align: left;">
1 Criando um aplicativo (app)</h3>
<div>
Este passo é muito importante, pois será para o aplicativo que os comentários serão enviados e onde poderão ser moderados.</div>
<div>
<br /></div>
<div>
<span style="background-color: yellow;">1.1</span> Como já tenho um tutorial de como criar um aplicativo, clique no link abaixo e siga todo o passo 1:</div>
<div>
<br /></div>
<a href="https://blog.joanir.com/2018/05/comentarios-facebook-e-blogger.html" style="background: rgba(12 , 12 , 123 , 0.2); border: 2px solid; display: block; padding: 10px; text-align: center;" target="_blank">1 - Criando um "app" (aplicativo) no Facebook</a><br />
<div>
<br /></div>
<div>
<h3 class="titulobacanudo" style="text-align: left;">
2 Ocultando comentários do Blogger</h3>
</div>
<div>
<span style="background-color: lime;">2.1</span> Acesse o painel do seu <i>blog</i>.</div>
<div>
<br /></div>
<div>
<span style="background-color: lime;">2.2</span> Vá em <b>Configurações</b> e selecione <b><span style="color: #e69138;">Postagens, comentários e compartilhamentos</span></b>.</div>
<div>
<br /></div>
<div>
<span style="background-color: lime;">2.3</span> Na opção <b>Local do comentário</b>, selecione <b>Ocultar</b> e clique em <b>Salvar configurações</b>.</div>
<div>
<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/AVvXsEgTAiazVSBos0oC8D_g9gASSWawQWYzROfzOsK4JNJrjE6y-6FERRuDcP19ZIqYEYlb_tal5LsfhzQ64KL6jKHORjSNIt3w_SJkbsvNxx_2_5HjWX5EzNGrYIxsxQkIfqg96AK72FSL3ASM/s1600/ocultar-comentarios.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Ocultar comentários do Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTAiazVSBos0oC8D_g9gASSWawQWYzROfzOsK4JNJrjE6y-6FERRuDcP19ZIqYEYlb_tal5LsfhzQ64KL6jKHORjSNIt3w_SJkbsvNxx_2_5HjWX5EzNGrYIxsxQkIfqg96AK72FSL3ASM/s1600/ocultar-comentarios.png" title="Ocultar comentários do Blogger" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Ocultar comentários</td></tr>
</tbody></table>
<br /></div>
<h3 class="titulobacanudo" style="text-align: left;">
3 Aplicando código do Facebook</h3>
<div>
<span style="background-color: cyan;">3.1</span> No Painel do seu <i>blog</i>, vá em <b>Modelo </b>e clique em <b>Editar HTML</b>:</div>
<div>
<br /></div>
<div>
<div class="MsoNormal" style="background-color: white; box-sizing: border-box; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; transition: all 0.5s;">
<div style="background: red; border: 1px solid black; box-sizing: border-box; color: white; padding: 5px; transition: all 0.5s; width: 680px;">
ATENÇÃO:<br />
* Antes de qualquer alteração no seu <i style="box-sizing: border-box; transition: all 0.5s;">template</i>, faça o <i style="box-sizing: border-box; transition: all 0.5s;">backup</i> do mesmo.<br />
* Recomendamos que você crie um <i style="box-sizing: border-box; transition: all 0.5s;">blog</i> de teste e faça os passos lá. Se tudo ocorrer bem, você poderá aplicá-lo ao seu <i style="box-sizing: border-box; transition: all 0.5s;">blog</i> principal.<br />
*Não nos responsabilizamos por quaisquer danos causados pelo seguimento deste tutorial.</div>
</div>
<div class="MsoNormal" style="background-color: white; box-sizing: border-box; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16.83px; text-align: justify; transition: all 0.5s;">
<o:p style="box-sizing: border-box; transition: all 0.5s;"></o:p></div>
<div class="MsoNormal" style="background-color: white; box-sizing: border-box; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16.83px; text-align: justify; transition: all 0.5s;">
<br style="box-sizing: border-box; transition: all 0.5s;" /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: white; box-sizing: border-box; color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16.83px; margin: 0px auto; padding: 0px; position: relative; text-align: center; transition: all 0.5s; width: 680px;"><tbody style="box-sizing: border-box; transition: all 0.5s;">
<tr style="box-sizing: border-box; transition: all 0.5s;"></tr>
</tbody></table>
</div>
<div>
<span style="background-color: cyan;">3.2</span> Clique em qualquer área <b>dentro </b>do editor e aperte <b>Crtl+F</b> para abrir um buscador (<i>search</i>) de códigos.</div>
<div>
<br /></div>
<div>
<span style="background-color: cyan;">3.3</span> Procure por <b></head></b>, colo o código abaixo <u>antes</u> dele e clique em <b>Salvar modelo</b>.</div>
<div>
<br /></div>
<div class="codigo" style="text-align: justify;">
<script><br />
window.fbAsyncInit = function() {<br />
FB.init({<br />
appId : '<span style="color: red;">SEU_APP_ID</span>',<br />
xfbml : true,<br />
version : 'v2.8'<br />
});<br />
};<br />
(function(d, s, id){<br />
var js, fjs = d.getElementsByTagName(s)[0];<br />
if (d.getElementById(id)) {return;}<br />
js = d.createElement(s); js.id = id;<br />
js.src = "//connect.facebook.net/<span style="color: #38761d;">pt_BR</span>/sdk.js";<br />
fjs.parentNode.insertBefore(js, fjs);<br />
}(document, 'script', 'facebook-jssdk'));<br />
</script></div>
<div>
<br /></div>
<div>
<span style="background-color: cyan;">3.3.1</span> Substitua <span style="color: red; text-align: justify;">SEU_APP_ID</span> pelo número do seu Aplicativo, criado no passo 1.<br />
<br />
<span style="background-color: cyan;">3.4</span> Agora procure por <b><div class='post-footer-line post-footer-line-2'></b>. Você deverá encontrar dois resultados. Cole nos dois o código <u>abaixo</u> dessa linha:<br />
<br />
<div class="codigo" style="text-align: justify;">
<div class='comments-page' id='fb-comments-page'><br />
<span style="color: purple;"><b:if cond='data:blog.pageType != "index"'></span><br />
<div id='fb-root'/><br />
<fb:comments expr:href='data:post.url' num_posts='10' width='100%' data-colorscheme='light' /><br />
<span style="color: purple;"></b:if></span><br />
</div></div>
<br />
<span style="background-color: cyan;">3.4.1</span> Com esse código, a <i>box</i> de comentários do Facebook aparecerão apenas na página dos <i>post</i>. Caso você queira que ela apareça também na página inicial, basta apagar as condicionais destacadas <span style="color: purple; text-align: justify;"><b:if cond='data:blog.pageType != "index"'></span> e <span style="color: purple; text-align: justify;"></b:if></span>.<br />
<br />
<h3 class="titulobacanudo" style="text-align: left;">
4 Configurando a moderação pelo app</h3>
</div>
<div>
Esta parte do Tutorial já está feita. clique no link abaixo e siga o passo 3.</div>
<div>
<br /></div>
<div>
<a href="https://blog.joanir.com/2018/05/comentarios-facebook-e-blogger.html" style="background: rgba(12, 12, 123, 0.2); border: 2px solid; display: block; padding: 10px; text-align: center;" target="_blank">3 - Moderando os comentários do Facebook</a></div>
<div>
<div class="MsoNormal" style="background-color: white; box-sizing: border-box; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-align: justify; transition: all 0.5s;">
<div class="MsoNormal" style="box-sizing: border-box; transition: all 0.5s;">
</div>
</div>
</div>
<h3 class="titulobacanudo" style="text-align: left;">
Conclusão</h3>
<div>
Com essa box de comentários do Facebook, ficará mais fácil para o leitor comentar os seus <i>posts</i>, já que praticamente todo mundo tem uma conta nessa rede social. Se você gostou deste tutorial, ou tem alguma dúvida, comente aqui embaixo. Até a próxima!</div>
<style>.titulobacanudo {display:block; background: rgba(1,1,1,.2); padding:5px;} .titulobacanudo:hover {background: rgba(1,1,1,.3);} .post-body a:hover{text-decoration:none;background:rgba(12,250,250,.3) !important;}</style></div>
<div class="tadificil">
<h3>
Tá difícil?</h3>
Podemos fazer isso pra você.<br />
<a href="https://joanir.com/p/comentarios-facebook.html" target="_blank">Contrate-nos</a></div>
<style>.tadificil{position:fixed;width:100%;background:rgba(1,1,1,.7);color:#fff;padding:5px;bottom:-50px;left:0;z-index:40;text-align:center} .tadificil:hover{bottom:0;background:rgba(1,1,1,1)} .tadificil a{text-decoration:none;background:rgb(9,1,1);padding:4px} .tadificil a:hover{background:green;color:#fff;} </style>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-82333609795441430462016-10-04T22:36:00.000-03:002018-05-10T20:34:04.399-03:00Contrato com as estações do ano<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Venho, por meio desta, cancelar o contrato vitalício com as estações do ano por motivo de não cumprimento em tempo correto de suas obrigações e tarefas designadas de acordo com o edital número 01 do ano 1 da Terra.</div><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/AVvXsEipwGnOhhU7aOyU_4YesXIgOtK-FV2_uaKMAunicx3c0voisV8BG9qDtcpqK1U7kJ1JXopPSnkGB1WG84pdXpU5FML7J_3SmDsA75h2fO-qTRjUOu5_F-A4J3-4nLGOu1AaDk4GmB5ut2ML/s1600/estacoes.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Contrato cancelado com as estações do ano" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipwGnOhhU7aOyU_4YesXIgOtK-FV2_uaKMAunicx3c0voisV8BG9qDtcpqK1U7kJ1JXopPSnkGB1WG84pdXpU5FML7J_3SmDsA75h2fO-qTRjUOu5_F-A4J3-4nLGOu1AaDk4GmB5ut2ML/s1600/estacoes.jpg" title="Contrato cancelado com as estações do ano" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Contrato cancelado com as estações do ano<br /><a name='more'></a></td></tr></tbody></table><br />Devido ao não cumprimento das atividades propostas, estamos cancelando as atividades das estações do ano. Para ciência dos que leem esta ata, devo esclarecer as tarefas primárias de cada uma:<br /><br />Ao Verão, ficou designada a tarefa de esquentar a Terra. Nesta estação, o clima mais quente propiciariam boas férias aos seres humanos, que poderiam desfrutar de banhos no mar sem sentir frio.<br /><br />Ao Inverno, a tarefa seria justamente a oposta da do Verão. Nela, as coisas congelariam um pouco. Cairia neve em todo lugar, e poderia-se fazer anjos ao deitar-se nela. Apesar do frio intenso, ele seria medido, teria seu tempo e depois acabaria.<br /><br />Na Primavera, tudo ficaria bonito. As pessoas alérgicas sofreriam do mesmo jeito, mas as árvores estariam floridas. A cidade ganharia cores. Os pássaros cantariam alegremente.<br /><br />E, por fim, do Outono se esperaria que as folhas das árvores caíssem. As donas de casa ficariam bravas, pois teriam que encher bastantes sacos, mas as árvores ficariam nuas, do jeito que nasceram, pra posteriormente trocarem de roupa. Roupa nova, verde-clara.<br /><br />Porém , o que se tem observado nas últimas décadas é que as estações não estavam mais trabalhando corretamente. Virou uma bagunça. Inverno fora de época. Calor excessivo. Primaveras sem veras. Outono sem tom. E, por causa disso, e porque sim, declaro encerrado o contrato. Favor passar no RH para acertar as contas.</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-505519933441740832016-10-02T17:50:00.000-03:002018-05-10T20:34:01.975-03:00E o novo prefeito do Kogama é<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Neste domingo, milhares de Kogamians foram às urnas eletrônicas <i>internéticas</i> para escolher o novo prefeito do Kogama. Nossos modernos ultra rápidos computadores já computaram os votos e o resultado será apresentado abaixo.</div><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/AVvXsEimMbDocvCkyoa2-lBsn2fUtISPCU_qGYGjwm3nSW9XRR4m1N2ePBXcueaNY248DvP67Q3TMLn6K-YzlTFwPIpLSU0ATYvTsuWjHf2gCcRNzjNCDJr5UyVy7XG3sn38TtAYFeCaD8Q2Gt-K/s1600/eleicoes-kogama.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimMbDocvCkyoa2-lBsn2fUtISPCU_qGYGjwm3nSW9XRR4m1N2ePBXcueaNY248DvP67Q3TMLn6K-YzlTFwPIpLSU0ATYvTsuWjHf2gCcRNzjNCDJr5UyVy7XG3sn38TtAYFeCaD8Q2Gt-K/s1600/eleicoes-kogama.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Eleições Kogama 2016<br /><a name='more'></a></td></tr></tbody></table><br />Com 66,7% de votos, o novo prefeito do Kogama é... uma garota. Isso mesmo, teremos uma prefeita no Kogama. Também, já era tempo né, já que dos moderadores do jogo, todos são homens.<br /><br />Após horas de processamento de dados, do montante de 6 votos ;-; e com 4 votos do total, a nova prefeita do Kogama é:<br /><br /><div class="espaco"></div><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/AVvXsEhrdsaWoYFsHulHWYt53RaWOjwLb5sj1Ryz6r5HvpyKhsjrLpdSuQ8YipjzHyinK48YPvEaJptjanUjk70-NaTOB2nHnaQM_wQsN75Ty1BxrcVqh5hoZ6F6224cfOsvy79OnxoSjxufsenF/s1600/isa.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrdsaWoYFsHulHWYt53RaWOjwLb5sj1Ryz6r5HvpyKhsjrLpdSuQ8YipjzHyinK48YPvEaJptjanUjk70-NaTOB2nHnaQM_wQsN75Ty1BxrcVqh5hoZ6F6224cfOsvy79OnxoSjxufsenF/s1600/isa.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Nova prefeita do Kogama</td></tr></tbody></table><br />Parabéns, <b>Isa</b>. Além de ser a nova prefeita fictícia do Kogama, você vai ganhar <b>100 ouros</b> (que valem mais do que dinheiro) para poder gastar com quem quiser.<br /><br />Em segundo lugar, houve empate entre <b>FofinhaChan</b> e <b>Joanir</b>. Cada um vai ganhar <b>60 ouros</b>. Se eu fosse mais rico no Kogama, eu dava mais prêmios, mas não sou ;-;.<br /><br />Bom, abaixo deixo o gráfico e o horário de cada voto. Por segurança e para evitar votos duplicados, o formulário foi criado no GoogleDocs e era preciso que o "eleitor" estivesse <i>logado</i> na sua conta Google.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypa6qEVhc55QOklp9DiSAf756upeapoNhLjxESEhP6ol_K2h-SvkHazyUrsGTzT62NN0tpKIunJU4a2Wnhh_QvUU32XDRR2HkH_1FEyq_W-i8oyWsFZULpU8vRlDmO1Q7-fq_z-ccYKLY/s1600/contagem.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Contagem dos votos" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypa6qEVhc55QOklp9DiSAf756upeapoNhLjxESEhP6ol_K2h-SvkHazyUrsGTzT62NN0tpKIunJU4a2Wnhh_QvUU32XDRR2HkH_1FEyq_W-i8oyWsFZULpU8vRlDmO1Q7-fq_z-ccYKLY/s1600/contagem.jpg" title="Contagem dos votos" /></a></div><br /><br />Obrigado, pessoal, por participarem desta brincadeira. O intuito mesmo era se divertir. Talvez não tenha dado muito certo, porque muitas pessoas ficaram receosas de participar, mas valeu a pena. Até mais!</div><style>body{background:#394551;}</style> </div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-78873868039590114892016-09-30T21:57:00.000-03:002018-05-10T20:34:04.102-03:00Candidatos a prefeito do Kogama<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Interrompemos nossa programação para a leitura das propostas do candidatos a prefeito do Kogama. Dentro de instantes, voltaremos ao que estávamos fazendo, ou seja, nada.</div><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/AVvXsEimMbDocvCkyoa2-lBsn2fUtISPCU_qGYGjwm3nSW9XRR4m1N2ePBXcueaNY248DvP67Q3TMLn6K-YzlTFwPIpLSU0ATYvTsuWjHf2gCcRNzjNCDJr5UyVy7XG3sn38TtAYFeCaD8Q2Gt-K/s1600/eleicoes-kogama.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimMbDocvCkyoa2-lBsn2fUtISPCU_qGYGjwm3nSW9XRR4m1N2ePBXcueaNY248DvP67Q3TMLn6K-YzlTFwPIpLSU0ATYvTsuWjHf2gCcRNzjNCDJr5UyVy7XG3sn38TtAYFeCaD8Q2Gt-K/s1600/eleicoes-kogama.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Eleições Kogama 2016<br /><a name='more'></a></td></tr></tbody></table><br />No dia 2 de outubro, vários <i>kogamians</i> sairão da página do Kogama para este <i>blog</i> para votar pro próximo prefeito do jogo. Muito além de apenas eleger o próximo prefeito, os eleitores querem um Kogama melhor, com mais opções de jogos, com mais cantinhos, com mais ourinhos, mais códigos cupons (que aliás, faz tempo que não tem).<br /><br />Pensando nisso, e pra facilitar a escolha certa, abrimos um espaço nesse <i>blog</i> para que os candidatos se apresentem e proponham suas metas para o mandado.<br /><br />Então, começaremos a exibir os candidatos a seguir. A ordem para a apresentação deles foi definida por uma grande equipe de profissionais, que minuciosamente, sob diversos critérios, sortearam os candidatos por dados. Então, vamos lá!<br /><br /><div class="espaco"></div><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/AVvXsEjol8C61J0l9dZdNV9HT55TsdCxEMP36TcHlcJ1-01JWT-21ocY0B8vXpxcvFxzoZs8uF6a3RGMmrIEheycOGVjAcM1Tt_Hw5lnRYcQOTkNDLD3U9RG_oxHRFeEXfWZlqytX5ed6Ew0k_Me/s1600/miqueias-50.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjol8C61J0l9dZdNV9HT55TsdCxEMP36TcHlcJ1-01JWT-21ocY0B8vXpxcvFxzoZs8uF6a3RGMmrIEheycOGVjAcM1Tt_Hw5lnRYcQOTkNDLD3U9RG_oxHRFeEXfWZlqytX5ed6Ew0k_Me/s1600/miqueias-50.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Vote 50</td></tr></tbody></table><br />Oi, meu nome é Miqueias_Gamestop. Prometo tornar o Kogama bem melhor. Não se esqueça, Miqueias, 50!<br /><br /><div class="espaco"></div><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/AVvXsEgHSbxQO_W_uq9u7X_5edT5FKnGAVF1PTV0NOBQmiUwSo6X8V-24hdmQvJ0ZVP7iZn7SFIWAtWMCqErZ624btNKPssQtW5j9_QREGkMLBvedOwqLKB8xRJKcQ1zoCMabEKOOOQnS8ZiZ8HC/s1600/fofinha.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHSbxQO_W_uq9u7X_5edT5FKnGAVF1PTV0NOBQmiUwSo6X8V-24hdmQvJ0ZVP7iZn7SFIWAtWMCqErZ624btNKPssQtW5j9_QREGkMLBvedOwqLKB8xRJKcQ1zoCMabEKOOOQnS8ZiZ8HC/s1600/fofinha.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Vote 12</td></tr></tbody></table><br />Oii, eu sou a -_FofinhaChan-KGM_-. Vote em mim e seja feliz. Se eleita, darei mais ouro para todos (inclusive para mim e-e). Também terá mais XP. Então, no dia 2 de outubro, vote em mim, vote 12!<br /><br /><div class="espaco"></div><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/AVvXsEhrdsaWoYFsHulHWYt53RaWOjwLb5sj1Ryz6r5HvpyKhsjrLpdSuQ8YipjzHyinK48YPvEaJptjanUjk70-NaTOB2nHnaQM_wQsN75Ty1BxrcVqh5hoZ6F6224cfOsvy79OnxoSjxufsenF/s1600/isa.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrdsaWoYFsHulHWYt53RaWOjwLb5sj1Ryz6r5HvpyKhsjrLpdSuQ8YipjzHyinK48YPvEaJptjanUjk70-NaTOB2nHnaQM_wQsN75Ty1BxrcVqh5hoZ6F6224cfOsvy79OnxoSjxufsenF/s1600/isa.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Vote 15</td></tr></tbody></table><br />Oie, me chamo isabelafofis5, meu número é o 15. Quero ser a primeira prefeita do Kogama. Proponho a extinção das nuvens, pois elas são difíceis de passar. No meu mandato, todos terão ouro infinito. Terão também todos os avatares disponíveis, além dos blocos. Os turistas poderão falar e ajudarei o Makakogama a banir os <i>haters</i>. Então, vote em mim, vote 15!<br /><br /><div class="espaco"></div><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/AVvXsEhYA5Y5jo_52W_osyx6SsMtojCG0-XYqHzp7XvT32uivOSsOfT4rhZeB_gLrxw-HSqpJnURAry16lpAoeqJ9qvObjE2HQHybszMNQ0Dstx2ZmRf6K-BQVmcOHOwbNvQxuWm2F8PsUe185n7/s1600/keel.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYA5Y5jo_52W_osyx6SsMtojCG0-XYqHzp7XvT32uivOSsOfT4rhZeB_gLrxw-HSqpJnURAry16lpAoeqJ9qvObjE2HQHybszMNQ0Dstx2ZmRf6K-BQVmcOHOwbNvQxuWm2F8PsUe185n7/s1600/keel.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Vote 14</td></tr></tbody></table><br />Oii, aqui quem fala é a Keelzinha13. Minhas propostas são interessantíssimas. Farei a roleta de ouro, igual ao <i>spin</i> que dá apenas XP. Farei mudanças em preços de cubos. Também farei que esses comentários de "se você repassar para 5 mapas você ganhará 100000 ouros" sejam excluídos porque ninguém é obrigado a ficar lendo isso (desnecessário). Para os iniciantes, deixarei que eles escolham uma <i>skin</i> livre. Vote 14 Keelzinha \0/<br /><br /><div class="espaco"></div><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/AVvXsEi59-340WSf0YrHMuNkPeIHwsXOIZcsUaNSp5VYjoqHyO8ZLw4vxwNNcY9y8VWx9SOyZn9Vn72neR8VjkvH51N9rJm006OVDrZper8o9Rw_raMuPgXqZJOQIjFJ-uwmUBCAgqfS3gce_1Sr/s1600/lord.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi59-340WSf0YrHMuNkPeIHwsXOIZcsUaNSp5VYjoqHyO8ZLw4vxwNNcY9y8VWx9SOyZn9Vn72neR8VjkvH51N9rJm006OVDrZper8o9Rw_raMuPgXqZJOQIjFJ-uwmUBCAgqfS3gce_1Sr/s1600/lord.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Vote 98</td></tr></tbody></table><br />Olá, sou o -_Lord_Cupcake_-. Se eleito, trabalharei para trazer mais ouro para os jogadores e mais sorte nos <i>spins</i>. Baratearei os avatares e itens, pois estão muito caros. Vote em mim. Vote 98!<br /><br /><div class="espaco"></div><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/AVvXsEgUtyqbKh-dv3A30F3DsqTpsKYh1XsaY6VF92MLIFV-SICMuBYZshzNrtaqAUYtL2jygzAabCCursw3G1V9Pm6w2t12XQx8dtd4aMGEqA6a0CdqQWAtaxREGQcjja_C-LXz5fSufmO1LoJp/s1600/joanir.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Eleições Kogama 2016" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUtyqbKh-dv3A30F3DsqTpsKYh1XsaY6VF92MLIFV-SICMuBYZshzNrtaqAUYtL2jygzAabCCursw3G1V9Pm6w2t12XQx8dtd4aMGEqA6a0CdqQWAtaxREGQcjja_C-LXz5fSufmO1LoJp/s1600/joanir.jpg" title="Eleições Kogama 2016" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Vote 25</td></tr></tbody></table><br />Oi, eu sou o joanir007. Candidato a qualquer coisa pela primeira vez. prometo que não vou prometer nada. E mais, não tenho mais nada pra dizer. Se quiser, vote em mim. Se não quiser, vote também uai. Vote 25.<br /><br /><div class="espaco"></div><br /><br />E esses foram os candidatos a prefeito do Kogama. Faça a leitura. Analise as propostas e eleja o melhor para o Kogama.</div><style>body{background:#394551;} .espaco{background:#394551; width:120%;height:20px;left:-20px;position:absolute;} </style> </div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-80267517085812461732016-09-22T21:54:00.000-03:002018-05-10T20:34:04.340-03:00Sistema de Notificações para o seu Blog<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Aprenda a como colocar um botão no seu <i>blog</i> para que o usuário ative notificações no navegador Google Chrome e Firefox. Com esse <i>plugin</i>, você poderá mandar uma mensagem para o leitor que algo novo foi publicado no seu <i>blog</i>.</div><div style="text-align: justify;"><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/AVvXsEgPtu8UObcM2ouYM38zw5K3zc4EBQNP-_D9kjrFL70dHJax-vvXfKx2aeKxbEv35odWBmn77IaS8Izcfa2DG9ImWehcnUsnNi7Xo2zUONX0PgB_LgO6S0NzAKN9wN2je1K-TSjpZjtNWynz/s1600/notificacao-blog.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Notificações no Blog - OneSignal" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtu8UObcM2ouYM38zw5K3zc4EBQNP-_D9kjrFL70dHJax-vvXfKx2aeKxbEv35odWBmn77IaS8Izcfa2DG9ImWehcnUsnNi7Xo2zUONX0PgB_LgO6S0NzAKN9wN2je1K-TSjpZjtNWynz/s1600/notificacao-blog.jpg" title="Notificações no Blog - OneSignal" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Funciona nos navegadores Google Chrome e Mozilla Firefox<br /><a name='more'></a></td></tr></tbody></table><br /></div><div style="text-align: justify;">Antes de começarmos, devo informar que este tutorial é inspirado no <a href="https://www.youtube.com/watch?v=fyJUpZwgaYU" target="_blank">vídeo do Marcos Lemos</a>, do <i>blog</i> <a href="http://www.ferramentasblog.com/" target="_blank">Ferramentas Blog</a>. No tutorial dele, foi ensinado como instalar o <i>plugin </i>para Wordpress. Vale a pena conferir.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">No nosso caso, seguiremos boa parte do tutorial dele, mas como nos <i>blogs</i> do Blogspot os <i>plugins</i> não funcionam como no Worpress, faremos algumas modificações para o funcionamento por aqui. Então, vamos lá!<br /><br /><blockquote class="tr_bq"><b>Atenção:</b> Este <i>plugin</i>, pelo menos no Blogger, não pega o feed do seu <i>blog</i> para notificar automaticamente os inscritos. Ele serve para notificações manuais. Ou seja, quando houver um <i>post</i> novo, você pode criar uma mensagem com o <i>link </i> para ele.</blockquote></div><div style="text-align: justify;"><br /></div><h3 style="text-align: justify;"><span style="background-color: yellow;">1</span> Criando um conta no OneSignal</h3><div><span style="background-color: yellow;">1.1</span> Acesse o <i>site</i> <a href="https://onesignal.com/webpush" target="_blank">OneSignal.com</a> e clique em LOG IN. Use sua conta Google para facilitar o processo. Aceite todos os termos que aparecerem.</div><div><br /></div><div><span style="background-color: yellow;">1.2</span> Aparecerá algumas instruções do OneSignal, mas vamos ignorá-las. Apenas clique no X para fechar o quadro.</div><div><br /></div><div><span style="background-color: yellow;">1.3</span> Você notará que estará numa espécie de Painel de Controle. Não há nada para configurar ainda, apenas uma caixa para adicionar o novo aplicativo. Então, clique em <b>Add a new App</b>.<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/AVvXsEgMfRpfy1f7mVvYWebeqxVXL14SMXyEW9SOHFyqMZXvyxwgP5Saj0o9wx_6xEBelJhaH9QfwnYsoYnlK_EacHdqZMs9nGiuj8vGx-DLVSCfallhcU-nGbM7VQ-3Ag_ThIKYyoXGu1XwYNmj/s1600/add-a-new-app.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="OneSignal - Adicionar novo app" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMfRpfy1f7mVvYWebeqxVXL14SMXyEW9SOHFyqMZXvyxwgP5Saj0o9wx_6xEBelJhaH9QfwnYsoYnlK_EacHdqZMs9nGiuj8vGx-DLVSCfallhcU-nGbM7VQ-3Ag_ThIKYyoXGu1XwYNmj/s1600/add-a-new-app.png" title="OneSignal - Adicionar novo app" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Adicionar Novo Aplicativo</td></tr></tbody></table><br /></div><div><span style="background-color: yellow;">1.4</span> Adicione um nome para o seu <i>app</i> e clique em <b>Create</b>.<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/AVvXsEi8CESJN_R1Ag9Nb6XYbI24pdsALwO9i5cQl2AqPs5RpPR83ahq16Bgoe4LhxtxYzkKV_pun08RcEB_ClZO7egjpHXZnPz1ORAb2sNJ2LJRx1uR6Q8n6oNTjkYyqdK5i9007b0MK1rrCEgn/s1600/add-a-new-app-done.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="OneSignal - Adicionar novo app" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8CESJN_R1Ag9Nb6XYbI24pdsALwO9i5cQl2AqPs5RpPR83ahq16Bgoe4LhxtxYzkKV_pun08RcEB_ClZO7egjpHXZnPz1ORAb2sNJ2LJRx1uR6Q8n6oNTjkYyqdK5i9007b0MK1rrCEgn/s1600/add-a-new-app-done.png" title="OneSignal - Adicionar novo app" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Adicione um nome para o seu novo aplicativo</td></tr></tbody></table><br /></div><div><span style="background-color: yellow;">1.5</span> Na próxima janela, temos algumas opções de plataformas. Escolha a <b>Website Push</b> (que contém o ícone dos três navegadores) e clique em <b>Next</b>.<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/AVvXsEgSeK5CVPC6xdCxOAAAHGR10xCJtCcG7g8j2xEYeoY6poPp0CQ38g4Etyoc34Edv3uzLDAAVz-w0WyJOUIJ_sEwIwKLoxTQkiarPOcv1Y8SyYB2MNU2JAd6uuJFlXDSf8QmjVC7C6oSE5UW/s1600/select-platform.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="OneSignal - Website Push" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSeK5CVPC6xdCxOAAAHGR10xCJtCcG7g8j2xEYeoY6poPp0CQ38g4Etyoc34Edv3uzLDAAVz-w0WyJOUIJ_sEwIwKLoxTQkiarPOcv1Y8SyYB2MNU2JAd6uuJFlXDSf8QmjVC7C6oSE5UW/s1600/select-platform.png" title="OneSignal - Website push" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Selecione Website Push</td></tr></tbody></table><br /></div><div><span style="background-color: yellow;">1.6</span> Agora teremos duas opções para configurar. Começaremos com os dois navegadores populares do Windows. Selecione <b>Google Chrome & Mozilla Firefox</b> e clique em <b>Next</b>.</div><div><br /></div><div><span style="background-color: yellow;">1.7</span> Este passo é bem intuitivo. Em <b>Site URL</b>, coloque o endereço do seu <i>blog</i> (não esqueça de pôr o http://) e em <b>Default Notification Icon URL</b>, coloque o <i>link</i> do ícone do seu <i>blog</i>. Atente-se para colocar uma imagem quadrada, assim ela não ficará distorcida.</div><div><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/AVvXsEiemLIuN5CDnFIOwo-yGI_PgbnA9t1hJKe21BYxVpt09rdTR_XHCRDhhmRW2WhKhnvAnRjtXS2x_587hyphenhyphenJpEvM9WWOz_F7rP8DPXHfdhsXl-DmzpXHt05mJZd1Zd_v0RgaHc9G0oiOXQk-O/s1600/configure-platform.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="OneSignal - URL do site e ícone" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiemLIuN5CDnFIOwo-yGI_PgbnA9t1hJKe21BYxVpt09rdTR_XHCRDhhmRW2WhKhnvAnRjtXS2x_587hyphenhyphenJpEvM9WWOz_F7rP8DPXHfdhsXl-DmzpXHt05mJZd1Zd_v0RgaHc9G0oiOXQk-O/s1600/configure-platform.png" title="OneSignal - URL do site e ícone" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Coloque o endereço completo do seu blog</td></tr></tbody></table><br /></div><div>E rolando mais pra baixo,<b> </b>teremos a opção de criar um subdomínio com o nome do <i>blog</i> para o onesignal. Você pode alterá-lo se quiser. Antes de clicar em <b>Save, </b> copie o seu subdomínio e cole num bloco de notas.<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/AVvXsEjWiESWhc86JlsYSk4my6cQe34TGpKdeJbr7-UT3QZPN68R6U5-25htGecB-BMMc6_kr6BcGaYxcKuilcygGQhxVFAfAH1WVs86V6xyqH29rAWVLf7F5av4shERGYCAjc2syKtho7OSG9YS/s1600/subdomain.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="OneSignal - subdomínio onesignal" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWiESWhc86JlsYSk4my6cQe34TGpKdeJbr7-UT3QZPN68R6U5-25htGecB-BMMc6_kr6BcGaYxcKuilcygGQhxVFAfAH1WVs86V6xyqH29rAWVLf7F5av4shERGYCAjc2syKtho7OSG9YS/s1600/subdomain.png" title="OneSignal - subdomínio onesignal" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Copie o seu subdomínio</td></tr></tbody></table><br /></div><div><span style="background-color: yellow;">1.8</span> Nesta etapa, como estamos configurando para o Blogspot, devemos escolher a primeira opção. Selecione <b>Website Push</b> e clique em <b>Next</b>.<br /><br /></div><div><span style="background-color: yellow;">1.9</span> Nesta parte, vamos anotar algumas coisas para instalar o <b>SDK</b> do OneSignal no nosso <i>blog</i>. Deixe essa janela aberta, pois retornaremos a ela daqui a pouco e utilizaremos o <b>ID</b> do seu <b>App</b>.</div><div><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/AVvXsEhTxPzUbTKDQ7IZIPcAoDES2HU0T7ntlEF-rQqhz3zovCefLYATKdAPB65gef1TUMT-90BUldedJ4MeoiYKNo1jl9nthySmxgjHgAsXwcxf_GSD3b0JaYGC7cp778QgTAbk8ScgFutVXUdh/s1600/app-id.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="OneSignal - ID do app" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxPzUbTKDQ7IZIPcAoDES2HU0T7ntlEF-rQqhz3zovCefLYATKdAPB65gef1TUMT-90BUldedJ4MeoiYKNo1jl9nthySmxgjHgAsXwcxf_GSD3b0JaYGC7cp778QgTAbk8ScgFutVXUdh/s1600/app-id.png" title="OneSignal - ID do app" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Deixe essa janela aberta e vá para o painel do seu Blog</td></tr></tbody></table><br /></div><h3 style="text-align: left;"><span style="background-color: lime;">2</span> Instalando o SDK no Blog</h3><div><span style="background-color: lime;">2.1</span> Abra o painel do seu blog e vá para <b>Modelos.</b> Agora clique em <b>Editar HTML </b> para abrir o editor.</div><div><br /></div><div><span style="background-color: lime;">2.2</span> Clique em qualquer área dentro do código, aperte <b>Ctrl+F</b> para abrir a caixa de busca e pesquise por <b><head> </b>ou <b> </head></b>. Você poderá colar o próximo código em qualquer lugar dentro dessa <i>tag</i>, mas preferencialmente cole perto das <i>tags</i> <script>.</div><div><br /></div><div><span style="background-color: lime;">2.3</span> Cole o seguinte código:</div><div><br /></div><div class="codigo" style="text-align: left;"><script async='async' src='https://cdn.onesignal.com/sdks/OneSignalSDK.js'/><br /> <script><br /> var OneSignal = window.OneSignal || [];<br /> OneSignal.push([&quot;init&quot;, {<br /> appId: "<span style="color: red;">YOUR_APP_ID</span>",<br /> <span style="color: #444444; font-family: Anonymous-Pro, Menlo, Monaco, Consolas, "Lucida Console", monospace; letter-spacing: 0.1px;">safari_web_id: </span><span class="hljs-string" style="box-sizing: border-box; color: #718c00; font-family: Anonymous-Pro, Menlo, Monaco, Consolas, "Lucida Console", monospace; letter-spacing: 0.1px;">'YOUR_SAFARI_WEB_ID',</span><br /> autoRegister: <span style="color: purple;">false</span>,<br /> promptOptions: {<br /> actionMessage: "Gostaria de ser notificado quando houver novos posts?",<br /> acceptButtonText: "SIM, CLARO",<br /> cancelButtonText: "NÃO, OBRIGADO"<br /> },<br /> subdomainName: '<span style="color: red;">SUBDOMAIN_NAME</span>', <br /> notifyButton: {<br /> enable: true,<br /> size: &#39;medium&#39;,<br /> theme: &#39;default&#39;,<br /> position: &#39;bottom-right&#39;,<br /> text: {<br /> &#39;tip.state.unsubscribed&#39;: &#39;<span style="color: red;">Receber notificações</span>&#39;,<br /> &#39;tip.state.subscribed&#39;: &quot;<span style="color: red;">Notificações ativadas</span>&quot;,<br /> &#39;tip.state.blocked&#39;: &quot;<span style="color: red;">Você bloqueou as notificações</span>&quot;,<br /> &#39;message.prenotify&#39;: &#39;<span style="color: red;">Clique para receber notificações</span>&#39;,<br /> &#39;message.action.subscribed&#39;: &quot;<span style="color: red;">Obrigado por se inscrever!</span>&quot;,<br /> &#39;message.action.resubscribed&#39;: &quot;<span style="color: red;">Você se inscreveu novamente</span>&quot;,<br /> &#39;message.action.unsubscribed&#39;: &quot;<span style="color: red;">Você não receberá mais notificações</span>&quot;,<br /> &#39;dialog.main.title&#39;: &#39;<span style="color: red;">Notificações</span>&#39;,<br /> &#39;dialog.main.button.subscribe&#39;: &#39;<span style="color: red;">INSCREVA-SE</span>&#39;,<br /> &#39;dialog.main.button.unsubscribe&#39;: &#39;<span style="color: red;">CANCELAR INSCRIÇÃO</span>&#39;,<br /> &#39;dialog.blocked.title&#39;: &#39;<span style="color: red;">Desbloquear Notificações</span>&#39;,<br /> &#39;dialog.blocked.message&#39;: &quot;<span style="color: red;">Siga estas instruções para ativar as notificações:</span>&quot;<br /> }<br /> }<br /> }]);<br /> </script></div><div><br /></div><div><span style="background-color: lime;">2.4</span> Antes de salvar, substitua <span style="color: red;">YOUR_APP-ID</span> pelo ID do seu Aplicativo e <span style="color: red;">SUBDOMAIN_NAME</span> pelo seu subdomínio completo. <span style="color: #444444;">Exemplo: https://masqueseyo-com.onesignal.com</span>.<br /><br /><span style="background-color: lime;">2.5</span> Feito isso, salve seu <i>template</i> e abra seu <i>blog</i> no Google Chrome ou Firefox. No canto inferior direito, deverá aparecer um ícone de notificação. Clique nele, e ative as notificações para você.<br /><br /><span style="background-color: lime;">2.6</span> Agora, volte para a janela que paramos no OneSignal e clique em <span style="background-color: #4eadb0; color: white; font-family: "raleway" , sans-serif; line-height: 18.5714px; text-align: center; white-space: nowrap;">Check Subscribed Users</span>. Se deu tudo certo, você verá essa mensagem abaixo. Clique em <b>Done</b> para finalizar.<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/AVvXsEjUGFznwoMj3Kwv_il9mq_tJmCRnAtaWH2RyemKVnrQVUM1r89qh4fIN31T8PVWmkr7w4Tp96z7IOgf-moWFCIh_AqqghJ5i7wPcWb_0CjWjx2RKPc7tlK3slroKImWSnveQZnc_6hgx7-a/s1600/subscribed.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="OneSignal - Inscrito confirmado" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUGFznwoMj3Kwv_il9mq_tJmCRnAtaWH2RyemKVnrQVUM1r89qh4fIN31T8PVWmkr7w4Tp96z7IOgf-moWFCIh_AqqghJ5i7wPcWb_0CjWjx2RKPc7tlK3slroKImWSnveQZnc_6hgx7-a/s1600/subscribed.png" title="OneSignal - Inscrito confirmado" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Confirmação de 1 inscrito nas notificações</td></tr></tbody></table><br /><h3 style="text-align: left;"><span style="background-color: cyan;">3</span> Criando notificação</h3><div>Infelizmente, como disse antes, esse <i>plugin</i> não pega o Feed do <i>blog</i> para gerar notificações automáticas. Ao invés disso, você deve criar uma notificação para o usuário. Mas, apesar de parecer penoso, o processo é simples:</div><div><br /></div><div><span style="background-color: cyan;">3.1</span> No painel do seu aplicativo, clique em <b>New Message.</b></div><div><b><br /></b></div><div><span style="background-color: cyan;">3.2</span> Aqui, o processo é intuitivo. Em <b>Title</b>, adicione um título e em <b>Content</b>, adicione sua curta mensagem. Dica: não escreva muito, use este espaço para fazer uma curta chamada para a leitura de um <i>post</i> ou algum tipo de aviso para o seu leitor.</div><div><br /></div><div><span style="background-color: cyan;">3.3</span> Mais abaixo, terá uma opção chamada <b>Options</b>. Clique nela para expandir algumas opções. Dentre elas, ative a opção <b>Launch URL</b> e cole o <i>link </i>do seu novo <i>post</i>. Assim, quando a pessoa clicar na notificação, ela será levada para o endereço colocado.</div><div><br /></div><div>3.4 Após tudo configurado, clique em <b>Preview</b> e, após conferir, clique em <b>Send </b>(Enviar).</div><div><br /></div><h3 style="text-align: left;">Conclusão</h3></div><div>Este serviço é ótimo para alertar os seus leitores que há algo novo no <i>blog</i>. Se você tiver alguma dúvida, comente abaixo. Se você é usuário do Safari no iOS, o processo de configuração é parecido. Vá em App Settings >Apple Safari > Configure e preencha os campos necessários. Depois teste e nos conte se funcionou também neste navegador.</div><div><br /></div><div>É isso aí. Para mais tutoriais e outros assuntos aqui do <i>blog</i>, clique no botão para ser notificado. Até a próxima!</div></div><style>.post-body img{box-shadow: 0 0 2px rgba(1,1,1,.5);}</style></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-72876547907391722082016-09-16T02:11:00.000-03:002018-05-10T20:34:03.807-03:00O que não aconteceu hoje<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Fui pagar a conta. Fui eu e os fones de ouvido. As músicas eram da pasta <i>Four Shared 2016</i>. Tenho pastas com esse nome criativo desde 2011, com a alteração apenas dos anos. Embarquei no ônibus, paguei e voltei pro ponto. E lá no ponto, estava comigo, mas sem mim, uma loira. Aparentava ter minha idade. Mas, entre nós dois, estava meu fone, companheiro do dia.</div><div style="text-align: justify;"><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/AVvXsEhdmL93qyGGTym3BCZDcOYm6_R4RciFyHowxyAjo7cwHH7MWxCPvV_fGEYkVu2lomaG5EmCvXTbPhEjNV-bXeNIsBA02DrOQtRDB95AaQN_kbd-wTPg_AqebQnWxnT0jK4H0KaQQu_d2l73/s1600/olhares.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Olhares" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdmL93qyGGTym3BCZDcOYm6_R4RciFyHowxyAjo7cwHH7MWxCPvV_fGEYkVu2lomaG5EmCvXTbPhEjNV-bXeNIsBA02DrOQtRDB95AaQN_kbd-wTPg_AqebQnWxnT0jK4H0KaQQu_d2l73/s1600/olhares.jpg" title="Olhares" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">O que não aconteceu hoje<br /><a name='more'></a></td></tr></tbody></table><br /></div><div style="text-align: justify;">Eu poderia fazer o simples movimento de tirar os fones do ouvido e dizer um simpático "oi" a la Silvio Santos. Mas isso seria fácil demais, diante de meu questionamento bobo momentâneo. Eu pensava: oras, quando venho sem fone, não aparece uma moça sequer, só as senhoras de sempre que falam do tempo, do frio que castiga, da onda de assaltos do bairro. Não estava reclamando destas conversas, até porque me dou bem com as vovós dos outros. Mas, agora que estou aqui, isolado no mundo pelas músicas baixadas, aparece as moças que eu procuro. Não há tempo pra me preparar. Pra pensar em como fazer certo. Em não parecer um inseguro que sou. Mas lá estava ela, eu e o fone.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Ela se aproxima de mim. Ventava bastante, vai ver ela queria ter mais vento pra ela. #Compartilhar vento é preciso. Vai ver ela queria ver qual era a linha do ônibus que vinha. Mas não, havia vento suficiente para nós dois e para mais uma dúzia de Ronaldos. Também não estava vindo ônibus, e se estivesse, não faria diferença a linha, pois todos que passassem iriam para o Terminal Sul.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Meu fone é bom até. É branco, não combina com o celular preto de bordas azuis. Estava no volume alto, mas eu conseguia ouvir o que estavam falando os vizinhos de ponto. É que apareceram mais quatro pessoas. Mas ainda assim, era ela, eu e meu fone de ouvido, que agora me fazia ouvir <i>Me Leva</i>, na voz do grupo Dibob.</div><div style="text-align: justify;"><br /></div><div class="youtube" style="text-align: center;"><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/dUYvyEebNYI?rel=0&showinfo=0" width="560"></iframe><br />Vídeo: <a href="https://youtu.be/dUYvyEebNYI" target="_blank">https://youtu.be/dUYvyEebNYI</a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Entramos no ônibus. Lotado como sempre. Ela entrou primeiro e eu, logo em seguida. Ela ficou no meio. Eu, após passar o cartão na catraca, fui em sua direção. Precisava fazer alguma coisa. Poderia perguntar se ela gostava de biscoito, não seria uma má ideia. Me segurava nas barras laterais pra não cair, enquanto me aproximava. Empurrei alguém pro lado. Eu precisava passar né. Segurei na mesma barra que ela. O ônibus estava rápido. Toquei na sua mão, como se fosse um acidente. Não foi. Mas não queria que ela percebesse. Então, meus passos me levaram um pouco mais pra trás, quase na porta do fundo.<br /><br />Enfim, quase chegando ao meu destino, retornei para<i> Me Leva</i>, Meu fone ria da situação, e de forma irônica, fez com que os olhos dela se encontrassem com os meus quando saímos do ônibus. Ela saiu pela porta do meio, e eu, pela do fundo. E nos encontramos por simples segundos. E no segundo seguinte, já não nos víamos mais. Fui pra casa.<br /><br />E isso foi o que não aconteceu hoje.<br /><br />Quando desci do ônibus, a música já tinha acabado, e meu fone não poderia me impedir de nada. Nossos olhos se encontraram, agora não por simples segundos, mas por minutos, pois disse um "oi" pra ela. Descobri que ela realmente gostava de biscoito. Comemos um pacote inteiro na cantina. Conversamos sobre o tempo, sobre a onda de assalto do bairro, sobre coisas sem importância, sobre os nadas da vida, sobre tudo que deu. Depois disso, nos despedimos. Talvez eu não a veja mais. Cascavel é uma cidade grande. Não peguei o número dela. Mas, tivemos alguns minutos, minutos diferentes. Minutos que eu queria. Fui pra casa.</div></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-1068968216094791582016-09-08T21:22:00.000-03:002018-05-10T20:33:59.435-03:00Nem cinco minutos<div dir="ltr" style="text-align: left;" trbidi="on">Conversávamos todos os dias. Mesmo nos dias que não tínhamos assuntos, isso era motivo para ter o que falar. E hoje, neste frio sulista, não tenho nem mais alguns míseros cinco minutos com ela.<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/AVvXsEjHkj-Ikm82krwRfuqnBnRSQDWEXjwdzYnhfoXA7iwKHeJHaHMkoCyhGfwwt2FJU1TDi6nA9rZcpvoyYCdRhbV280qher5D7nXQGd0nVvf1HGBCPOp4C-0DYJnn2GXoxRZ7pRe5KdVDkJct/s1600/cinco-minutos.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Nem cinco minutos" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHkj-Ikm82krwRfuqnBnRSQDWEXjwdzYnhfoXA7iwKHeJHaHMkoCyhGfwwt2FJU1TDi6nA9rZcpvoyYCdRhbV280qher5D7nXQGd0nVvf1HGBCPOp4C-0DYJnn2GXoxRZ7pRe5KdVDkJct/s1600/cinco-minutos.jpg" title="Nem cinco minutos" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Nem cinco minutos<a name='more'></a></td></tr></tbody></table><br />- Oiii!<br />- Oiiii, tudo bem?<br />- Tudo.<br />- Vamos jogar alguma coisa?<br />- Entra em um que eu sigo.<br /><br />*<br /><br />- Você está bem?<br />- Mais ou menos.<br />- Aconteceu alguma coisa?<br />- Não, nada.<br />- Então tá.<br /><br />*<br /><br />-Oi. Você não entrou ontem.<br />- Estava sem <i>net</i>.<br />- Ah, é ruim né.<br />- É.<br /><br />*<br /><br />- O que acontceu? Três dias sem entrar.<br /><br />*<br /><br />- Por que me bloqueou?<br />- Você não entenderia.<br />- Não entenderia o quê?<br />- Deixa pra lá.<br />- Você disse que não faria isso.<br />- Isso o quê?<br />- Que enjoaria de mim.<br />- Mas eu... Você não entende.<br />- Eu entendo sim, e não é a primeira vez que isso acontece. Lembra da nossa primeira conversa?<br />- Lembro.<br />- Parece que não. Eu disse que tinha acabado de perder uma amiga, que ela não falava mais comigo.<br />- E eu disse que não faria isso com você.<br />- Mas é justamente o que você está fazendo agora.<br />- Você não entende né. Eu vou ter que sair.<br />- É assim então. Te espero amanhã pra pelo menos ter cinco minutos com você?<br />- Não me espere mais.</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-88089016749382635512016-08-13T17:35:00.000-03:002018-05-10T20:34:05.048-03:00Configurar post pelos marcadores do Blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><div style="text-align: left;"><div style="text-align: justify;"><span style="white-space: pre-wrap;">Os <i>blogs</i> hospedados no Blogger (ou Blogspot) contam com um novo recurso de personalização por meio dos Marcadores (ou <i>labels</i>). Com ele, dá pra configurar um conjuntos de <i>posts</i> de acordo com o seu <b>marcador</b>.</span><br /><span style="white-space: pre-wrap;"><br /></span></div></div><div style="text-align: left;"><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/AVvXsEgb2O3D7pWCuEwI737etmkeMvpNkpzbWNF98vzgbMAxDR8WdMGJeemt8Kh5N4WRy_Dk_jJdNQEUchOqCH9ZyLZaSGw4O340ByzZu_FnbXKLQq7r0ukHv4WJqmkEMaPzukWicElxw8mJCcqf/s1600/marcadores.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Configurar post pelos marcadores do Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb2O3D7pWCuEwI737etmkeMvpNkpzbWNF98vzgbMAxDR8WdMGJeemt8Kh5N4WRy_Dk_jJdNQEUchOqCH9ZyLZaSGw4O340ByzZu_FnbXKLQq7r0ukHv4WJqmkEMaPzukWicElxw8mJCcqf/s1600/marcadores.jpg" title="Configurar post pelos marcadores do Blogger" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Configurar posts pelos marcadores do Blogger<br /><a name='more'></a></td></tr></tbody></table><br /></div><div style="text-align: left;"><span style="white-space: pre-wrap;">Antes de iniciarmos, devemos levar em conta alguns aspectos: você usa marcadores no seu <i>blog</i>? Você os usa de forma correta? Para responder essas perguntas e auxiliá-lo, leia "<a href="http://www.masqueseyo.com.br/2014/12/use-as-tags-com-moderacao.html" target="_blank">Use as <i>tags</i> com moderação</a>", onde falo sobre o uso dos marcadores como marcador mesmo dos assuntos do seu <i>blog</i>.</span></div><div style="text-align: left;"><span style="white-space: pre-wrap;"><br /></span></div><div style="text-align: left;"><span style="white-space: pre-wrap;">Com esses dois aspectos levados em consideração, podemos partir para o <i>post</i>. Para isto, vamos utilizar um exemplo: digamos que você tem um <i>blog</i> de tecnologia, especificamente falando de Sistemas Operacionais. Para categorizá-los você usa três marcadores: Windows, Android e iOS. Você quer que os <i>posts</i> com cada marcador se diferenciem, seja com um <i>background</i> diferente ou com uma logo no topo do <i>post</i> destes sistemas.</span></div><div style="text-align: left;"><span style="white-space: pre-wrap;"><br /></span></div><div style="text-align: left;"><span style="white-space: pre-wrap;">Para fazer isso, antes você poderia recorrer ao javascript ou outra linguagem, mas agora este processo está bem mais simples, pois o Blogger criou uma nova condicional para os Marcadores. Veja:</span></div><div style="color: rgba(0, 0, 0, 0.870588); font-family: roboto, sans-serif; font-size: 17px;"><span style="color: #999999; font-family: "courier new"; font-size: 14.6667px; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div><div class="codigo" style="color: rgba(0, 0, 0, 0.870588); text-align: justify;"><span style="font-family: inherit;"><span style="color: blue; vertical-align: baseline; white-space: pre-wrap;"><b:if</span><span style="vertical-align: baseline; white-space: pre-wrap;"> </span><span style="color: purple; vertical-align: baseline; white-space: pre-wrap;">cond=</span><span style="color: #38761d; vertical-align: baseline; white-space: pre-wrap;">'</span><span style="color: #38761d; font-weight: 700; vertical-align: baseline; white-space: pre-wrap;">data:post.labels any (l => l.name == "Windows")</span><span style="color: #38761d; vertical-align: baseline; white-space: pre-wrap;">'</span><span style="vertical-align: baseline; white-space: pre-wrap;">></span></span><br /><span style="font-family: inherit; vertical-align: baseline; white-space: pre-wrap;"><img src=’/img/windows-logo.jpg’ /></span><br /><span id="docs-internal-guid-ed12ced3-e519-8f5f-374b-c473f32612b4" style="color: rgba(0 , 0 , 0 , 0.870588); line-height: 32px;"><span style="color: blue; font-family: inherit; vertical-align: baseline; white-space: pre-wrap;"><b:if/></span></span></div></div><div style="text-align: justify;"><span style="color: rgba(0 , 0 , 0 , 0.870588); line-height: 32px;"><span style="color: blue; vertical-align: baseline; white-space: pre-wrap;"><span style="color: black; font-family: inherit; line-height: 22.08px; text-align: left;"><br /></span></span></span><span style="color: rgba(0 , 0 , 0 , 0.870588); font-family: "roboto" , sans-serif; font-size: 17px; line-height: 32px;"><span style="color: blue; font-family: "courier new"; font-size: 14.6667px; vertical-align: baseline; white-space: pre-wrap;"><span style="color: black; font-family: "times new roman"; font-size: small; line-height: 22.08px; text-align: left;"></span></span></span> <span style="color: rgba(0 , 0 , 0 , 0.870588); line-height: 32px;"><span style="color: blue; vertical-align: baseline; white-space: pre-wrap;"><span style="color: black; font-family: inherit; line-height: 22.08px; text-align: left;">Simples assim. Você coloca o valor do marcador ali onde está o Windows e tudo o que estiver dentro desta condicional será aplicado apenas aos <i>posts</i> correspondentes.</span></span></span><br /><span style="font-family: inherit;"><span style="color: rgba(0 , 0 , 0 , 0.870588); line-height: 32px;"><span style="color: blue; vertical-align: baseline; white-space: pre-wrap;"><span style="color: black; line-height: 22.08px; text-align: left;">Mas calma lá. Este código só pode ser aplicado dentro de:</span></span></span></span><span style="font-family: "times new roman"; line-height: 22.08px; text-align: left; white-space: pre-wrap;"></span> <br /><span style="font-family: inherit;"><span style="color: rgba(0 , 0 , 0 , 0.870588); line-height: 32px;"><span style="color: blue; vertical-align: baseline; white-space: pre-wrap;"><span style="color: black; line-height: 22.08px; text-align: left;"><br /></span></span></span></span><div class="codigo" style="text-align: justify;"><span style="color: #38761d; font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;"><b:includable</span><span style="color: rgba(0 , 0 , 0 , 0.870588); font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;"> </span><span style="color: blue; font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">id</span><span style="color: rgba(0 , 0 , 0 , 0.870588); font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">=</span><span style="color: red; font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">'post'</span><span style="color: rgba(0 , 0 , 0 , 0.870588); font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;"> </span><span style="color: blue; font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">var</span><span style="color: rgba(0 , 0 , 0 , 0.870588); font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">=</span><span style="color: red; font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">'post'</span><span style="color: #38761d; font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">></span><span style="color: rgba(0 , 0 , 0 , 0.870588); font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;">...</span><span style="color: #38761d; font-family: "times new roman"; font-size: 17px; line-height: 22.08px; text-align: left; white-space: pre-wrap;"></b:includable></span></div><span style="font-family: "times new roman"; line-height: 22.08px; text-align: left; white-space: pre-wrap;"><br /></span><span style="font-family: "times new roman"; line-height: 22.08px; text-align: left; white-space: pre-wrap;">Vá fazendo testes, tendo ideia de qual elemento colocar em cada marcador.</span><br /><div style="text-align: left;"><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;"><br /></span></span></div><h4 style="text-align: left;"><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;">Alguns exemplos de uso</span></span></h4><div><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;">O primeiro exemplo é o que ilustra esse <i>post</i>: imagens do logo de cada S.O. Para isto, você cria três condicionais diferentes e põe imagens diferentes nelas. Caso você precise configurar algum estilo CSS nelas, adicione uma classe e faça as modificações necessárias dentro de um <style></style> separado.</span></span></div><div><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;"><br /></span></span></div><blockquote class="tr_bq"><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;">Caso você crie um <style> dentro de uma condicional para uma mesma classe, a última criada será aplicada em todos os <i>posts</i> na página inicial. O resultado esperado só se aplicará dentro do <i>post</i>.</span></span></blockquote><div><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;"><br /></span></span></div><div><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;">Como dito na observação acima, o uso de <style> dentro da condicional desejada será aplicado em todos os objetos que tiverem a classe alterada na página inicial. </span></span><br /><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;"><br /></span></span><span style="font-family: "times new roman";"><span style="line-height: 22.08px; white-space: pre-wrap;">Bom, é isso! Faça alguns testes e nos diga o que você achou. Ah, e se descobriu alguma coisa ou teve ideias de uso, compartilhe com a gente!</span></span></div></div></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-11731926499316387532016-08-05T18:09:00.000-03:002018-05-10T20:33:59.553-03:00Meu primeiro Pokémon<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Neste paródico conto, direi algumas coisas sobre o game Pokémon Go, lançado aqui na terra dos Jogos Olímpicos ontem, dia 4 de agosto.</div><div><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/AVvXsEgUEhZOpYaLm0qun3Smz6KV-tTdZAZY8V_WPLyMD8XEVbqzjjZ3p2v1KVdgrt6zVDXMaE9TXORhY8dyYPdK831W_lm0VyCWtb9P64G-DZeryEHrcillGvtQqEXqEWzejNlAyGkJ-MxeoFr7/s1600/pokemon-go.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Pokémon Go - PokéStop no monumento da Unioeste" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEhZOpYaLm0qun3Smz6KV-tTdZAZY8V_WPLyMD8XEVbqzjjZ3p2v1KVdgrt6zVDXMaE9TXORhY8dyYPdK831W_lm0VyCWtb9P64G-DZeryEHrcillGvtQqEXqEWzejNlAyGkJ-MxeoFr7/s1600/pokemon-go.jpg" title="Pokémon Go - PokéStop no monumento da Unioeste" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Pokémon Go<br /><a name='more'></a></td></tr></tbody></table><br /></div><div>Antes de começar, não entendo as pessoas que falam mal do jogo. Em diversas páginas, imagens mostrando o Pikachu manipulando as pessoas, levando-as a abismos ou transformando-as em zumbis. Discordo disso. Há casos de acidentes, de roubos, mas eles são minorias.</div><div><br /></div><div>O jogo recém lançado é febre. E não se poderia esperar outra coisa. É de um desenho que fez parte da infância de muitos. É um game que usa realidade aumentada. Como esperar que as pessoas simplesmente ignorassem isso? Até jornalistas entraram na onda, ora noticiando o sucesso dele, ora caçando os Pokémons do bairro.</div><div><br /></div><div>Se contabilizarmos os prós e os contras, o jogo tem mais ponto positivos. E um deles é o de fazer as pessoas saírem de casa. Que outro jogo virtual teve a capacidade de fazer isso? Tomando os devidos cuidados, muitas pessoas pegam seus celulares e andam pelo bairro e outros pontos da cidade para capturar os bichinhos. E nesse rolê que mistura o real e o virtual, eu estive envolvido hoje.</div><div><br /></div><div>Tudo começou (há um tempo atrás, na ilha do sol...) (desculpa, sempre que eu introduzo um parágrafo com essa frase, eu não resisto e lembro da música). Bom, retomando, eu teria que sair de casa mesmo, E fui. Olhando pelo mapa do jogo, eu já sabia que na Unioeste (universidade em que estudei), tinha um Pokéstop (ponto onde você consegue recompensa e itens para o seu personagem). Então, fui todo felizão pra lá. Aqui no bairro, a onda de assalto está grande, então não marquei bobeira, andei ligeiro que nem uma gaivota voadora. </div><div><br /></div><div>Chegando lá, mas que vergonha... Desculpa. Chegando lá, me surpreendi com o que vi. Tava cheio de gente. Até pensei: vai ver tá tendo um <i>coffe break</i> fora de hora. Mas não, não era isso. As pessoas que estavam lá estavam lá pelo mesmo motivo que eu. Nunca vi tanto universitário agrupado, a não ser em períodos de greve. Saquei meu celular do bolso. Apertei o botão, dei o grito de ação (tipo Dragon Ball), conectei o Wi-fi, recebi uma mensagem irônica da <a class="g-profile" href="https://plus.google.com/108020586249717080227" target="_blank">Dany</a>, mas ignorei no momento, pois a missão era recarregar as ferramentar e capturar Pokémons. Abri o aplicativo e...</div><div><br /></div><div>Sabe, um <i>coffe break</i> não seria má ideia. A universidade podia patrocinar isso pros jogadores que estavam lá. Pessoas alegres naquele lugar é algo raro. Professores, alunos e funcionários em pé de igualdade, todos com o mesmo objetivo.</div><div><br /></div><div>... e não consegui entrar na minha conta do jogo. Pois é, não conectou de jeito nenhum. O Wi-fi funcionou direitinho, mas no jogo, não. Não chorei por preguiça, mas que deu vontade, isso deu. Pelo menos sai de casa e depois, voltei pra casa.<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/AVvXsEhJ4Ft2y4MIF7alkrVrnJTuevQFJZaCze4KEZvds1s4FqQSEySxcsfxGcYjHpBarGGqh9vMY1JQ2xalKRHzOO_9eUym6JT8Jw2Z0FOtFxS_Mq3oVRZoWFRIW0I7QkFfyy5i0hDmsr91pSFu/s1600/pokemon-go-no-conected.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Não conectado" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ4Ft2y4MIF7alkrVrnJTuevQFJZaCze4KEZvds1s4FqQSEySxcsfxGcYjHpBarGGqh9vMY1JQ2xalKRHzOO_9eUym6JT8Jw2Z0FOtFxS_Mq3oVRZoWFRIW0I7QkFfyy5i0hDmsr91pSFu/s1600/pokemon-go-no-conected.jpg" title="Não conectado" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Não conectado</td></tr></tbody></table><br /></div><div>Aqui em casa, conectou, mas eu queria ter pelo menos abastecido lá na Pokéstop. Mas, pra ter alguma notícia boa nesse <i>post</i>, agora a pouco, capturei um pokémon aqui em casa mesmo. Sorte talvez.</div></div><style>@media only screen and (min-width: 479px) { body{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf07Ds0h4BHpuorw5FUwHbT5oORMGu9ri_I0INNp2Z3Hbq7cNZWDwTJIiJahgldsmhnDMVaw-gTXRn14OxZ-GpQLVfFUqgyru67ZAq2qLMao6JLDDUUJefnbq5mwXLHfi09BUYbpMHVIzu/s1600/pikachu_wallpaper_by_kurama805%255B1%255D.jpg) fixed; background-size:cover;} .post-outer{background:rgba(255,255,255,.5);}} </style></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-73588647290119912152016-08-02T00:58:00.000-03:002018-05-10T20:34:03.866-03:00A gosto<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Este poderia ser um <i>post</i> caracterizado por uma tristeza que tenho aqui no fundo, ou pela alegria de companhias que tenho ao longo do dia. Por qual caminho seguirei descobriremos no decorrer do texto.</div><div><br /></div><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/AVvXsEhYxq6OkTKeReoFk2Ah6cUVTLaAsVNbZv_CsxFhhT6PwgnFBDNejmdlMRXDeDFPH6fHJT7MTJkrlqmbKKj0xnqvTRqp_RwPA-ofXqpSPdIF7Fq530y3yuorRptZ7dkQPS_QTcUGt-XnbfIr/s1600/agosto.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Agosto" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYxq6OkTKeReoFk2Ah6cUVTLaAsVNbZv_CsxFhhT6PwgnFBDNejmdlMRXDeDFPH6fHJT7MTJkrlqmbKKj0xnqvTRqp_RwPA-ofXqpSPdIF7Fq530y3yuorRptZ7dkQPS_QTcUGt-XnbfIr/s1600/agosto.jpg" title="Agosto" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: xx-small;">Imagem: <a href="http://ultradownloads.com.br/papel-de-parede/Estrada-de-Inverno/" rel="nofollow" target="_blank">http://ultradownloads.com.br<a name='more'></a></a></span></td></tr></tbody></table><div><br /></div><div>Agosto começa. Mais um mês. Um mês a menos. A gosto de despedida, a gosto de encontros (e como queria, de reencontros).</div><div><br /></div><div>Pelo modo triste, sinto saudades (num plural indesejado). A gosto de boas lembranças, percebo o que não tenho mais. A companhia de pessoas que planejava ter comigo pelos próximos cem anos, mas que me são estranhas hoje. Confesso que por muitos momentos, já as esqueço, mesmo não querendo.</div><div><br /></div><div>Por outro lado, a gosto de risos, e excluindo o momento ruim que estou passando, tenho a companhia de pessoas que conheci a pouco, mas que resolveram habitar parte do meu coração. Meu coração é grande, eu é que não sou do tamanho dele. Não sei demonstrar tudo o que sinto, mas sei sentir. E novas palavras vão se tornando parte do meu vocabulário. De <i>lerigou, voltada </i>a <i>congumelous</i>, só elas entendem.</div><div><br /></div><div>E nesta mistura de tristeza e alegria, é que agosto começa. A gosto de expectativa.</div></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-40562202755023429302016-07-01T23:13:00.000-03:002018-05-10T20:34:01.562-03:00Cacilda sumiu de vez<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Cacilda era uma pessoa que não existia, mas eu sempre chamava quando estava bravo. Ela aparecia toda contente prestando atenção no que eu falaria pra me responder no estilo. Cacilda era brava. Ultimamente tenho chamado todo mundo de idiota. Tenha certeza, é culpa da Cacilda.</div><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/AVvXsEjx1Fvrof86lpjuFVC5sSeo4yCmI9zuTLUbzD2f_bl_Db9kDjcQj9RmTw-R3SeqKXBpCURIii90lLqWIIuEiUfZbG_MoJ5jfVk6Fi7VIVZVk2EYkAvw-estx5G4cVfD_95EOCZkLGXh8RVi/s1600/cacilda.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cacilda sumiu de vez" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1Fvrof86lpjuFVC5sSeo4yCmI9zuTLUbzD2f_bl_Db9kDjcQj9RmTw-R3SeqKXBpCURIii90lLqWIIuEiUfZbG_MoJ5jfVk6Fi7VIVZVk2EYkAvw-estx5G4cVfD_95EOCZkLGXh8RVi/s1600/cacilda.jpg" title="Cacilda sumiu de vez" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Aquela imagem nada a ver com o post<br /><a name='more'></a></td></tr></tbody></table><br />Certo dia, na verdade, certa noite, eu tinha acabado de brigar com uma pessoinha dos invernos (erro proposital) e chamado ela de idiota. Isso faz parte já do meu vocabulário e da minha rotina. Vocabulário: idiota; rotina: brigar. Bloqueei, exclui e prometi pra mim mesmo que não falaria mais com ela.<br /><br />Estava tudo nos conformes. Mas confesso que sentia falta da idiota. Isso fazia parte dos conformes. Mas o plano estava seguindo a risca: não falar com ela, arrumar outra pra chamar de idiota, chamar a do Whats de idiota. e chorar contando os progressos pra amiga do Face. E, por último, antes de dormir, chamar a Cacilda. - Cacilda, cadê tu, mulher?<br /><br />- Cacilda sumiu. Pensei nisso com voz de narrador brasileiro quando aparece uns letreiros em inglês nos filmes. - Cacilda sumiu? - Pensei pela segunda vez, mas com um tom de indagação e preocupação, misturado com saudade e arroz com feijão (é que eu tava com fome no momento). - Cacilda sumiu! - Disse, já acreditado da constatação, essas duas palavras.<br /><br />E Cacilda não mais apareceu. Nas minhas conversas diárias, ela não se fez presente. Eu já disse que Cacilda era brava né? Pois é. Cacilda era.<br /><br />Mas não tinha mais Cacilda. Não tinha mais a idiota pra eu brigar. As coisas ficaram bem chatas. Estou com saudade dela.</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-28044754923183217412016-06-29T17:26:00.000-03:002018-05-10T20:34:00.854-03:00Links com imagens do post no Twitter<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Veja como deixar os links do seus posts do Blogger com o título, resumo e imagem no Twitter. Para isto, basta apenas adicionar algumas tags no Template do seu blog do Blogspot/Blogger.</div><div style="text-align: justify;"><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/AVvXsEjy_zwIEc_r9YM5LEPcDPpclIVgE2YOtNBJryE43QrGOa-AvAQ-oTRejKbos-4qiNxW3_ISNGalQuTZtUMJFC3WkfOyh33BF_rIqlwSILKM2s2iP_59N3utf5Nh5QRsEtUnRfKK44q_cFOw/s1600/card-types.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cartão de Resumo do Twitter com Imagem grande" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_zwIEc_r9YM5LEPcDPpclIVgE2YOtNBJryE43QrGOa-AvAQ-oTRejKbos-4qiNxW3_ISNGalQuTZtUMJFC3WkfOyh33BF_rIqlwSILKM2s2iP_59N3utf5Nh5QRsEtUnRfKK44q_cFOw/s1600/card-types.jpg" title="Cartão de Resumo do Twitter com Imagem grande" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cartão de Resumo do Twitter com Imagem grande<br /><a name='more'></a></td></tr></tbody></table><br /></div><div style="text-align: justify;">Se você é usuário constante do Twitter e já compartilhou alguns do seus <i>posts</i> por lá, deve ter percebido como a exibição deles ficar feio por lá, não é mesmo? Fica apenas o link, diferente como aparece no Facebook, com imagem, título e resumo.<br /><br />Mas, pra alegriada gente, há um jeito de pôr <i>metatags</i> do Twitter no nosso blog. O processo é bem simples.<br /><br /><h3>Criando o Card Types (Cartão de Resumo)</h3><br /><b>1.1</b> Entre no Painel do seu blog, vá em <b>Modelos</b>, depois em <b>Editar HTML</b>.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><b>1.2</b> Clique em qualquer área dentro do editor, aperte <b>Ctrl+F</b> para abrir o buscador e pesquise por <b><head></b> ou <b></head></b>. Note que o código que vamos colar a seguir deve estar dentro dessa tag.</div><div style="text-align: justify;"><br /><div class="codigo" style="text-align: left;"><div style="text-align: justify;"><head></div><div style="text-align: justify;">...</div><div style="text-align: justify;">código</div><div style="text-align: justify;">...</div><div style="text-align: justify;"></head></div></div><br /></div><div style="text-align: justify;"><b>1.3</b> Cole o seguinte código:</div><div style="text-align: justify;"><span style="background-color: #cccccc;"><br /></span></div><div class="codigo" style="text-align: left;"><span style="background-color: #93c47d;"><meta content='summary_large_image' name='twitter:card'/></span><br /><meta content='<span style="background-color: yellow;">@masqueseyo</span>' name='twitter:site'/><br /><meta content='<span style="background-color: cyan;">@joanir007</span>' name='twitter:creator'/><br /><meta expr:content='data:blog.homepageUrl' name='twitter:domain'/><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><meta expr:content='data:blog.canonicalUrl' name='twitter:url'/><br /><meta expr:content='data:blog.pageName' name='twitter:title'/><br /><meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/><br /><b:else/><br /><meta expr:content='data:blog.homepageUrl' name='twitter:url'/><br /><meta expr:content='data:blog.pageTitle' name='twitter:title'/><br /><meta content='<span style="background-color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4gsj3-ammTiDNIeD21kcJZUP0Gd-1o7QO2L73QySqZU1WyvuATiiatpn55fpXNxzeKRzb6SLm9XA1NG3th6fj5zOtAIQyx-WAjTQWTF1C8bpxYEemqvkNdIBCYvPzcxB95Si_SteMOccJ/s1600/mqsy-logo.png</span>' name='twitter:image:src'/><br /></b:if><br /><b:if cond='data:blog.metaDescription'><br /><meta expr:content='data:blog.metaDescription' name='twitter:description'/><br /></b:if><br /><meta expr:content='data:blog.canonicalUrl' name='twitter:url'/></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>1.4</b> Observe as partes destacadas. Faremos as seguintes alterações:<br /><br /><span style="background-color: #6aa84f;"> </span> - Caso queira que a imagem fique pequena, substitua essa linha por <span style="background-color: white;"><code class="html plain" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;"><</code><code class="html keyword" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(221, 46, 68) !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">meta</code><span style="color: #292f33; font-family: "consolas" , "bitstream vera sans mono" , "courier new" , "courier" , monospace; font-size: 14px; line-height: 22px; white-space: pre;"> </span><code class="html color1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(248, 187, 0) !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">name</code><code class="html plain" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">=</code><code class="html string" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(115, 167, 113) !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">"twitter:card"</code><span style="color: #292f33; font-family: "consolas" , "bitstream vera sans mono" , "courier new" , "courier" , monospace; font-size: 14px; line-height: 22px; white-space: pre;"> </span><code class="html color1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(248, 187, 0) !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">content</code><code class="html plain" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">=</code><code class="html string" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(115, 167, 113) !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">"summary"</code><span style="font-family: "consolas" , "bitstream vera sans mono" , "courier new" , "courier" , monospace; font-size: 14px; line-height: 22px; white-space: pre;"> </span><code class="html plain" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; display: inline-block; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 14px; height: auto !important; left: auto !important; line-height: 22px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: auto; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: bottom; white-space: initial; width: auto; word-break: break-word;">/></code></span><br /><span style="background-color: yellow;"> </span> - Substitua pelo Twitter do seu blog. Caso ele não tenha, você pode remover essa linha.<br /><span style="background-color: cyan;"> </span> - Substitua pelo seu Twitter.<br /><span style="background-color: magenta;"> </span> - Substitua pela imagem do seu blog, ou seja, a imagem do cabeçalho ou alguma que o caracterize.<br /><br /><b>1.5</b> Salve o seu template.<br /><br /><b>1.6</b> Agora, acesse o <b><a href="https://cards-dev.twitter.com/validator" target="_blank">Card Validator</a></b>, cole o link do seu blog e clique em <b>Preview Card</b>.<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/AVvXsEhLuqGzvTYTlBlP6prh68MDiHtrduYWth5vZdX2BF0zTrRdmpTj03AOm26knlba6aeA9xh1DXP845SdW9S9L4_o4lTQOdjy5z7pf3bjUtUkreViQ6LG5slNrk1R-e6BQhhtMtP_zIMYsNl8/s1600/card-validator.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" style="box-shadow:0 0 1px black" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLuqGzvTYTlBlP6prh68MDiHtrduYWth5vZdX2BF0zTrRdmpTj03AOm26knlba6aeA9xh1DXP845SdW9S9L4_o4lTQOdjy5z7pf3bjUtUkreViQ6LG5slNrk1R-e6BQhhtMtP_zIMYsNl8/s1600/card-validator.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Clique em Preview card para validar o seu Blog</td></tr></tbody></table><br />Pronto, agora basta esperar um pouco. Pode levar até dois dias para o Twitter validar tudo.<br /><br /><h3 style="text-align: left;">Algumas considerações</h3><div style="text-align: left;">Para que tudo funcione direitinho, você tem que levar algumas coisas em consideração:</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>2.1</b> Adicionar um título não muito grande ao seus <i>posts</i> (no máximo, 70 caracteres).</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>2.2</b> Adicionar um resumo ou descrição do seu <i>post </i>(no máximo, 200 caracteres). Para fazer isso, no editor do <i>post</i>, clique em <b>Descrição da pesquisa</b> e adicione um resumo.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>2.3</b> Sempre adicione uma imagem ao seu <i>post</i>.</div><div style="text-align: left;"><br /><div style="background: rgba(1, 244, 44, 0.498039); border: 1px solid rgb(0, 0, 0); text-align: left;"><h3> Quer ajudar o nosso <i>blog</i>?</h3><div class="MsoNormal" style="padding: 10px;">Este tutorial foi útil pra você? Te ajudou a melhorar o seu <i>blog</i>? Então nos ajude também, <b>dê like, comente e compartilhe</b> este <i>post</i>. Ah, e deixe também sua doação em dinheiro:<br /><b><a href="http://www.masqueseyo.com.br/p/doacao.html" target="_blank">FAÇA SUA DOAÇÃO ONLINE CLICANDO AQUI</a></b></div></div><br /></div><div style="text-align: left;">Pronto! Chegamos ao final de mais um <i>post</i>. Se você quiser ler mais sobre isso, pode conferir os documentos do <a href="https://dev.twitter.com/pt/cards/types/summary" target="_blank"><b>Twitter Card Types</b></a>, fonte deste tutorial. Qualquer dúvida ou sugestão de tema, basta comentar. Até a próxima!!</div></div></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-11985615365682482252016-06-21T21:29:00.000-03:002018-05-10T20:33:59.612-03:00Comprou da China? Então não tenha pressa<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Comprar coisas da internet é sempre uma aventura. E a aventura fica mais divertida ainda quando o produto comprado vem do outro lado do mundo, mais especificamente, da China. O produto vem de navio, mas parece que vem de jegue pelos mares desse nosso mundão. Então, por esse motivo, nada de pressa. Relaxe e torça para que o produto chegue algum dia, algum ano, algum século.</div><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/AVvXsEgdggMHuSiIfUaX-opVhaEkiIPN0TQZghG9WdaakvhQe81D3Uiw45QlLVSpCCOd90L_xKF_tJ_0Ci88pFvnnTffMO_IgS6M2so0mvWVOckQ1d5JTDrMOjy6Wc1iENk9n2V7M1u-BRqFT76b/s1600/china.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Comprou da China? Então não tenha pressa" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdggMHuSiIfUaX-opVhaEkiIPN0TQZghG9WdaakvhQe81D3Uiw45QlLVSpCCOd90L_xKF_tJ_0Ci88pFvnnTffMO_IgS6M2so0mvWVOckQ1d5JTDrMOjy6Wc1iENk9n2V7M1u-BRqFT76b/s1600/china.jpg" title="Comprou da China? Então não tenha pressa" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Uma compra muito doida com altas aventuras<br /><a name='more'></a></td></tr></tbody></table><br />Não é a primeira vez que compro algo pela internet. Na verdade, já nem sei quantos vezes comprei algo desse jeito. A minha última aquisição foi um <a href="http://www.masqueseyo.com.br/2016/03/postando-pelo-celular.html" target="_blank">celular</a>, mas comprei aqui do Brasil mesmo e tenho usado muito ele pra escrever aqui. Em outras datas, comprei fone de ouvido, cubo para baixo, teclado musical, mais fone de ouvido, câmera e etc. Até aí tudo bem.<br /><br />O problema e o medo vem quando resolvo comprar coisas que não tem aqui no Brasil, ou se tem, tá com o preço do meu rim direito. Nesses casos, recorro à querida China. E de lá, foi que fiz minha primeira compra <i>online</i>, em 2011. Um celular da Foster (que acho que nem existe mais). Este celular é daquela série de MP6, MP7, MP20, MP(n). São ruizinhos, mas são bons. Comprei ele e demorou um tempão pra chegar aqui. Tempão mesmo, uns 4 meses no total. E quando chegou, veio com a tela quebrada. Falando com os importadores, consegui outro, e este veio em apenas 1 mês de lá.<br /><br />Anos se passaram, algumas outras compras internacionais foram feitas, até chegarmos a este ano. Fevereiro de 2016. Aliexpress. Compro um microfone de Lapela da marca Dagee. Razoavelmente bom, segundo a internet. Aqui no Brasil custando 70 reais mais frete, lá na China encontrei por 2 dólares e meio. Deu quase 10 reais. Comprei feliz.<br /><br />- Fiz um bom negócio! - Pensei, enquanto vinha a minha mente vozes dizendo" A cada um minuto, quatro coisas vendem".<br /><br />Mas 4 meses se passaram e junho chegou. O frio também chegou. Só o que não chegou foi o meu microfone. Trágico. Triste. Estou com frio, cacilda. Entro no site, quero saber o <i>que quita conte seno</i>. Entro em disputa. O caso é sério. O caso é em inglês.<br /><br />-<i> The book is on the table</i>. - Eu só sei falar isso. Mas a disputa tem que ser toda em inglês.<br />- <i>My product not </i>chegou <i>here</i>. <i>Please</i>, devolver <i>my money</i> <i>because</i> sim. - Eu fiz um verdadeiro <i>embromeichon</i>.<br /><br />Alguns dias de disputa. Eu de um lado. O vendedor de outro, negando tudo. "<i>I need a </i>advogado" - eu realmente pensei. "Cacilda, me ajuda, eu quero meus 10 <i>real </i> de volta". A Aliexpress intermediando tudo.<br /><br />Depois de uma semana de estudos forçados de inglês no tradutor do Google, de conversas sem sentido com o vendedor no site, o caso foi encerrado. Pensei, agora fico sem o produto e sem o dinheiro. Mas eis que no dia seguinte, surge na minha conta os 2 dólares e quebrados. E, pra minha outra surpresa nem um pouco esperada, de manhã, os correios buzina, deixa algo na caixa. Vou lá desacreditado da vida: meu microfone estava lá.<br /><br />Como que pode né? Quatro meses de espera; resolvo disputar; venço a disputa; meu microfone chega. Sequência bizarra. Ainda não vi como poderei transferir o dinheiro novamente para o vendedor, mas depois farei isso.<br /><br />Então, o que podemos concluir, amiguinhos, é que: se comprar da China, não tenha pressa. Um dia o produto vem, mas pode demorar meses. Tenha fé. Tenha esperança. Estude inglês!<br /><br />Gostou do <i>post</i>? Meio engraçado isso não é? Já comprou pela internet? Já comprou direto da China? Conte-nos como foi essa aventura. Até mais ver!</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-84760203715411214722016-06-20T21:30:00.000-03:002018-05-10T20:34:04.459-03:00Youtube responsivo no blogger<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;">Veja como deixar a box de vídeos incorporados do Youtube responsiva no seu <i>blog</i>. O processo é simples, bastando apenas você criar uma class e configurá-la.</div><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/AVvXsEixxDVYbxpgZHQZrzmCYTTk-h8q5nrDtDVJ84wBeo0H81t0CUNBM6RLBQ67ICYaR9WZAcu3HD4pWEyyz2RQAH8gaFztbodylGRWJXVO0hSuzkOx0dDrr30DsuWQFXD7HIHgGT4UfPTIum-i/s1600/youtube.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Youtube: incorporação responsiva" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixxDVYbxpgZHQZrzmCYTTk-h8q5nrDtDVJ84wBeo0H81t0CUNBM6RLBQ67ICYaR9WZAcu3HD4pWEyyz2RQAH8gaFztbodylGRWJXVO0hSuzkOx0dDrr30DsuWQFXD7HIHgGT4UfPTIum-i/s1600/youtube.jpg" title="Youtube: incorporação responsiva" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Youtube: incorporação responsiva<br /><a name='more'></a></td></tr></tbody></table><br />Atualmente, muita gente está acessando a internet pelo celular, Isso é fato. O blogueiro que não ajustar seu <i>blog</i> para isto estará em desvantagem, já que ver um site não responsivo no celular é uma verdadeira <i>sofrência</i>. Deixar a página leve e que se adapta a qualquer tamanho de tela é obrigação de todos nós.<br /><br />Levando isso em consideração, devemos pensar também nos vídeos que colocamos nos nossos <i>posts</i>. Ele deve ser fácil de ser clicado e assistido. Incorporar vídeos do Youtube é uma ótima opção, mas não sei porque ainda a Google não pôs a mão na consciência de criar uma box responsiva pra isso. No caso, se você incorporar um vídeo no seu <i>post</i> com largura de 560px, mesmo que seu <i>blog</i> seja responsivo, a box do Youtube permanecerá com essa largura numa tela pequena. Ponto negativo pra Google, que presa tanto por conteúdo responsivo no seus mecanismos de busca.<br /><br />Mas, se a Google não resolve isso, a gente dá um jeito. Veja uma maneira simples, mas eficaz de deixar a box do Youtube responsiva nestes dois passos:<br /><br /><h3 style="text-align: left;"><span style="background-color: yellow;">1</span> Criando uma classe para o youtube</h3><div><span style="background-color: yellow;">1.1</span> Para que você não precise criar essa classe em todos os <i>posts</i> que usar vídeo, vamos configurá-la no editor HTML do próprio Blogger. Acesse- o em <b>Painel do seu blog > Modelo > Editar HTML</b>:</div><div><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/AVvXsEho10JyZnT4QGYOphWUreHZMC3eV3IjbarhKzNzeVNqNR93A9mDQsfwkZGcUsSnKvpJQYw_61CKgb-9ePU8dBYilNT-43KTuwOc1j7hWxExLN0EYXWTe5dgZhOqUyJllg_1D7eMMjfIDcTe/s1600/modelo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Editar HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho10JyZnT4QGYOphWUreHZMC3eV3IjbarhKzNzeVNqNR93A9mDQsfwkZGcUsSnKvpJQYw_61CKgb-9ePU8dBYilNT-43KTuwOc1j7hWxExLN0EYXWTe5dgZhOqUyJllg_1D7eMMjfIDcTe/s1600/modelo.jpg" title="Editar HTML" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Clique em Editar HTML</td></tr></tbody></table><br /></div><div><span style="background-color: yellow;">1.2</span> Clique em qualquer lugar do editor e aperte <b> Ctrl+F</b> para abrir a busca, procure por <b style="background-color: #eeeeee;">]]></b:skin></b> e na linha de cima, cole o código:<br /><br /><div class="codigo" style="text-align: left;">.youtube {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding-bottom:52%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>padding-top:30px;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>overflow:hidden;}<br />.youtube iframe, .video-container object, .video-container embed {<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>position:absolute;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>top:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>left:0;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>height:100%;}</div></div><br /><div><h3 style="text-align: left;"><span style="background-color: lime;">2</span> Incorporando vídeos responsivos do Youtube</h3></div><div><span style="background-color: lime;">2.1</span> Quando você precisar incorporar um vídeo do Youtube, pegue o código diretamente no site:</div><div><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/AVvXsEhThZGoxCma7D6YWpVctQeoacImqdPz68qbx0eMexDJ_u2ECd4GxrlxGZhMKFBc4MIu844AaA-CtgqgaKduuuKbJ8w3p0mdHNoGYv5rn49Wf1R878ZG8k9nPbfoPWUT7F2zSSVGoYGBcTXi/s1600/incorporar.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Incorporar vídeo do Youtube" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThZGoxCma7D6YWpVctQeoacImqdPz68qbx0eMexDJ_u2ECd4GxrlxGZhMKFBc4MIu844AaA-CtgqgaKduuuKbJ8w3p0mdHNoGYv5rn49Wf1R878ZG8k9nPbfoPWUT7F2zSSVGoYGBcTXi/s1600/incorporar.png" title="Incorporar vídeo do Youtube" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Clique em Compartilhar > Incorporar</td></tr></tbody></table><br /></div><div><span style="background-color: lime;">2.2</span> Com o código copiado, vá para o editor do seu <i>post</i>, no modo <b>Escrever</b> ainda, pule duas linhas, escreva algo, como por exemplo, "Asdf", e mude o alinhamento para <b>Alinhar ao centro</b>.</div><div><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/AVvXsEiMB_9erbkE8GNhF5Ss3U3Cs26hZRyXcpaO6uiexexcJGYy0m3IpvXAcjAf1nWzeCrAk3JUj4yEGLsVDWJ3HmIOxzUA1QJnVi-yVrkGJkzSQKO84dkXkKS3tFQ-VXgR7rKwoSijRf1s2Ung/s1600/text-center.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Alinhe ao centro para criar uma nova div" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMB_9erbkE8GNhF5Ss3U3Cs26hZRyXcpaO6uiexexcJGYy0m3IpvXAcjAf1nWzeCrAk3JUj4yEGLsVDWJ3HmIOxzUA1QJnVi-yVrkGJkzSQKO84dkXkKS3tFQ-VXgR7rKwoSijRf1s2Ung/s1600/text-center.png" title="Alinhe ao centro para criar uma nova div" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Alinhe ao centro para criar uma nova div</td></tr></tbody></table><br /></div><div><span style="background-color: lime;">2.3</span> No modo <b>HTML</b>, localize o "Asdf" e o substitua pelo código de incorporamento do Youtube:</div><div><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/AVvXsEj_gP20RvMnGTxgbRjVJCfoc5_Jgo6Bha4XgLWweFBDuiKlV-ubmezecjRHDjYcpy1_agzz3IFvvaxdjrJwp20PNJCkfShuhRLez6W-Htc4f88-GjnpSI1G9bWrogs-OmDdlGkw5DmSBehF/s1600/codigo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cole o código do Youtube no lugar do Asdf" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gP20RvMnGTxgbRjVJCfoc5_Jgo6Bha4XgLWweFBDuiKlV-ubmezecjRHDjYcpy1_agzz3IFvvaxdjrJwp20PNJCkfShuhRLez6W-Htc4f88-GjnpSI1G9bWrogs-OmDdlGkw5DmSBehF/s1600/codigo.png" title="Cole o código do Youtube no lugar do Asdf" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Cole o código do Youtube no lugar do Asdf</td></tr></tbody></table><br /></div><div><span style="background-color: lime;">2.4</span> Agora é que a mágica acontece. Você precisará adicionar uma <b>classe </b>chamada <b>youtube</b> pra <b>div</b> do vídeo:</div><div><br /></div><div><span style="background-color: lime;">2.4.1</span> Veja como está o código:<br /><br /></div><div class="codigo" style="text-align: left;"><span style="color: #20124d;"><b><div style="text-align: center;"></b></span><br /><span style="color: #274e13;"><iframe width="560" height="315" src="https://www.youtube.com/embed/pSdj3q0yLZo" frameborder="0" allowfullscreen></iframe></span><span style="color: #20124d;"><b></div></b></span></div><div><br /><span style="background-color: lime;">2.4.2</span> Veja as alterações que você precisará fazer:<br /><br /><div class="codigo" style="text-align: left;"><span style="color: #20124d;"><b><div style="text-align: center;"<span style="background-color: yellow;"> class="youtube"</span>></b></span><br /><span style="color: #274e13;"><iframe width="560" height="315" src="https://www.youtube.com/embed/pSdj3q0yLZo" frameborder="0" allowfullscreen></iframe></span><span style="color: #20124d;"><b></div></b></span></div><br />Só isso mesmo! Legal né? Veja o vídeo abaixo. Faça o teste redimensionando a tela. Ele se ajustará automaticamente à largura de exibição.<br /><br /><div class="youtube" style="text-align: center;"><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/pSdj3q0yLZo" width="560"></iframe></div><br />Bom, é isso aí! Se gostou, deixe sua opinião aí embaixo, compartilhe este <i>post</i> com outros blogueiros. Até a próxima!</div><style>.post-body img{border: 1px solid rgba(1,1,1,.5);}</style></div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.comtag:blogger.com,1999:blog-7052552027148268919.post-50366561100015913212016-06-14T21:12:00.000-03:002018-05-10T20:34:01.916-03:00Quem gosta de frio?<div dir="ltr" style="text-align: left;" trbidi="on">A pessoa que diz gostar do frio não sabe o que está dizendo, ou não sabe o que é frio de verdade.<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/AVvXsEgaVH9MxFsoNV9Bum5W2yULq9auRsdQ3J6EC9jFsxVaxU-97A8y-xgD03qdjuB66c-_AY59kczZ1o33O8WWAPxKvbdU-rP66PAylTNXX_9IAwWHVVgO26qmfTtahzOLAdryCcp65nLmLHZj/s1600/frio.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaVH9MxFsoNV9Bum5W2yULq9auRsdQ3J6EC9jFsxVaxU-97A8y-xgD03qdjuB66c-_AY59kczZ1o33O8WWAPxKvbdU-rP66PAylTNXX_9IAwWHVVgO26qmfTtahzOLAdryCcp65nLmLHZj/s1600/frio.jpg" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Frio mesmo<br /><a name='more'></a></td></tr></tbody></table><br />Até o ano passado, eu até dizia gostar, mas o frio desse ano já me fez mudar de ideia. Tá muito frio, e o frio está em todo lugar.<br /><br />E eu realmente estou com frio agora e preguiça, muita preguiça de continuar escrevendo isso. Desânimo deste blog.<br /><br />Até mais.</div>Joanir Produçõeshttp://www.blogger.com/profile/15559522161011148043noreply@blogger.com