sábado, 12 de junho de 2010

Novidades no Blogger: Designer de modelo e botões de compartilhamento


E as novidades no Blogger não param de chegar. Desde quinta feira passada, o designer de modelo está disponível para todos. Agora você póde criar seu próprio template e customizá-lo sem saber HTML ou CSS. A ferramenta é intuitiva e há 19 modêlos prontos para templates( os modêlos antigos ainda continuam disponíveis).



Conforme eu já tinha anunciado, houve a mudança no painel de controle onde a aba Lay-out foi trocada por Design, e as abas fontes e cores não existe mais. Esta última função está incorporada no Designer de modelo, onde você pode customizar qualquer template, nativo ou não, nele.

Outra novidade eu já tinha também anunciado aqui, que era o aparecimento de um código no template referente aos botões de compartilhamento, e que agora já aparece para ser ativado através do Blogger in Draft, local de testes para novidades na plataforma. Esse recurso ainda não foi liberado totalmente, mas você já pode incluí-lo no template.

Caso seu template não seja nativo do Blogger, você terá que incluir manualmente o código abaixo, abaixo da <div id='main-wrapper'>(vá em painel de controle >> Design >> Editar HTML >> marque expandir modelos de widgets, use control + F para localizar.)

<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.openundefinedthis.href, \&quot;&quot; + data:top.blogThisMsg             + &quot;\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.openundefinedthis.href, \&quot;&quot;             + data:top.shareToFacebookMsg + &quot;\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.openundefinedthis.href, \&quot;&quot; + data:top.shareToBuzzMsg             + &quot;\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</b:includable>

Para ativar em seu blog, vá no painel de controle  do Blogger in Draft>> Design >> Page elements(elementos de páginas) e clique em Editar nas Postagens do Blog:

Marque a caixinha, reposicione onde você quer que os botões fiquem e clique em Editar. Agora é só esperar que o Blogger libere inteiramente essa novidade. O Marcos Lemos (@hordones) conseguiu encontar uma maneira de forçar o aparecimento desses botões no blog. Se você quiser já usá-los, confira o tutorial escrito por ele.

Deixa eu encerrar com uma frase típica para uma notícia como essa: CHUPA WORDPRESS! Eu não consigo resistir! Photobucket

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google