3 botones para Retweets y 1 para RSS en Blogger

Categoría: Twitter | August 7, 2009




Vemos como se colocan los botones de Tweetmeme, Backtweets y de John Resig.

Ejemplos (No Copiar):
<!--BackTweets-->
<script type="text/javascript">
tweetcount_url = 'http://rene-silva.blogspot.com/2009/08/twitter-is-down.html'; //URL
tweetcount_title = 'Twitter is down!!'; //Titulo
tweetcount_src = 'RT @Rene_Silva:';
tweetcount_via = false;
tweetcount_links = true;
tweetcount_size = 'small';
tweetcount_background = 'FFFFFF';
tweetcount_border = 'CCCCCC';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>

<!--Tweetmeme-->
<script type="text/javascript">
tweetmeme_url = 'http://rene-silva.blogspot.com/2009/08/twitter-is-down.html'; //URL
tweetmeme_style = 'compact';
tweetmeme_source = 'Rene_Silva';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

<!--Script de John Resig-->
<a class="retweet" href="http://rene-silva.blogspot.com/2009/08/twitter-is-down.html">Twitter is down!!</a><!--URL y Título-->
<script src="http://ejohn.org/files/retweet.js"></script>

<!--Imagen de Tweetmeme-->
<a href="http://api.tweetmeme.com/share?url=http://rene-silva.blogspot.com/2009/08/twitter-is-down.html">
<img src="http://api.tweetmeme.com/imagebutton.gif?url=http://rene-silva.blogspot.com/2009/08/twitter-is-down.html" height="61" width="51" />
</a>

Código de los botones (pueden escoger el que quieran, CAMBIEN EL SRC por ahora esta con @Rene_Silva.):

<div style="float: right;">
<!--BackTweets-->
<script type="text/javascript">
tweetcount_url = '<data:post.url/>'; //URL
tweetcount_title = '<data:post.title/>'; //Titulo
tweetcount_src = 'RT @Rene_Silva:';
tweetcount_via = false;
tweetcount_links = true;
tweetcount_size = 'small';
tweetcount_background = 'FFFFFF';
tweetcount_border = 'CCCCCC';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>
<!--Tweetmeme-->
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>'
tweetmeme_style = 'compact';
tweetmeme_source = 'Rene_Silva';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
<!--Script de John Resig-->
<a class='retweet' expr:href='data:post.url'><data:post.title/></a>
</div>

Solamente en el caso de utilizar los botones de John Resig coloquen esto en </head>:

<script src="http://ejohn.org/files/retweet.js"></script>

Código para retweet dentro de los posts (cambiar URL):

<a href="http://api.tweetmeme.com/share?url=url" class="rt_tweetmeme">
<img width="51" height="61" src="http://api.tweetmeme.com/imagebutton.gif?url=url" align="right"/>
</a>

Código para ocultarlo en los posts

.rt_tweetmeme {
display:none;
}

Deja un comentario