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

6 comentários:

  1. Não consegui colocar o código no meu não. ;/

    ResponderExcluir
  2. Nadine: É só copiar e colar abaixo da div mencionada. Dei uma olhada no código fonte do seu template e tem a div que mencionei no texto.

    ResponderExcluir
  3. Eu conseegui colocar os botões, mas quando clico neles não há nenhuma função. Tem que editar algo no html?

    ResponderExcluir
  4. @Judy
    Tem que adicionar um código no template. Leia aqui:
    http://crazyseawolf.blogspot.com/2010/06/como-colocar-e-ativar-os-botoes-de.html

    ResponderExcluir
  5. this is wonderful post that fills all requirement of article

    ResponderExcluir

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google