parcerias

Pesquisar

Arquivo

visualizações

dicas

Teste Menu 3

vídeos

mensagem

fonte: oloblogger

Twitter, que aparece no topo e voa sobre sua página enquanto você se desloca verticalmente através dele. 







Share/Bookmark


ElektroDanZ chamou minha atenção neste dispositivo que eu tinha visto vibrando por uma página. É um pássaro azul, aludindo claramente ao ícone do Twitter, que aparece no topo e voa sobre sua página enquanto você se desloca verticalmente através dele. 
Flying TwitterIsso seria divertido o suficiente para publicá-lo e alguns de vocês se divirtam instalando-o em sua página. Mas o melhor de tudo é o que faz. Acontece que este pajarraco, além de fazer companhia, também é um link para sua conta do Twitter e, ao mesmo tempo, um botão retweet . Isso lhe dá um pouco mais de interesse?

Acho que neste momento, você já viu o que eu testei. Posaros sobre isso e você verá como eles abrem dois novos links: twitéame e me seguem. Bem hala, você já está clicando para ver isso funcionando. O próprio pássaro, diretamente, é um link para o seu perfil, mas oi, é o macaco os links que se desenrolam. 

Finalmente, se o erro migratório isso incomodar você para a leitura de alguma parte da entrada, você só precisa agitar um pouco com o ponteiro, de modo que ele mude de lugar. Que cara legal. 

O pacote completo do criador ( Floern), também inclui alguns utilitários, de modo que ao apontar para o pássaro, isso se reproduz em um tipo de tipo sanduíche, nosso último twett. Mas isso vai ficar para usuários avançados e com o PHP ao seu alcance. Blogger, hoje não temos acesso fácil a essa linguagem, então nos conformamos com o que você vê. 

INSTALAÇÃO


Basta procurar 
<data:post.body/> no seu modelo (com widgets) e antes dessa variável, insira a chamada no script que hospedei no Google Code, bem como as variáveis ​​necessárias. Se você tiver alguma alteração no seu modelo, talvez seja necessário usar como referência <div class='post-body entry-content'> . No último caso, o código retornaria.

<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;https://olobloggerblog.googlecode.com/files/twitter_bird_sprite.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://twitter.com/oloman&quot;;
var tweetThisText = &quot;Leyendo: <data:post.url/>&quot;;
tripleflapInit();
</script>
</b:if>


CONFIGURAÇÃO Você


deve alterar o valor da variável twitterAccount , para colocar o seu próprio. O conteúdo do tweetThisText será o que é digitado automaticamente no status do Twitter quando você clica no twitéame . Lá você também pode colocar o que quiser, embora seja conveniente manter e lt, dados: post.url / & gt; porque isso também irá inserir automaticamente o endereço da postagem em que você está. O endereço web principal também pode ser outra alternativa. 

Se você remover o condicional e seu fechamento, o pássaro estará visível em todos os tipos de páginas e não apenas nas entradas individuais. Embora neste caso, não respondo ao endereço a ser enviado. 


OPÇÕES 


O código pode ser instalado perfeitamente em um dispositivo e não no modelo. Nesse caso, incluindo o endereço do post não seria prático porque as variáveis ​​do Blogger não funcionam se não estiverem no modelo HTML. Se isso não for um problema, bastaria alterar as aspas simples por duplas e todas as "& quot; por citações simples. Claro, o condicional seria deixado. 


MODIFICAÇÕES


Você pode usar este mesmo dispositivo para qualquer outro tipo de links. Isso é um pouco mais complicado porque requer a alteração dos valores do twitterAccount , tweetThisText e para o botão que faz o retweet, a variável tweetthislink que está no script:

var tweetthislink="http://twitter.com/home?status="+escape(tweetThisText);

Sprite TripleflapOutro "mal" que me ocorre, seria mudar todas as imagens do sprite que são responsáveis ​​pelo movimento do pássaro, por qualquer outro personagem que seja de seu agrado. Embora, é claro, para isso, já precisamos ter alguma mão com o photochop. 


"RECOMENDAÇÕES"


"Como sempre, para evitar pendurar o dia menos pensado e evitar a saturação do local onde o script e a imagem estão alojados, você deve usar sua própria acomodação e substituir os endereços de vocês e seus. Para isso, nos seguintes links você pode baixar o arquivo tripleflap.js e birdsprite.png ."

"Vemos outra publicação aleatória no caso de achar útil ou talvez prefira ser mais metódico e se inscrever em nossas entradas por correio ? Você também pode imprimir este artigo e, naturalmente, compartilhá-lo nas redes sociais se fosse do seu agrado."
Postagens mais antigas Página inicial

Seguidores

categoria:

on