Redes sociales en blogger

Tweet

Al fin logre poner las redes sociales en español en mi blog, me he sacado el aire buscando y ninguna era compatible, me saltaban mil y un errores, no se el resto... pero a mi ningunas me fueron compatibles hasta que encontre estas (OJO no todas las plantillas son iguales respalda primero tu plantilla antes de probar esto):

Paso 1.- Expandir la platilla de artilugios y pegar el codigo del cuadro a continuacion de esta forma:

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

Obviamente sin las equis no? si no ves: </p> no te preocupes, solo pegalo justo debajo de: <p class='post-footer-line post-footer-line-3'/> encuentralo haciendo: control + f

Enviar a:
<div class='rsociales'>
<ul>
<li><a expr:href='"http://del.icio.us/post?url="+ data:post.url + "&amp;title" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S3_KUdk2doI/AAAAAAAAILk/dtsMQIuNfiA/s400/icoMdelicious.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Del.icio.us'/></a></li>
<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url+ "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Facebook' class='rsociales-sobre' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S3_KeM-n1jI/AAAAAAAAILs/hkTgfXBxk98/s400/icoMfacebook.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Facebook'/></a></li>
<li><a expr:href='"http://friendfeed.com/?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Friendfeed' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Onf3OTr1X5Y/S3_KnkmIEDI/AAAAAAAAIL0/uzwW7lRyWzI/s400/icoMfriendfeed.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Friendfeed'/></a></li>
<li><a expr:href='"http://promote.orkut.com/preview?nt=orkut.com&amp;du=" + data:post.url + "&amp;tt=" + data:post.title' target='_blank'><img alt='Agregar a Orkut' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Onf3OTr1X5Y/S3_KxB_OwTI/AAAAAAAAIL8/FYsl6cNINPo/s400/icoMorkut.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Orkut'/></a></li>
<li><a expr:href='"http://www.plurk.com/m?content=" + data:post.url + "&amp;qualifier=shares"' target='_blank'><img alt='Agregar a Plurk' class='rsociales-sobre' src='http://3.bp.blogspot.com/_Onf3OTr1X5Y/S3_K7Fn5LsI/AAAAAAAAIME/duxGzgC8ye8/s400/icoMplurk.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Plurk'/></a></li>
<li><a expr:href='"http://www.stumbleupon.com/submit?url="+data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Stumbleupon' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Onf3OTr1X5Y/S3_LEJE24kI/AAAAAAAAIMM/C_jJXZvFpbU/s400/icoMstumbleupon.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Stumbleupon'/></a></li>
<li><a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://4.bp.blogspot.com/_Onf3OTr1X5Y/S3_LPi-kl2I/AAAAAAAAIMU/5RPfg7PGB1g/s400/icoMtechnorati.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Technorati'/></a></li>
<li><a expr:href='"http://twitter.com/home?status=Leyendo: " + data:post.title + ": " + data:post.url' target='_blank'><img alt='Agregar a Twitter' class='rsociales-sobre' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S3_Lah6NAjI/AAAAAAAAIMc/dhrf69hPPTs/s400/icoMtwitter.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Twitter'/></a></li>
<li><a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google Reader' class='rsociales-sobre' src='http://3.bp.blogspot.com/_Onf3OTr1X5Y/S3_LjwiKc6I/AAAAAAAAIMk/Nv4o6d_C-MI/s400/icoMbuzz.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Google Reader'/></a></li>
<br/>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' height='18px' width='18px' src='http://2.bp.blogspot.com/_Onf3OTr1X5Y/S3_AyQArNKI/AAAAAAAAIJM/_6G4IBM-Pio/s400/digg.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a DiggIt!'/></a></li>
<li><a expr:href='"http://bookmarks.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' height='18px' width='18px' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S3_BBvEVQvI/AAAAAAAAIJU/CaqbPAHp4as/s400/yahoo.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Yahoo!'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' height='18px' width='18px' src='http://2.bp.blogspot.com/_Onf3OTr1X5Y/S3_BSkXuzZI/AAAAAAAAIJc/U7yRnnR1uJ0/s400/google.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Google'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' height='18px' width='18px' src='http://3.bp.blogspot.com/_Onf3OTr1X5Y/S3_Bjp1fbGI/AAAAAAAAIJk/RgH2ct-terw/s400/meneame.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Meneame'/></a></li>
<li><a expr:href='"http://www.diigo.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Diigo' class='rsociales-sobre' height='18px' width='18px' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S5PYj2MMukI/AAAAAAAAIUM/r-L3Rh2oieY/s400/diigo.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Diigo'/></a></li>
<li><a expr:href='"http://es.reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' height='18px' width='18px' src='http://3.bp.blogspot.com/_Onf3OTr1X5Y/S3_CKb7k8-I/AAAAAAAAIJ0/o8aWCEbUCag/s400/reddit.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Reddit'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' height='18px' width='18px' src='http://2.bp.blogspot.com/_Onf3OTr1X5Y/S3_Cpv8-o7I/AAAAAAAAIKE/ddMMs5FrzUI/s400/blinklists.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Blinklist'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' height='18px' width='18px' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S3_C_xQseBI/AAAAAAAAIKM/SKOBoWssm6c/s400/blogmarks.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Blogmarks'/></a></li>
<li><a expr:href='"http://www.webeame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a webeame' class='rsociales-sobre' height='18px' width='18px' src='http://4.bp.blogspot.com/_Onf3OTr1X5Y/S3_EOu5Y09I/AAAAAAAAIKc/XESXPLyjARE/s400/webeame.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a webeame'/></a></li>
<li><a expr:href='"http://enchilame.com/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a enchilame' class='rsociales-sobre' height='18px' width='18px' src='http://3.bp.blogspot.com/_Onf3OTr1X5Y/S3_EjQiMmNI/AAAAAAAAIKk/m-QlS58VS8s/s400/enchilame.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a enchilame'/></a></li>
<li><a expr:href='"http://fresqui.com/enviar?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a fresqui' class='rsociales-sobre' height='18px' width='18px' src='http://4.bp.blogspot.com/_Onf3OTr1X5Y/S3_E64vPi1I/AAAAAAAAIKs/_ewk8Pl36jE/s400/fresqui.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a fresqui'/></a></li>
<li><a expr:href='"http://www.blogmemes.com/post.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a blogmemes' class='rsociales-sobre' height='18px' width='18px' src='http://3.bp.blogspot.com/_Onf3OTr1X5Y/S3_FOLxlwVI/AAAAAAAAIK0/2BQmfvZxKtQ/s400/blogmemes.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a blogmemes'/></a></li>
<li><a expr:href='"http://promotingblogs.com/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Promoting Blogs' class='rsociales-sobre' height='18px' width='18px' src='http://3.bp.blogspot.com/_Onf3OTr1X5Y/S3_GGUoMbxI/AAAAAAAAILE/FnLcYURHn7U/s400/promotingblogs.png' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Promoting Blogs'/></a></li>
<li><a expr:href='"http://www.mister-wong.es/index.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Mister Wong' class='rsociales-sobre' height='18px' width='18px' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S3_GY_V4ilI/AAAAAAAAILM/3R96zSjBTVc/s400/misterwong.gif' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Mister Wong'/></a></li>
<li><a expr:href='"http://barrapunto.com/submit.pl?story=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Barra punto com' class='rsociales-sobre' height='18px' width='18px' src='http://4.bp.blogspot.com/_Onf3OTr1X5Y/S3_GrA0-6YI/AAAAAAAAILU/zQ6Ue6k6X0c/s400/barrapuntocom.jpg' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a Barra punto com'/></a></li>
<li><a expr:href='"http://www.autobombo.es/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a autobombo' class='rsociales-sobre' height='18px' width='18px' src='http://1.bp.blogspot.com/_Onf3OTr1X5Y/S3_G6I43D8I/AAAAAAAAILc/wJI2S9IN6VY/s400/autobombo.jpg' style='border:0;background:none;padding:0px;text-decoration:none;' title='Agregar a autobombo'/></a></li>
</ul>
</div>

Ni se te ocurra cambiarle absolutamente nada a menos de que sepas lo que haces, me he sacado el aire agregando otras redes como enchilame y otras mas, y por muchos motivos no eran compatibles con las que originalemnte encontre, parece mentira que haya tanta diferncia entre una simple y misera coma, no es lo mismo una comilla con cabeza y rabo que una comilla en forma de tilde, las malditas comillas me hicieron sufrir...

Paso 2.- Luego para darle un efecto de transparencia, ademas de que se enciendan como luz los iconos al pasarles el mouse pon este codigo justo antes de: ]]></b:skin> de esta forma:

XXXCodigoXXX
]]></b:skin>

¿Ok list@? aqui te va:

.rsociales ul {
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;
}

Anexos:

1.- Si en vez de una imagen quieres que aparezca solo el texto entonces borra todas las imagenes y cambialas por el respectivo link en texto, ejemplo:

Enviar a:
<div class='rsociales'>
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Technorati</a></li>
</ul>
</div>

2.- En algunas plantillas no es necesario tanta cosa (ul, li, div, etc...) sinó solo poner este código... en especial si solo tienes texto, ejemplo:

<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://bp1.blogger.com/_Zuzii37VUO4/Rjl62eMBQ0I/AAAAAAAAAto/zkas68GmVFk/s1600/technorati.gif'/></a>

Asi con todas las otras redes.

3.- Si quisieras ahorrar memoria en pantalla y disminuir la carga de imágenes en tu blog te recomiendo que uses esto:

<b:if cond='data:blog.pageType == "item"'>

XXXXXX REDES SOCIALES AQUI XXXXXX

</b:if>

Reemplaza donde dice: XXX redes sociales aqui XXX por los codigos de tus redes, asi solo se cargaran estas en el vinculo del post (articulo completo, url propia) pero jamas en la pagina principal (portada) y para que tus visitantes lo sepan usa esto:

<b:if cond='data:blog.homepageUrl == data:blog.url'>

(Ve al vinculo del post para obtener las opciones de envio e impresion)

</b:if>

Este mensaje "solo" aparecera en la portada de tu blog, tus visitantes lo veran y se dirigiran a tu vínculo y allí les aparecerán todas tus redes sociales.

4.- Adorna tus redes poniendoles un marco con el comando: <fieldset> y </fieldset> resalta tus textos en negritas con el comando: <strong> y </strong> céntralo todo con el comando: <center> y </center> ya depende de ti y de tu creatividad.

Fin de los anexos.

Guarda la plantilla y ufff malditas comillas... que lo disfrutes.