jueves, 3 de abril de 2008

barra botones sociales en blogger

a continuacion detallo los pasos para incluir la barra de botones sociales de sitios en español que podeis observar al final de mis post para vuestro blog de blogger.
la barra tiene tres partes, los iconos de:

http://www.meneame.net/

http://www.mirlobolsa.com/

http://www.wikio.com/

http://www.accioname.com/

http://www.corank.com/

http://www.fresqui.com/

http://www.mister-wong.es/

http://www.negociame.com/

http://www.webalalza.com/

http://www.topfn.com/

http://www.barrapunto.com/

el boton de subscribete

y el boton social de share this:

para incluir estos botones primero abre blogger y en la solapa de diseño, edicion de html y activa la casilla x Expandir plantillas de artilugios.

busca la linea

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

esta seria la cabecera

<div class='rsociales'> <table border='0'> <tr>

este es el codigo que corresponde a los botones sociales en español

<td><p>Enviar a:</p></td>

<td><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Enviar a Meneame' class='rsociales-sobre' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaKPC1PanALkSoSyGI-LGn8HiQB6LeO58SPTP75051lnRYwp5-dYUGmPOqC57lWPwQMycLUdkDS6NO-4EoHI0lzTmqd6FlnAzW2vzU1dwI0QVGCi8XLFc3LYvRUYQZKyiE5ozPzvs9WAk/s1600/meneame.png' title='Enviar a Meneame' width='16'/></a></td>

<td><a expr:href='"http://www.mirlobolsa.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Enviar a Mirlobolsa' class='rsociales-sobre' height='16' src='http://lh6.google.es/pezpiloto/R9RxQoL_RsI/AAAAAAAABRA/q3zWEJaQTNk/s144/icon_mirlobolsa_s16.png' title='Enviar a Mirlobolsa' width='16'/></a></td>

<td><a expr:href='"http://www.wikio.es/vote?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Enviar a Wikio' class='rsociales-sobre' height='16' src='http://lh6.google.es/pezpiloto/R-6D1MBfLRI/AAAAAAAABdc/-F7f-NCVrz4/s144/wikio2.png' title='Enviar a Wikio' width='16'/></a></td>

<td><a expr:href='"http://www.accioname.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Enviar a Accioname' class='rsociales-sobre' height='16' src=' http://img130.imageshack.us/img130/3341/accionameyy0.jpg ' title='Enviar a Accioname' width='16'/></a></td>

<td><a expr:href='" http://es.corank.com/cgi-bin/rkSubmit.cgi?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt=' Enviar a coRank ' class='rsociales-sobre' height='16' src='http://lh3.google.es/pezpiloto/R9RxB4L_RmI/AAAAAAAABQQ/ecGFULEagYs/s144/icon_corank_s16.png' title='Enviar a coRank ' width='16'/></a></td>

<td><a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Enviar a fresqui' class='rsociales-sobre' height='16' src='http://lh4.google.es/pezpiloto/R9RxCIL_RpI/AAAAAAAABQo/tEpID3WKIls/s144/icon_fresqui_s16.png' title='Enviar a fresqui' width='16'/></a></td>

<td><a expr:href='"http://www.mister-wong.es/index.php?action=addurl&bm_url=" + data:post.url + "&bm_description=" + data:post.title' target='_blank' title='Enviar a Mister Wong'><img alt='Enviar a Mister Wong' border='0' class='rsociales-sobre' height='16' src='http://www.mister-wong.es/img/es/buttons/wong18.gif' width='16'/></a></td>

<td><a expr:href='"http://www.negociame.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Enviar a Negociame' class='rsociales-sobre' height='16' src='http://lh6.google.es/pezpiloto/R9RxQoL_RtI/AAAAAAAABRI/FfEfMInMDaE/s144/icon_negociame_s16.png' title='Enviar a Negociame' width='16'/></a></td>

<td><a expr:href='"http://www.webalalza.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Enviar a Webalalza' class='rsociales-sobre' height='16' src='http://lh3.google.es/pezpiloto/R9RxW4L_RwI/AAAAAAAABRg/131R_Xjygqg/s144/icon_webalalza_s16.png' title='Enviar a Webalalza' width='16'/></a></td>

<td><a expr:href='"http://www.topfn.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt=' Enviar a TopFN ' class='rsociales-sobre' height='16' src='http://lh3.google.es/pezpiloto/R9RxW4L_RvI/AAAAAAAABRY/eHmWzZUJwyY/s144/icon_topfn_s16.png' title='Enviar a TopFN ' width='16'/></a></td>

<td><a expr:href='"http://barrapunto.com/submit.pl?story=" + data:post.url + "&subj=" + data:post.title' target='_blank'><img alt=' Enviar a Barrapunto ' class='rsociales-sobre' height='16' src='http://lh4.google.es/pezpiloto/R-57EsBfLMI/AAAAAAAABc0/AdyqO2rTg-w/s144/barrapunto.png' title='Enviar a TopFN ' width='16'/></a></td>

si quieres introducir el boton de subcribirse debes incluir

<td>
<a href='

copia aqui el url de tu blog feed

' rel='alternate' type='application/rss+xml'><img alt='Suscribete' height='16' src='http://www.feedburner.com/fb/images/pub/feed-icon32x32.png' style='BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px' width='16'/></a>
</td>

si quieres incluir el boton de share this debes darte de alta en la pagina web

http://sharethis.com/publisher

seguir los pasos y copiar el codigo que te indican

<td>

copia aqui el codigo html que te indican

</td>

share this tiene una opcion para poner directamente en blogger pero el boton lo coloca al final del post y no lo puedes mover de sitio.

el enlace es este

http://sharethis.com/blogger

podeis probar que os gusta mas

finalmente hay que cerrar el codigo añadiendo al final estas lineas

</tr></table>
</div></p>

si este post te ha resultado util agradeceriamos incluyeras en tu blog un enlace a la bolsa del pez piloto.

enlazame: Enlazame

Búsqueda personalizada

exclusion de responsabilidad

el contenido de este blog es el analisis y opinion de un aficionado a la bolsa, esto no implica una recomendacion de compra o venta, dicha decision es responsabilidad unica y exclusivamente de cada inversor