Reduzir url e mandar para o Twitter
Vamos mostrar como reduzir a url das postagens do seu blog antes de enviar para o Twitter, assim quando seus visitantes quiserem mandar alguma de suas postagens ficará mais fácil, pois sobrarão mais caracteres para que escrevam seus comentários. É com um código que vamos reduzir o endereço da pagina e enviar juntamente com esse endereço reduzido o titulo de sua postagem para o Twitter.
O primeiro passo é entrar na pagina editar html, clique para expandir o modelo e procure por <data:post.body/> então coloque o código logo depois dele. Caso não encontre procure por post-header-line-1 e também coloque o código logo após.
<span style='float: left;padding:3px'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'> <data:post.title/></span>Tweet this!</a></span>
Mostramos essas duas opções porque isso pode variar um pouco dependendo do modelo do seu blog, mas na maioria deles encontrará os dois bem próximos um do outro, então é só fazer um teste e veja qual deles é mais fácil no seu modelo.
Agora podemos alterar facilmente o texto que é exibido no blog apenas mudando onde está Tweet this! Para qualquer outra coisa que deseje escrever ou ainda poderíamos colocar uma imagem substituindo esse mesmo texto pelo código de uma imagem, assim:
<img src="endereço da imagem" border="0" />
Naturalmente você deve trocar o endereço da imagem por uma que goste mais ou combine melhor com o seu blog, se quiser usar a imagem que está no inicio desta postagem pode salva-la no seu computador e depois hospedar no Imageshack. Fazemos essa sugestão porque se colocássemos o código pronto, muitas pessoas usariam a mesma imagem e por se tratar de uma hospedagem grátis ela poderia ser removida.
O primeiro passo é entrar na pagina editar html, clique para expandir o modelo e procure por <data:post.body/> então coloque o código logo depois dele. Caso não encontre procure por post-header-line-1 e também coloque o código logo após.
<span style='float: left;padding:3px'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'> <data:post.title/></span>Tweet this!</a></span>
Mostramos essas duas opções porque isso pode variar um pouco dependendo do modelo do seu blog, mas na maioria deles encontrará os dois bem próximos um do outro, então é só fazer um teste e veja qual deles é mais fácil no seu modelo.
Agora podemos alterar facilmente o texto que é exibido no blog apenas mudando onde está Tweet this! Para qualquer outra coisa que deseje escrever ou ainda poderíamos colocar uma imagem substituindo esse mesmo texto pelo código de uma imagem, assim:
<img src="endereço da imagem" border="0" />
Naturalmente você deve trocar o endereço da imagem por uma que goste mais ou combine melhor com o seu blog, se quiser usar a imagem que está no inicio desta postagem pode salva-la no seu computador e depois hospedar no Imageshack. Fazemos essa sugestão porque se colocássemos o código pronto, muitas pessoas usariam a mesma imagem e por se tratar de uma hospedagem grátis ela poderia ser removida.Marcadores: Conteúdo, Mais visitas, Twitter