3WTutorials: Blogs - Redes Sociales En Tu Blogger

Con el siguiente tip se generará automaticamente despues de cxada entrada una barra de redes sociales, para que tus visitantes te ayuden a promocionar tus post en sus cuentas personales.

En el sigueinte tip se encuentran incluidas las siguientes redes sociales: del.icio.us, Bitacoras, RSS, Digg, Google, Yahoo, Technorati, Meneame, Twitter, Live, My Space y Facebook.

Pegar código HTML en tu Blogger para generar barra de redes sociales.

Ve a "Diseño", pestaña "Edición HTML", ahi marcas la casilla "desplegar artilugios", y buscas <div class='post-footer-line post-footer-line-3'/>
Seguido pegas el siguiente código.

<td style='vertical-align:middle' valign='middle' width='15%'><div>Compártelo:</div></td><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img188.imageshack.us/img188/5378/delicioushx9.gif' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img src='http://img10.imageshack.us/img10/9247/bitacoras.png' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' target='_blank'><img src='http://img188.imageshack.us/img188/9284/rssf.png' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img46.imageshack.us/img46/5803/digggn.gif' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img34.imageshack.us/img34/2607/googlez.png' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img207.imageshack.us/img207/6710/yahooweb.gif' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://www.technorati.com/faves?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img231.imageshack.us/img231/4666/technorati.gif' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img207.imageshack.us/img207/3607/meneame.png' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://twitter.com/home/?status=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img60.imageshack.us/img60/2700/twitterq.png' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img26.imageshack.us/img26/2134/liverww.png' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img8.imageshack.us/img8/8239/myspacexhm.png' style='border:0px; padding:2px' valign='bottom'/></a><a expr:href='"http://facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img src='http://img170.imageshack.us/img170/3513/facebooko.png' style='border:0px; padding:2px' valign='bottom'/></a>

Guardas la pantilla y listo.

Generar Efecto "Botón" en tu barra de redes sociales.

Los pasos descritos a continuación son solo si quieres el efecto "Boton" en tu barra de redes sociales, de lo contrario has caso omiso a las siguientes instrucciones, ya que con el tip anterior tu barra ya se generará automaticamente en cada una de tus entradas.