13 janeiro 2013

Pássaro do Twitter personalizado




Oiie Lovers *-*! Neste Tutorial vamos ver como personalizar o pássaro do Twitter, deixando ele Rosa e também Azul.
  • Rosa
Esse é muito Cute! Vocês vão adorar!

  1. Vá em design-editar HTML
  2. Clique em ''expandir modelos de Widgets''
  3. Aperte CTRL+F e procure por <data:post.body/> 
  4. Logo baixo cole esse código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var birdSprite="http://img607.imageshack.us/img607/8929/passarinhorosa.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/SEU PERFIL TWITTER";
var tweetThisText = "TWEET ME: <data:post.url/>";
tripleflapInit();
//]]>
</script>
</b:if>

Modifique assim:
Aonde está escrito SEU PERFIL TWITTER escreva seu twitter.
Aperte em visualizar para ver se está tudo bem. se der algum erro click em limpar edições e faça tudo de novo. Ou então colem o código em HTML/JAVASCRIPT para ver se dar certo.

  • Azul
Repita os mesmos passos e só mude para este código:

<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = "http://twitter.com/SEU PERFIL TWITTER";
var tweetThisText = "TWEET ME: <data:post.url/>";
tripleflapInit();
</script>
</b:if>

Prontinho! Espero que tenham gostado ! Ele fica lindo no Blog *-*

Nenhum comentário:

Postar um comentário