Popular post

About

Blog sobre diseño y desarrollo web.
Códigos o enlaces que me han sido útiles en mi trabajo como desarrolladora web :)

jueves, 16 de febrero de 2012

Cómo añadir botones twitter y facebook a blog notes

Tutorial de como añadir el botón de twitter y facebook a un blog creado con notres.

Tenía el problema que al añadir el código que ofrece twitter en el template del contenido no conseguía que se publicase el título del post que quería compartir.

Al final siguiendo estos dos tutoriales lo he conseguido sacar haciendo algún cambio en el código
http://www.lbenitez.com/2010/10/how-to-add-twitter-and-facebook-like.html
http://www.slug.es/blogslug.nsf/dx/facebook-like-button-in-post-entries.htm


Y este es mi código: En las xxxx se ha de poner la url del blog justo hasta /dx/
1
2
3
4
5
6
7
8
9
10
11
12

<div class="social"> 
<div class="twitter"> 
<a href="http://twitter.com/share" class="twitter-share-button" data-url="XXXXX/dx/<$DXDocumentLink$>" data-text="<$DXSubject$>" 
data-count="vertical" data-via="LauraMM79" data-related="marybethraven">Tweet</a> 
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 
</div> 
<div class="fb"> 
<iframe src="http://www.facebook.com/plugins/like.php?href=XXXX/dx/<$DXDocumentLink$>&layout=standard&show_faces=false&width=450&action=recommend&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true">< /iframe> 
</div> 

</div>