Añadir Redes Sociales a nuestras entradas en blog/web

La Redes Sociales es el mundo virtual a traves del cual nos comunicamos con gente de nuestra ideologia, gustos, etc ... , hoy por hoy la más famosa es Faceboock pero hay otras muchas.

Para poder dar la oportunidad a nuestros lectores de poder compartir o reseñar nuestros articulos o post vamos a poner una herramienta que les permita automaticamente compartir nuestro post con su red social.

Nos vamos a diseño, edición HTML y hacemos lo siguiente:



¡PRECAUCIÓN! Antes de modificar tu plantilla haz siempre una copia.

Nos vamos a la edición HTML de la plantilla, marcamos expandir plantillas de artilugios y buscamos el siguiente código:

]]></b:skin>

Antes de esa línea copiamos:



/* CSS para redes sociales

----------------------------------------------- */

.rsociales ul {

font-size: 100%;

display:inline;

margin:0pt !important;

padding:0pt !important;

}

.rsociales li {

background:transparent none repeat scroll 0%;

display:inline;

list-style-type:none;

margin:0pt;

padding:2px;

}

.rsociales img {

border:0pt none;

float:none;

margin:0pt;

padding:0pt;

}

.rsociales-sobre {

opacity:0.4;

}

.rsociales-sobre:hover {

opacity:1;

}

Ahora buscamos:



<p class='post-footer-line post-footer-line-3'/>

Justo antes de esa línea insertamos:

<div class='rsociales'>


<table cellspacing='5'>

<tr>

<td>Enviar a:</td>

<td><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Meneame'><img alt='Agregar a Meneame' class='rsociales-sobre' src='http://img181.imageshack.us/img181/3083/meneamehm7.gif'/></a></td>

<td><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Technorati'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://img45.imageshack.us/img45/5606/technoratiiy1.gif'/></a></td>

<td><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Del.icio.us'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://img50.imageshack.us/img50/9913/deliciogl4.gif'/></a></td>

<td><a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a DiggIt!'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='http://img50.imageshack.us/img50/300/diggjf4.gif'/></a></td>

<td><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Yahoo!'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://i648.photobucket.com/albums/uu203/lovejudz/Yahoo_32.png'/></a></td>

<td><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Google'><img alt='Agregar a Google' class='rsociales-sobre' src='http://i826.photobucket.com/albums/zz189/josecruzgs/Iconos%20Redes%20Sociales/Google.png'/></a></td>

<td><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Furl'><img alt='Agregar a Furl' class='rsociales-sobre' src='http://i132.photobucket.com/albums/q39/bucketr/furl.gif'/></a></td>

<td><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Reddit'><img alt='Agregar a Reddit' class='rsociales-sobre' src='http://i826.photobucket.com/albums/zz189/josecruzgs/Iconos%20Redes%20Sociales/Reddit.png'/></a></td>

<td><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Blinklist'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='http://i163.photobucket.com/albums/t302/rishi321us/blinklis.png'/></a></td>

<td><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Blogmarks'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://i826.photobucket.com/albums/zz189/josecruzgs/Iconos%20Redes%20Sociales/Blogmarks.png'/></a></td>

<td><a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Fresqui'><img alt='Agregar a Fresqui' class='rsociales-sobre' src='http://img45.imageshack.us/img45/5397/fresquisr8.gif'/></a></td>

<td><a expr:href='"http://promotingblogs.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Promoting Blogs'><img alt='Agregar a Promoting Blogs' class='rsociales-sobre' src='http://img261.imageshack.us/img261/5318/pb16x16it8.png'/></a></td>

</tr>

</table>

</div>

Y con eso nos aparecera al final de cada post "Enviar a: ....", si teneis algún problema no dudeis en preguntar yo ya lo instale en este mismo blog y funciona.