Dicas Blogger

Home » All

Mãe, eu fui no Google!

<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhnh0Lh9zWHHDa_O78qQrgcpSRbo7ztYoMMAxayiH54C_8Jkpm14jHPxv4mo6tDbX1lDDSlpNIFj6t4Qkdq5HTAQhjMIk-Yql8OniUANAIpDhFRxp1HTpK_4t00dgC18jCIA5IjyGGCKy/s1600-h/google-brasil%25255B3%25255D.png"><img align="left" alt="google-brasil" border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2u4Izpk4ypVY3sdXQiESjFENRF9z_5vwIcJwTL9Xl1z5m2jpxiXAilwCgZh2akcf-SCV-fR80d2gyx6A730Q6VUZaxNajT5ipdwMchBv_EQhNCeVn_j8t4XNgy4qQ-yWaEilMvJktaOhx/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px 11px 0px 1px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="google-brasil" width="178" /></a>Conforme anunciei neste post <a href="http://www.dicasblogger.com.br/2012/06/primeira-conferencia-dos-principais-colaboradores-do-google.html">Primeira Conferência dos Principais Colaboradores em língua portuguesa dos fóruns de ajuda do Google</a>, tive a alegria de ir conhecer a sede do Google Brasil em São Paulo. Foi uma experiência incrível e um sonho realizado, coincidentemente no dia do meu aniversário :) Foram 2 dias maravilhosos, regados a muita tecnologia, informação, comida de primeira, amizade, carinho e nerdice ao cubo.</p>  <p>Para quem não sabe, o Google mantem um programa para os voluntários que auxiliam nos fóruns de ajuda de seus produtos. Quando esses voluntários se destacam pela quantidade e qualidade de respostas,  tornam-se TCs ou PCs (Top colaborador / Principal Colaborador) e passam a ter alguns privilégios, como fazer perguntas diretas aos guias (que são funcionários do Google), mover tópicos nos fóruns, marcar as melhores respostas e etc, bem como a participar de eventos e conferências. A última foi na sede do Google em Mountain View.</p>  <p><strong>Você, caro leitor, também pode se tornar um TC!</strong> Acesse este artigo para saber mais: <a href="http://support.google.com/bin/static.py?hl=pt-BR&topic=2546991&guide=2518472&page=guide.cs">Programa de Principais Colaboradores do Google</a></p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMSqkDIdy4YMIuo3RAWVLqo1htgD0HffYFEKcrfquSxFyCTZ510C08ZrbfUhEOtCzQwQEF9YOs6tM0_6LJed-fF4xiYKKbZtW2i3RXwGGIS1UAtdPYLe8rhh7Vv17fk0A5NckYO5lwdN4A/s1600-h/tc1%25255B4%25255D.png"><img alt="tc1-google" border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgyUQmdWpE-eNENyZ6rLyUQieIf2lSfC1Ybi22v0EVgdW-DoTLqXXrJz0crCc9piDG5ypclVx6ez5WrGoxQgJkCDz1CAsJ5xviRx1mH9iyqOCdnalP6qi3QglBYc3GWwkCi18ahqAG0UXU/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="TCs e guias" width="458" /></a></p>  <p align="center"><strong><font size="2">TCs e guias de língua portuguesa</font></strong></p>  <p align="justify">No <a href="https://plus.google.com/108547020947142282804/posts" target="_blank">meu perfil do G+,</a> vocês encontrarão algumas fotos que postei. Eu e o Teilor “pegamos no pé” da Jéssica - guia do Blogger - em busca de melhorias para essa querida plataforma. A Jéssica é uma gracinha de pessoa e super acessível. Ponto para nós, né? E aí está  parte da equipe do Blogger:</p>  <p align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkN0x79-RMTBdpzSZ9pUY1oaXmeXtas7_3XUg2FuoLamdQ6YHmKXdXr-8jD4CK8RP5JXCMvNaPcw9pqnuSUd6snJRQcal8Xig1IkGo2NLapraJqg3OJQhhCDX6Bz88rr-3tBmuokpJ_MSg/s1600-h/equipe-blogger%25255B4%25255D.png"><img alt="equipe-blogger" border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEd-pfuuvUoz9o02hY0o_jRac2wqlv-t5VUp1g35TfgYIOP2yTeXEtxrYQXpi15vZzmlWpkmarjTbuGLfg0BxLHM2KMhPVPD7VQE4YXjwpiHgzXALui2gYS-Fbd6_3ubf3UaOvZXubUTuw/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Equipe do Blogger" width="458" /></a></p>  <p align="center"><strong><font size="2">Teilor, eu, Jéssica e Leonardo</font></strong></p>  <p>Obviamente, não deixei de representar o Blogger em nenhum momento rs</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnzxrqL1A44mPMDz2kQaRTSmon382ozUVeqbZ_m2DXj1hb_tM_iGgRM7dUjNvYozOe9fr0AD3OaOwvYe2BGM-0k6KFrjwDAtcguGHfZjrVjgryIGITVxjMuq6uMpruPZoIIgoyL9U1n2D/s1600-h/blogger%25255B4%25255D.png"><img alt="conferencia-google" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6W56d0jVfXxaIu_XH6cn8uC-CFMoZ_jAUhNRl1bvxLaogzOOgzb7YhmQt6SNe07Pg_-bG-Ls3oWq9HCo567eAkq4sjL1BfI5hJevz9pzoTCz5vY13shU8JIHQSa4jAtk8r4OI9Ko5qCIC/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Euzinha" width="458" /></a></p>  <p>Quero agradecer a empresa Google por esta oportunidade inesquecível e a todos os guias presentes, em especial Jéssica, Natália, Madalena, Bernardo e Maria que foram os que tive mais contato e que guardei o nome O.o rs Vocês foram demais!</p>  <p>No blog oficial do <strong>Google Brasil</strong>, vocês encontrarão mais informações sobre o evento:</p>  <p><a href="http://googlebrasilblog.blogspot.com.br/2012/07/um-superobrigado-aos-principais.html">Um superobrigado aos principais colaboradores do Google em português!</a></p>  <p>E pra finalizar e deixar todo mundo com água na boca, uma foto dos deliciosos cupcackes  confeitados com logotipos de produtos do Google. Nham, nham :P</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix1Sf7zK6VuSweApmcKP_K7lQ7xAEL_kHKh3yKHFe9VIv0k1-uj1QHvwW8w37F7Fg-A3_690Vj951NbZ2YgLQ8Fm1-ODXJyQr005Ivqhu0Sp2G_u-l8K2lws2w7gTp0acCHtfEKA0z4ldM/s1600-h/179134_328605320555482_118764092_n%25255B6%25255D.jpg"><img alt="cupcackes" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuSFnpq8OSMwAoJO80wEWfEItg363Ip567WGG3q4_CAnJJBwt7d4GQX79-Gq4eBinVHta8SruMpMz1HEhGronZb3cZvRBvi7MM8HeigrEY3ZlJZx-PRFSDzKg7TOWf-qA0zi_m9w5EhcEU/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Cupcackes" width="458" /></a></p>  <p><strong>Posts de outros amigos TCS:</strong></p>  <p><a href="http://cesarjb.blogspot.com.br/2012/07/conferencia-dos-principais.html">Conferência dos Principais Colaboradores na Google SP</a> – César JB</p>

Mãe, eu fui no Google!

Conforme anunciei neste post Primeira Conferência dos Principais Colaboradores em língua portuguesa dos fóruns de ajuda do Google , tive a a...

Continue Lendo >>

15:50

Como colocar o hack leia mais com imagens nos modelos do Blogger ( designer de modelo)

Em 2010 ensinei como colocar o hack leia mais automático e com imagens nos templates antigos do Blogger e nos personalizados por nós usuários :<br />
<ul><li><a href="http://www.dicasblogger.com.br/2010/09/hack-leia-mais-com-imagens.html">Hack “Leia mais” automático e com imagens</a> </li>
</ul>Talvez os novatos não saibam, mas de 2006 para cá o Blogger passou por incontáveis mudanças e, atualmente, contamos com 5 tipos de templates: os anteriores a 2006 (super básicos), os após 2006 padrão, os após 2006 personalizados, os do designer do modelo e os de visualização dinâmica. Para maiores detalhes, acessem:<br />
<ul><li><a href="http://www.dicasblogger.com.br/2010/09/opcoes-de-templates-para-blogger.html">Opções de templates para Blogger</a> </li>
<li><a href="http://www.dicasblogger.com.br/2012/05/usar-template-visualizacao-dinamica.html">Como usar os templates de visualizações dinâmicas</a> </li>
</ul>Muito bem. Para colocar o resumo dos posts na página inicial, também chamado de “hack leia mais”, no designer do modelo usando a nova interface, vá em “modelo” e clique em “editar HTML”<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBtCkJDdpLeZ2Ot4s2ZRVMC_RpHGmwbfjNU9lkf1PDYrZQ2Tp8AB3GWgLrmW22CMfwtUyxurgNUaVCwDwXQ0VYEeGXCGXn22Fck2ULIB8_P89cD5YIjqM_cA8zeNkpSC7sc96yfNtdQEHa/s1600-h/modelo-blogger%25255B4%25255D.png"><img alt="modelo-blogger" border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1hgW8zshUKStZ9JhlhRqkpbNbSgawg9-pSGCgmrOrlQUzgSC1Kaoxmt5o3HnN3G_5oS5cobCFGS5t8e367u36mzEVDQqQfjXg3iMvXoTuWg-_ivUCAtHa7s9Q4ddiHR4Vu6XSJ_WDphCI/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="modelo-blogger" width="552" /></a><br />
Em editar html, marque “expandir modelos de widgets” e procure (Crtl+F do teclado) por: <b><data:post.body/></b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBCKXfkwRLrDm0spcV3IoPtqX-PyxP68KFuX50-3VIV2J9uuYvmz9Vtj3Gjuxj5SVnQDE7fCar1KyDCkixlTyvd_3XRaA9HqMdcrk9hMms3ydhqG-j8XHXoabheYm-YBvKQQBIEe1sUl0/s1600-h/editar-html%25255B7%25255D.png"><img alt="editar-html" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3g5s7YUeoimTAu-hTArboOhI19Dxko4N2aYFJ6bGqNjmqzyagX2ajvoF6vzDoMC9BqJ-V49NbWTuVWibV_67Ql_7tjmXNDwpUlgySAW9ONaGNOZ-IQHe_0y69tHwjxjtqP41KL33m3tU7/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="editar-html" width="552" /></a><br />
Substitua <b><data:post.body/></b> por:<br />
<blockquote><b:if cond='data:blog.pageType != "item"'>      <br />
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>       <br />
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div>       <br />
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>       <br />
<div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>Leia mais »»</a></div>       <br />
</b:if></b:if>       <br />
<b:if cond='data:blog.pageType == &quot;item&quot;'>       <br />
<data:post.body/></b:if>       <br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>       <br />
</b:if></blockquote>Agora vá no CSS do template e <b><span style="color: red;">antes </span></b>da tag <b>]]></b:skin></b> cole este código:<br />
<blockquote>.rmlink {      <br />
font-size: 100%;       <br />
float: right;       <br />
margin-right: 30px;       <br />
margin-top: 10px;       <br />
font-weight: bold;}       <br />
.rmlink a {       <br />
font-style: normal;       <br />
font-weight: bold;       <br />
font-variant: small-caps;       <br />
font-family: Arial,Sans-Serif;       <br />
color: #24618e; /*Cor do Link*/}       <br />
.rmlink a:visited { color: #649dc7;}/*Cor do link depois de clicado*/       <br />
.rmlink a:hover { color: red;} /*Cor do link ao passar o mouse em cima*/</blockquote>Procure então pela tag <b></head></b> e cole este outro código <span style="color: red;"><b>acima</b></span><b><span style="color: red;"></span></b> dela:<br />
<blockquote>      <br />
       <br />
<style type="text/css">       <br />
.thumbnailimg IMG {       <br />
max-width:150px;       <br />
  width: expression(this.width > 150 ? 150: true);       <br />
  max-height:120px;       <br />
  height: expression(this.height > 120 ? 120: true);       <br />
}       <br />
.thumbnailimg {       <br />
float:left;       <br />
padding:0px 10px 5px 0px;       <br />
}       <br />
</style>       <br />
<script type='text/javascript'>       <br />
var thumbnail_mode = "no-float" ;       <br />
var classicMode = false ;       <br />
var summary_noimg = 50;       <br />
var summary_img = 40;       <br />
var indent = 3;       <br />
</script>       <br />
<script  type='text/javascript'>       <br />
//<![CDATA[       <br />
function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}       <br />
function getSummaryLikeWP(id) {       <br />
       return document.getElementById(id).innerHTML.split(//)[0];       <br />
}       <br />
function getSummaryImproved(post,max){       <br />
  var re = /<.*?>/gi       <br />
  var re2 = /<br.*?>/gi       <br />
  var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi       <br />
  var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi       <br />
  post = post.replace(re4,'')       <br />
  post = post.replace(re3,'<br /> ').split(re2)       <br />
  for(var i=0; i<post.length; i++){       <br />
   post[i] = post[i].replace(re,'');       <br />
  }       <br />
var post2 = new Array();       <br />
for(var i in post) {       <br />
//if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);       <br />
if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;       <br />
}       <br />
var s = "";       <br />
var indentBlank = "";       <br />
for(var i=0;i<indent;i++){       <br />
indentBlank += " ";       <br />
}       <br />
if(post2.join('<br/>').split(' ').length < max-1 ){       <br />
  s = post2.join(indentBlank +' <br/>');       <br />
} else {       <br />
var i = 0;       <br />
while(s.split(' ').length < max){       <br />
  s += indentBlank + ' ' + post2[i]+'<br/>';       <br />
  i++;       <br />
}       <br />
}   <br />
return s;       <br />
}       <br />
function createSummaryAndThumb(pID){       <br />
var div = document.getElementById(pID);       <br />
var content = div.innerHTML;       <br />
if (//.test(content)) {       <br />
div.innerHTML = getSummaryLikeWP(pID);       <br />
div.style.display = "block";       <br />
}       <br />
else {       <br />
var imgtag = "";       <br />
var img = div.getElementsByTagName("img");       <br />
var summ = summary_noimg;       <br />
if(img.length>=1) {       <br />
if(thumbnail_mode == "float") {       <br />
  imgtag = '<span class="thumbnailimg"><img src="'+img[0].src+'" /></span>';       <br />
  summ = summary_img;       <br />
} else {       <br />
  imgtag = '<div class="thumbnailimg" align="center"><img src="'+img[0].src+'" /></div>';       <br />
  summ = summary_img;       <br />
}       <br />
}       <br />
var summary = (classicMode) ? imgtag + '<div>' + stripHtmlTags(content,summ) + '</div>' : imgtag + '<div>' + getSummaryImproved(content,summ) + '</div>';       <br />
div.innerHTML = summary;       <br />
div.style.display = "block";       <br />
}       <br />
}       <br />
//]]>       <br />
</script><!-- Fim JavaScript Posts Resumidos—></blockquote>Clique em “visualizar”  e se estiver tudo correto, clique em “salvar modelo”

Como colocar o hack leia mais com imagens nos modelos do Blogger ( designer de modelo)

Em 2010 ensinei como colocar o hack leia mais automático e com imagens nos templates antigos do Blogger e nos personalizados por nós usuário...

Continue Lendo >>

14:28

Como desabilitar suas visitas no contador do Blogger

No painel do Blogger é possível acompanhar as estatísticas do seu blog. Ele contabiliza todas as vezes que uma página é aberta e isso inclui as vezes em que você mesmo visualiza o seu blog. Se você acompanha este contador e quer que os dados gerados por visitas de terceiros sejam mais precisas, você poderá desabilitar essa função e não ter mais suas visualizações de páginas contadas.<br />
<div>
<br /></div>
<div>
É muito rápido e fácil. Basta logar com sua conta no Blogger e ir até "estatísticas". Em "visão geral", logo abaixo dos dados de visualizações, clique no link "não rastrear suas visualizações de página":</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdmaiB8Gn6uUU41NWt6qosM-VyyW7h3iMxjH3GgbtaOJL9YrChYepKwNDnr0q7Dycy5w5WeJ_cnjOFvDKrKez-GzftnmdFUx3jjQm4g2-qEdn-wheOKDsqHvHwoKhC6uiUCw5K1q7a2Ol/s1600/Desabilitar+Visualiza%25C3%25A7%25C3%25B5es+Paginas+Blogger+Adm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdmaiB8Gn6uUU41NWt6qosM-VyyW7h3iMxjH3GgbtaOJL9YrChYepKwNDnr0q7Dycy5w5WeJ_cnjOFvDKrKez-GzftnmdFUx3jjQm4g2-qEdn-wheOKDsqHvHwoKhC6uiUCw5K1q7a2Ol/s400/Desabilitar+Visualiza%25C3%25A7%25C3%25B5es+Paginas+Blogger+Adm.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<span style="background-color: white;">Em seguida, na tela que abrir, selecione a opção "não rastrear minhas visualizações de páginas" e clique em salvar, conforme na imagem abaixo:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoQThyN-wF50d3F1DMA8vyZW3cRD2x5XMM5TT6Etwv2DtO1dIVv6WoYkUSi2qNAmlARuBYRD3P5jRkCnzzflgOute6CogVpeVboWMxDSGnsRNLw5T-i6qinpNkgq8msrOjePaFZ2yp43dG/s1600/N%25C3%25A3o+rastrear+visualiza%25C3%25A7%25C3%25B5es+de+pagina.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoQThyN-wF50d3F1DMA8vyZW3cRD2x5XMM5TT6Etwv2DtO1dIVv6WoYkUSi2qNAmlARuBYRD3P5jRkCnzzflgOute6CogVpeVboWMxDSGnsRNLw5T-i6qinpNkgq8msrOjePaFZ2yp43dG/s320/N%25C3%25A3o+rastrear+visualiza%25C3%25A7%25C3%25B5es+de+pagina.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<span style="background-color: white;">Pronto, o Blogger não irá mais identificar as suas visualizações. Mas atenção, este procedimento deverá ser realizado em todos os navegadores que você utilizar para visualizar o seu blog. Pois, o Blogger adicionará um cookie de bloqueio ao seu navegador.</span></div>

Como desabilitar suas visitas no contador do Blogger

No painel do Blogger é possível acompanhar as estatísticas do seu blog. Ele contabiliza todas as vezes que uma página é aberta e isso inclui...

Continue Lendo >>

23:48

Como inserir facilmente um vídeo do YouTube

<div style="text-align: justify;">
Os vídeos já fazem parte das postagens na blogosfera. Tanto que alguns blogs estão completamente direcionados a atrair um público que prefere assistir os vídeos selecionados pelo seu blogueiro preferido. Mas para quem usa apenas como mais um recurso, não há nada melhor que um vídeo ou uma imagem para ilustrar e deixar mais clara a ideia que estamos passando em nosso artigo, conforme fiz no post <a href="http://www.dicasblogger.com.br/2012/04/o-blogueiro-e-vida-pessoal.html" target="_blank">o blogueiro e a vida pessoal</a>. Contudo, infelizmente, muitos encontram dificuldades na hora de inserir o vídeo na postagem, o que resulta na perca de um tempo precioso, além de muita irritação e tentativas. Enfim, para resolver este infortúnio, fiz alguns testes e descobri um jeito fácil de encontrar o vídeo desejado sem dificuldades na hora inserir na postagem.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Primeiro vá até o vídeo escolhido na página do <a href="http://youtube.com/" target="_blank">YouTube</a>, clique em "compartilhar" e selecione a URL fornecida, conforme imagem abaixo:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--TvlpK1s4TE/UBXaEOfH65I/AAAAAAAAALQ/Yr6ra2kssHg/s1600/Selecionando+Url+Video+Youtube.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="http://4.bp.blogspot.com/--TvlpK1s4TE/UBXaEOfH65I/AAAAAAAAALQ/Yr6ra2kssHg/s400/Selecionando+Url+Video+Youtube.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white; text-align: justify;">Em seguida vá até a sua área de postagem no Blogger e clique em "inserir vídeo", conforme demonstrado na imagem:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-W1CYX-MqJ90/UBXaEALQSnI/AAAAAAAAALQ/aK-3krEMMtQ/s1600/Clicar+inserir+video.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="http://3.bp.blogspot.com/-W1CYX-MqJ90/UBXaEALQSnI/AAAAAAAAALQ/aK-3krEMMtQ/s400/Clicar+inserir+video.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white; text-align: justify;">Na tela que abrir você deverá clicar em "From YouTube", colar a URL copiada na página do YouTube e clicar em pesquisar.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-4MIaq9oMnQE/UBXaEEl4xyI/AAAAAAAAALQ/mGPRllzfzd8/s1600/Inserir+Video+Youtube+Clicar+Pesquisar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="http://2.bp.blogspot.com/-4MIaq9oMnQE/UBXaEEl4xyI/AAAAAAAAALQ/mGPRllzfzd8/s400/Inserir+Video+Youtube+Clicar+Pesquisar.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<span style="background-color: white; text-align: justify;">É nesse momento que surge a tão irritante tela, onde encontram-se inúmeros vídeos, menos o que pesquisamos para encontrar. É ai que todo usuário se pergunta: "O que está errado?" Ainda bem que tem solução. Nas duas próximas imagens estarão as dicas de ouro!!!!</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-2cCRFbBq2yg/UBXaEGGzwkI/AAAAAAAAALQ/Hs8kNQKEGFk/s1600/Sele%25C3%25A7%25C3%25A3o+de+Videos+Nada+HAver.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="http://2.bp.blogspot.com/-2cCRFbBq2yg/UBXaEGGzwkI/AAAAAAAAALQ/Hs8kNQKEGFk/s400/Sele%25C3%25A7%25C3%25A3o+de+Videos+Nada+HAver.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white; text-align: justify;">Para que o vídeo seja encontrado facilmente é necessário fazer o seguinte:</span><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<u><b>1º Dica:</b></u> Inserir a URL e retirar apenas ponto que fica entre "youtu.be", deixando a palavra de forma completa e  clicar em pesquisar, conforme na imagem abaixo:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-_6zdvmsu3mw/UBXaEPFEapI/AAAAAAAAALQ/WphK4AIPX9o/s1600/Grande+Segredo+Retire+o+Ponto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://3.bp.blogspot.com/-_6zdvmsu3mw/UBXaEPFEapI/AAAAAAAAALQ/WphK4AIPX9o/s400/Grande+Segredo+Retire+o+Ponto.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<u><b>2º Dica:</b></u><span style="background-color: white;"> Inserir apenas o código de referência deste vídeo no YouTube, exemplo: ledAsNrx62k, e clicar em pesquisar. Conforme ilustrado a seguir:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Ml36n0ROt4Y/UBXaEAFgSwI/AAAAAAAAALQ/5c0Yd-z_FeU/s1600/Grande+Segredo+Pesquise+Codigo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://2.bp.blogspot.com/-Ml36n0ROt4Y/UBXaEAFgSwI/AAAAAAAAALQ/5c0Yd-z_FeU/s400/Grande+Segredo+Pesquise+Codigo.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white;">Note que nos dois procedimentos o vídeo escolhido foi listado. Na primeira dica apareceram outros vídeos, mas o selecionado estava na primeira posição. Já na segunda dica o vídeo escolhido foi o único a aparecer.</span><br />
<br />
Neste outro artigo você irá aprender <a href="http://www.dicasblogger.com.br/2010/01/colocar-video-youtube-blogger.html" target="_blank">como colocar vídeo do Youtube no Blogger</a> por meio do botão incorporar. Um outro jeito que também dá certo!<br />
<br />
Agora ficou fácil, aproveite!!! E ai, você também encontrava dificuldade?

Como inserir facilmente um vídeo do YouTube

Os vídeos já fazem parte das postagens na blogosfera. Tanto que alguns blogs estão completamente direcionados a atrair um público que prefe...

Continue Lendo >>

03:25

Promoção "Conte sua história: Como foi criar o seu blog"

<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
Participe da nossa promoção: "Conte sua história: Como foi criar o seu blog" Como a Blogosfera continua crescendo, sendo hoje mais de 133 milhões de blogs espalhados pelo mundo, conforme divulgado no <a href="http://www.tecmundo.com.br/rede-social/15267-14-estatisticas-insanas-sobre-redes-sociais.htm" target="_blank">Tecmundo</a>, gostaríamos de conhecer e compartilhar o blog de nossos leitores. São pessoas que estão trocando idéias, compartilhando conhecimento e interagindo por intermédio dos blogs. Pois, no meio desse emaranhado de blogs, muitas vezes visitamos um blog e nem nos atentamos em saber como aquele blog iniciou, quais foram as dificuldades, quem é o fundador e qual era o seu objetivo ao criar o blog. O fato é que a história daquele blog pode contribuir com o crescimento do seu blog.<br />
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9OLS-ylnx1oYthzXFJ03uZ3yDQFzYUnZi3ash0EJPa0q4f_M9pJSgMoZoqCMawM7H7jwe59BNPE0H9WHX-yOvgLAF5a1UdwlI3OkehZra1LlUNW9jtMqA0AKc1KgZCYJbDa66Iqh2BzED/s1600/promowriter3bx.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9OLS-ylnx1oYthzXFJ03uZ3yDQFzYUnZi3ash0EJPa0q4f_M9pJSgMoZoqCMawM7H7jwe59BNPE0H9WHX-yOvgLAF5a1UdwlI3OkehZra1LlUNW9jtMqA0AKc1KgZCYJbDa66Iqh2BzED/s1600/promowriter3bx.png" title=" " /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
<div style="text-align: justify;">
O Dicas Blogger está no ar desde 2007 compartilhando conhecimento. Muitos de nossos leitores iniciaram e melhoraram seus blogs por meio do que aprenderam aqui, contribuindo com os mais diversos assuntos para a blogosfera. É por isso, que agora queremos conhecer as experiências de nossos colegas blogueiros. Afinal, a blogosfera é feita por nós!!!</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A promoção "Conte sua história: Como foi criar o seu blog" irá selecionar uma história por mês e publicá-la aqui no Dicas Blogger. O autor deverá criar um texto original contando como foi criar o seu blog, quais foram os objetivos, as dificuldades encontradas, como as superou e, até mesmo, o projeto para o futuro. Enfim, compartilhar conosco um pouco da história do seu blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O blog selecionado, além de ter sua história publicada no Dicas Blogger, terá o blog divulgado e recomendado aos nossos leitores. Isso significa, que se você deseja ganhar boas visitas para o seu blog, você não pode deixar de participar desta promoção. Seja criativo, sem fugir da verdade, e envie-nos a sua história. Assim, você estará concorrendo a uma postagem sobre o seu blog aqui no DB.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3oEm9X1RBpXredBH1j34a_rf_6L6gt3oDDHNIbUX2lcZ_kCNsEI0Z0HhD0OwDX5S7l69TBx5k38AkxJugNc-JfqRAd_uSAjKijBGbBdIFIcQ7-0LjrF0_LGGathFYz089gvB-4cR2Ug/s1600/capriche.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3oEm9X1RBpXredBH1j34a_rf_6L6gt3oDDHNIbUX2lcZ_kCNsEI0Z0HhD0OwDX5S7l69TBx5k38AkxJugNc-JfqRAd_uSAjKijBGbBdIFIcQ7-0LjrF0_LGGathFYz089gvB-4cR2Ug/s400/capriche.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: white;">A vantagem de participar da nossa promoção está no fato de que o foco principal é a história do blog selecionado. Para você ter uma ideia, temos em nosso </span><a href="http://www.dicasblogger.com.br/p/anuncie-no-dicas-blogger.html" rel="nofollow" style="background-color: white;" target="_blank">mídia kit</a><span style="background-color: white;"> o publieditorial, também chamado de artigo patrocinado ou post pago, onde o anunciante redige um post divulgando o seu blog, serviço ou produto. Se você quiser contratar este tipo de serviço hoje no Dicas Blogger, você pagará o valor de R$ 500,00 (quinhentos reais) caso o texto seja seu, ou R$ 600,00 (seiscentos reais) quando a criação do texto é nossa. Assim, essa promoção te dá a oportunidade de, caso seja selecionado, divulgar seu blog no Dicas Blogger sem pagar nada por isso. Vale a pena participar!!!!</span></div>
<div>
<br /></div>
<div style="text-align: justify;">
Para participar da promoção o interessado deverá concordar com o <a href="http://www.dicasblogger.com.br/p/regulamento-promocao-conte-sua-historia.html" target="_blank">regulamento</a> e enviar, por meio do <a href="http://dicasblogger2.wufoo.com/forms/promodicas-blogger" target="_blank">formulário</a> o texto contando como foi criar o seu blog. Para conhecer o regulamento e não perder a oportunidade por ter descumprido uma regra <a href="http://www.dicasblogger.com.br/p/regulamento-promocao-conte-sua-historia.html" target="_blank">clique aqui</a>.<br />
<br />
Não perca tempo. Elabore seu texto e envie por meio do <a href="http://dicasblogger2.wufoo.com/forms/promodicas-blogger" target="_blank">formulário</a>. Você pode ser o escolhido e ter <span style="background-color: white;"> a </span><span style="background-color: white;">história do seu blog publicada no </span><span style="background-color: white;">Dicas Blogger!!!</span></div>

Promoção "Conte sua história: Como foi criar o seu blog"

Participe da nossa promoção: "Conte sua história: Como foi criar o seu blog" Como a Blogosfera continua crescendo, sendo hoje m...

Continue Lendo >>

19:23

Como configurar facilmente um domínio no Blogger

Registrar os domínios comprados por meio do site <b>GoDaddy </b>estão super fáceis. Você não precisa entrar no painel de configurações do site registrador e incluir os códigos de DNS manualmente, como se faz na maioria das vezes em outros serviços. Com a parceria entre a <a href="http://www.godaddy.com/" target="_blank">Godaddy</a> e o Blogger é muito prático. Com esse tutorial você verá o quanto é rápido e fácil, sem complicações!<br />
<br />
Para quem já adquiriu o domínio é preciso seguir os seguintes passos:<br />
<br />
Primeiro, acesse este endereço do Godaddy: <a href="http://www.godaddy.com/blog/bloggerdnssetup.aspx">http://www.godaddy.com/blog/bloggerdnssetup.aspx</a>, insira seu domínio e confirme.<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqdA8-GNyDJu1HWhn-_wvlCWb2kxVE09-C8YGozUxsUscgrp-I_Woy1L53wezaCLm0viyoRjp8_nsBzvK2gZ2A72dSXCGMJaGiJT_t9Kifl4FTDlx5_z4KzXGkp98LauniaLuNYFogl-0/s1600/Godaddy+dominio+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqdA8-GNyDJu1HWhn-_wvlCWb2kxVE09-C8YGozUxsUscgrp-I_Woy1L53wezaCLm0viyoRjp8_nsBzvK2gZ2A72dSXCGMJaGiJT_t9Kifl4FTDlx5_z4KzXGkp98LauniaLuNYFogl-0/s400/Godaddy+dominio+1.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<br />
Em seguida, acesse o painel de controle do seu blog no Blogger e clique em "configurações". No campo "básico" você irá identificar o item "Publicação", nessa área clique em "adicionar um domínio personalizado".<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDAN9KjGORm5cnY32BcmFdP-wj2CMpiYwzWnEiisSbTDdWS9D5F11UYcDu2pg0upGcgPrmsxyTLfzP9dMUGDsuBNlmebe21QjLAa255TdDB-rs_W4cMo0e-NHGJ3BWzCblTNkS24gSqQ/s1600/Godaddy+dominio+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDAN9KjGORm5cnY32BcmFdP-wj2CMpiYwzWnEiisSbTDdWS9D5F11UYcDu2pg0upGcgPrmsxyTLfzP9dMUGDsuBNlmebe21QjLAa255TdDB-rs_W4cMo0e-NHGJ3BWzCblTNkS24gSqQ/s400/Godaddy+dominio+2.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
Depois será necessário clicar em "alternar para configurações avançadas."</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-Vfh58X8Yi9OnHYW4EHeYaz74VmXc96W83Y_BoamqKG3c5BmDyfYb2EpTret2b5jUmHeRsRQJlnpSV1Px-5MVrC-Rn3gkg_XquylvMZ1b-Ia4WJNZCEdf-IQygBXIxR4qZ4FElCklq0/s1600/Godaddy+dominio+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-Vfh58X8Yi9OnHYW4EHeYaz74VmXc96W83Y_BoamqKG3c5BmDyfYb2EpTret2b5jUmHeRsRQJlnpSV1Px-5MVrC-Rn3gkg_XquylvMZ1b-Ia4WJNZCEdf-IQygBXIxR4qZ4FElCklq0/s400/Godaddy+dominio+3.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
Na tela que abrir, você deverá digitar o endereço de domínio que registrou no Godaddy e que incluiu no endereço mencionado acima.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34rdTTDn4OQnRt3mzH4zRqX0jgVdtvItZztbXizgmWJmIdmbLg-9W_WQrO4S9eCT-zDoGuJkqgqUozkUtpXchRAvPhoRp8eA9uzZwaSB8spZWPefDYTklZ2n_M1smnD7S3eWj_CSJdI0/s1600/Godaddy+dominio+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34rdTTDn4OQnRt3mzH4zRqX0jgVdtvItZztbXizgmWJmIdmbLg-9W_WQrO4S9eCT-zDoGuJkqgqUozkUtpXchRAvPhoRp8eA9uzZwaSB8spZWPefDYTklZ2n_M1smnD7S3eWj_CSJdI0/s400/Godaddy+dominio+4.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div style="text-align: justify;">
Pronto, agora é só salvar e aguardar que todas as configurações serão feitas automaticamente. O Godaddy informa que as alterações de DNS podem levar até 48 horas para se expandir.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Fiquei impressionada com a rapidez com que os serviços da Godaddy <span style="background-color: white;">responderam. Depois de efetuar o pagamento, em instantes eu já tinha o registro do domínio e pude fazer a configuração nos meus blogs. O que não aconteceu com outro serviço nacional que precisei abrir um chamado, quase uma semana depois do pagamento, pois não constava o registro. Logo após a configuração notei apenas uma instabilidade no acesso com o novo domínio, o que ocorre em razão da mudança, mas em menos de 24 horas estava tudo normalizado.</span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="text-align: justify;">
<span style="background-color: white;">Além disso, gostei muito do painel da Godaddy e dos serviços que podem ser contratados por meio do site. Mas é preciso ter cuidado, pois durante a compra do domínio e escolha dos serviços, eles oferecem muita coisa, o que pode confundir e te levar a gastar mais do que precisa. Fique atento!!! Quanto a domínios <b>br</b> não compensa comprar por meio deste serviço, pois eles estavam custando nada mais nada menos que R$  197,99.</span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><br /></span></div>
<div style="text-align: justify;">
E ai, o que achou da facilidade de configuração de domínio na Godaddy?</div>

Como configurar facilmente um domínio no Blogger

Registrar os domínios comprados por meio do site GoDaddy estão super fáceis. Você não precisa entrar no painel de configurações do site regi...

Continue Lendo >>

15:18