jueves, noviembre 23, 2006

ENLACES A LAS REDES SOCIALES

Hurgando en los códigos fuentes (CTRL + U) de otros blogs se aprenden muchas cosas. Un ejemplo son los enlaces a las redes sociales que aparecen en cada post de mi blog (Chuza!, Meneame! digg it!,...) que los he sacado recientemente de los artículos de elPaís.com, aunque antes ya tenía algunos. Si os fijais en el código fuente de elpais.com vereis que tienen dos veces el enlace de menéame y sólo se ve un link y una vez el de fresqui que no se ve. Sin duda se trata de un error de los programadores.

Los códigos que utilizo en Blogger para que aparezcan los enlaces son los siguientes:


<a href="http://meneame.net/submit.php?url=<$BlogItemPermalinkUrl$>">
<img src="http://photos1.blogger.com/blogger/6110/3224/320/ico_meneame.gif" alt="meneame"></a> 
<a href="http://tec.fresqui.com/post?url=<$BlogItemPermalinkUrl$>">
<img src="/im/utilidades/ico_fresqui.gif" alt="fresqui"></a> 
<a href="http://del.icio.us/post?title=&url=<$BlogItemPermalinkUrl$>">
<img src="http://photos1.blogger.com/blogger/6110/3224/320/ico_delicious.gif" alt="delicious"></a> 
<a href="http://www.digg.com/submit?url=<$BlogItemPermalinkUrl$>">
<img src="http://photos1.blogger.com/blogger/6110/3224/320/ico_digg.0.gif" alt="digg"></a> 
<a href="http://www.technorati.com/search/<$BlogItemPermalinkUrl$>">
<img src="http://photos1.blogger.com/blogger/6110/3224/320/ico_technorati.gif" alt="technorati"></a> 
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?url=
<$BlogItemPermalinkUrl$>">
<img src="http://photos1.blogger.com/blogger/6110/3224/320/ico_yahoo.gif" alt="yahoo"></a>
<a href="http://chuza.org/submit.php?url=<$BlogItemPermalinkUrl$>">
<img src="http://photos1.blogger.com/blogger/6110/3224/1600/chuza.png" title="chuza" ></a>

La parte que aparece en negrilla - $BlogItemPermalinkUrl$ - puede variar de una plantilla a otra, debe ser el código que cada blog utiliza para identificar cada post. Por ejemplo, en Blogger Beta ese código es data:post.url y hablando de Beta he desubierto como poner estos enlaces en Hackosphere, el único inconveniente es que no he acertado a ponerle imágenes a cada enlace. En Blogger Beta localizamos el texto que aparece en azul marino y seguidamente ponemos el código que aparece en rojo antes de </span>


<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>


  <a expr:href='"http://chuza.org/submit.php?url="
+ data:post.url' target='_blank'>, Chuza!</a>
  <a expr:href='"http://meneame.net/submit.php?url="
+data:post.url + "&title=" + data:post.title' target='_blank'>, Meneame!</a>
  <a expr:href='"http://digg.com/submit?phase=3&amp;url="
+ data:post.url' target='_blank'>DiggIt!</a>
  <a expr:href='"http://del.icio.us/post?url="
+ data:post.url + "&amp;title=" + data:post.title' target='_blank'>Del.icio.us</a>
  <a expr:href='"http://www.technorati.com/search/"
+ data:post.url' target='_blank'>, Technorati</a>
  <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url"
+data:post.url + "&title=" + data:post.title' target='_blank'>, Yahoo!</a>
  <a expr:href='"http://tec.fresqui.com/post?url="
+ data:post.url' target='_blank'>, Fresqui</a>

</span>


Si alguien descubre el módo de ponerle imágenes a los enlaces en Blogger Beta, que me lo diga... please!

1 comentario:

Anónimo dijo...

Hola lo saluda el creador del blog BETATRUCOS.

He visto que usted ha publicado un post respecto a las redes sociales, un post similar pero muy diferente a mio como usted podra verlo en mi blog en este post

http://betatrucos.blogspot.com/2006/10/meneame-enchilame-acolitame-floreame.html

Que tenga un buen dia y no hay ningun problema con ENLACES GRÁFICOS PARA EL BLOGROLL.