quarta-feira, 2 de fevereiro de 2011

Libélula que ficando voando no blog

Está procurando um mascote pro seu blog? Que tal essa pequena libélula para fazer companhia aos seus leitores?

Com base no script do pássaro do Twitter resolvi dar uma modificada no lindo passarinho azul, e substitui por uma libélula bem bacana, que assim como o pássaro, ela fica nas páginas de postagem do blog e não deixa seus visitantes sozinhos.

Veja que bunitinha! *----*



Então é isso ae... Para colocar no seu blog, vá em "Design" - "Ediar HTML" , marque a caixinha "Expandir modelos de widgets".


Agora procure pela linha <data:post.body/>  (ctrl+f para procurar).
Logo acima dessa linha cole o código abaixo e depois salve!



<b:if cond='data:blog.pageType == "item"'><script src='http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'></script>
<script type='text/javascript'>
var birdSprite=&quot;http://img152.imageshack.us/img152/4514/libelulae.png&quot;;
var targetElems=new Array(&quot;img&quot;,&quot;hr&quot;,&quot;table&quot;,&quot;td&quot;,&quot;div&quot;,&quot;input&quot;,&quot;textarea&quot;,&quot;button&quot;,&quot;select&quot;,&quot;ul&quot;,&quot;ol&quot;,&quot;li&quot;,&quot;h1&quot;,&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;p&quot;,&quot;code&quot;,&quot;object&quot;,&quot;a&quot;,&quot;b&quot;,&quot;strong&quot;,&quot;span&quot;);
var twitterAccount = &quot;http://www.cblogger.net&quot;;
tripleflapInit();
</script>
</b:if>


Para evitar a perda do código javascript e da imagem do pássaro, baixe os arquivos abaixo.

tripleflap.js <- Código Javascript
birdsprite.png <- Imagem

Hospede-os em seu servidor, e subtitua no código. Na parte destacada de azul, coloque a URL do código javascript, e na parte em verde, coloque a URL da imagem.

Marcadores: , , ,

12 Comentários:

Às 2 de fevereiro de 2011 16:28 , Blogger Dymas disse...

Da pra ela ficar Na Home e todas as páginas do Blog?

 
Às 2 de fevereiro de 2011 23:30 , Blogger Códigos Blogger disse...

@Dymas Da sim, é só você colar o código baixo de <body> e excluia parte...

<b:if cond='data:blog.pageType == "item"'>

Que fica no início do código.

E depois excluir a parte...

</b:if>

Que é a última linha do código.

Depois Salve!

 
Às 7 de fevereiro de 2011 14:38 , Blogger Mat disse...

No meu nun apareceu

 
Às 8 de fevereiro de 2011 16:23 , Blogger Códigos Blogger disse...

@Mat Lembre-se, ele só fica nas páginas das postagens.

 
Às 11 de março de 2011 22:10 , Blogger Gui.xD disse...

como sempre vcs ajudando bastante mto OBr

 
Às 21 de março de 2011 18:07 , Blogger joao victor. disse...

no meu blog nao encontrei essa parte que voe cita deixe me um comentario em resposta http://instoeincrivel.blogspot.com/

 
Às 30 de junho de 2011 17:31 , Blogger Guilherme L. disse...

Hahaha, sempre que clicamos na libélula somos redirecionados para o CBlogger.net, int eu descobri onde vocês tinham colocado o link no código, eu o apaguei e o substituí para o meu Twitter!
#SouFoda

 
Às 30 de junho de 2011 22:22 , Blogger Códigos Blogger disse...

@Guilherme L. kk' Espertinho!

 
Às 4 de julho de 2011 02:35 , Blogger Solilóquio ao longe disse...

eu não entendi qual código ponho e exatamente onde, consegui chegar até:
!

 
Às 4 de julho de 2011 08:40 , Blogger Códigos Blogger disse...

@Solilóquio ao longe vá em "Design" - "Ediar HTML" , marque a caixinha "Expandir modelos de widgets". Dê m ctrl + f e procure por <data:post.body/> e cole aquele código maior acima dessa linha.

 
Às 17 de novembro de 2011 20:19 , Blogger Game Office Brasil disse...

como muda o negocio que fica do lado da tela do seu site que puxa para cima e para baixo ( o seu ta laranja )

 
Às 20 de novembro de 2011 22:08 , Blogger Códigos Blogger disse...

Confira esta postagem: (copie e cole no navegador)

http://www.cblogger.net/2011/10/personalizando-barra-de-rolagem-do-blog.html

http://www.cblogger.net/2011/10/barras-de-rolagem-personalizadas-para.html

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial