Personalizando los botones sociales de AddThis – Credito – dinero

AddThis es una antigua pero muy buena opción para agregar de una tacada varios botones sociales. Con ellos vuestros lectores podrán enviar fácilmente las entradas que les gusten a las más conocidas redes.

También podrán utilizar directamente otros servicios adicionales como enviar el post por correo, añadir a Google Reader o imprimir la página. Este proveedor facilita además un botón adicional desplegable que con sólo pasar el puntero por encima de él, conduce amás de 300 destinos distintos.

La forma de conseguir el artilugio es bastante sencilla pues sólo hay que seleccionar uno de los tres estilos que se ven en su portada, pinchar enGET CODE y copiar el código que aparece.

Hay una pantalla intermedia para registrarte que puedes cerrar sin problemas si no deseas ser fichado, ya que esto sólo sería necesario si además de los botones, quieres poder consultar posteriormente ciertos datos analíticos -por otra parte interesantes- sobre su utilización.

El resultado en cualquier caso será algo cómo esto, dónde ya podéis comprobar cómo funcionan los botones y sobre todo el de fondo rojo que lleva un signo +. Desde ese se puede acceder a los 10 que hayamos marcado como favoritos y que incluye una última opción para acceder al resto:más...(334).

El código por defecto será este y lo vemos para entender las modificaciones que a continuación vamos a realizar:

!-- AddThis Button BEGIN --
div class="addthis_toolbox addthis_default_style "
a class="addthis_button_preferred_1"/a
a class="addthis_button_preferred_2"/a
a class="addthis_button_preferred_3"/a
a class="addthis_button_preferred_4"/a
a class="addthis_button_compact"/a
a class="addthis_counter addthis_bubble_style"/a
/div
script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ee1153f3c5aa1d6"/script
!-- AddThis Button END --

He marcado unas cuantas cosas en verde porque son las que vamos a ver cómo cambiar.

En primer lugar nos fijamos en la parte de abajo, que es dónde aparece el código de seguimiento para el análisis posterior de los botones. Es el dato que viene tras#pubid y que en el ejemplo es elxa-4ee1153f3c5aa1d6. Aunque creo que si no necesitáis análisis os da igual cual poner, lo comento por si estáis en el caso contrario y tenéis que usar el vuestro propio, el que os asigne AddThis.


Lo siguiente a destacar es que las líneasa class="addthis_button_preferred_1"/a las podéis intercambiar de sitio entre ellas para que los botones se muestren el el orden que vosotros queráis.

El siguiente cambio que podemos hacer directamente desde el código es el estilo de los botones. Para ello sólo tenemos que modificar la clase bajo la que va todo el artilugio, con las siguientes opciones:

• class="addthis_toolbox addthis_default_style"
  ➽ Botones por defecto de 16x16 px
• class="addthis_toolbox addthis_default_style addthis_32x32_style"
  ➽ Botones de 32x32px

Y para el final la parte que me parece más interesante: la forma de incluir los botones concretos de los servicios que nosotros queramos. Para esto lo que habría que cambiar sería la última parte deaddthis_button_preferred_1. En esa última parte (en verde) tendremos que sustituir la expresiónpreferred_X por el nombre del botón que deseamos.

!-- AddThis Button BEGIN --
div class="addthis_toolbox addthis_default_style addthis_32x32_style "
a class="addthis_button_twitter"/a
a class="addthis_button_facebook"/a
a class="addthis_button_linkedin"/a
a class="addthis_button_tumblr"/a
a class="addthis_button_pinterest_share"/a
a class="addthis_button_meneame"/a
/div
script src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ee1153f3c5aa1d6" type="text/javascript"
/script
!-- AddThis Button END --

Algunos son tan fáciles cómo poner el nombre del servicio, pero otros vienen un poco modificados por existir servicios con nombres similares o varias opciones para el mismo servicio. Para salir de dudas, lo mejor es comprobar la denominación exacta eneste listado que nos ofrece AddThis. Con esa guía podremos montar una batería de botones tan larga como queramos.

✚

✚

✚

✚

Como veis se pueden incluir algunos servicios que no se corresponden con redes sociales y que también pueden resultar interesantes, como el acortador bit.ly o el traductor de Google.

Faltan los botones que permiten contadores, pero esos tienen algunos parámetros que varían según el tipo de botón y no he encontrado un listado como el anterior. Hay que tener en cuenta que Google Plus siempre se muestra con contador, así que no se puede poner de otra manera. De todas formas, para los siguientes servicios y un ancho de 16px, he encontrado los más usuales: Facebook Like, Twitter, Google Plus y el propio de AddThis:

!-- AddThis Button BEGIN --
div class="addthis_toolbox addthis_default_style "a class="addthis_button_facebook_like" fb:like:layout="button_count"/a
a class="addthis_button_tweet"a class="addthis_button_pinterest_pinit"/a/aa class="addthis_button_google_plusone" g:plusone:size="medium"/a
a class="addthis_counter addthis_pill_style"/a
/div
!-- AddThis Button END --

Y casi se me olvida... El sitio dónde insertar este código, sea el que sea el que utilicéis es libre. Por ejemplo lo podéis copiar dentro de un gadget en la barra lateral, que parece la opción más fácil, pero quizás el sitio más adecuado es dentro del pie del post (post-footer) en algunos de lospost-footer-line post-footer-line-X que casi todas las plantillas Blogger suelen llevar.

washington mesothelioma attorney boulder personal injury lawyers PHD on Counseling Education Online colledges Auto Mobile Insurance Quote mesothelioma care Mobile casino Php programmers Car insurance in South Dakota Social media strategies Car Donate insurance medical temporary Criminal defense attorneys Florida Register Free Domains automobile accident attorney Online casino motorcycle lawyer los angeles Dayton Freight Lines Hire php developer cheaper insurance companies orlando criminal attorney peritoneal mesothelioma asbestos lung cancer workers compensation lawyer los angeles Cheap Auto Insurance in VA Personal Injury Law Firm CAR INSURANCE QUOTES MN truck accident attorney texas Structures Annuity Settlement Donate Your Car Sacramento Asbestos Lawyers Social media examiner World Trade Center Footage Holland Michigan College Hard drive Data Recovery Services Dwi lawyer DONATE OLD CARS TO CHARITY Make money online Australia Casino best criminal lawyer in arizona Futuristic Architecture Seo services Business Voip Solutions DONATE CARS ILLINOIS Hire php developers domain name yahoo domain registration yahoo Criminal lawyer Motor Insurance Quotes Casino reviews Live casino Php programmers for hire STRUCTURED ANNUITY SETTLEMENT DUI lawyer Social media platforms for business Forensics Online Course cell cycle regulation ppt Car Accident Lawyers Hire php programmers how to donate a car in california donate your car for kids Tech school Online Criminal Justice Degree Cheap Car Insurance for Ladies Photo Christmas cards Sell Annuity Payment Best social media platforms Donate Old Cars to Charity Seo companies Psd to WordPress colorado mesothelioma lawyers Service business software Criminal defense lawyer georgia truck accident lawyer Donate your Car for Money mesothelioma HOME PHONE INTERNET BUNDLE alabama mesothelioma lawyer Webex Costs DONATE YOUR CAR SACRAMENTO Christmas cards wisconsin mesothelioma attorney Custom Christmas cards Bankruptcy lawyer Computer science classes online Social media tools Best social media platforms for business New social media platforms Business finance group business administration masters WordPress hosting Massage School Dallas Texas CAR INSURANCE QUOTES UTAH Best Seo company Custom WordPress theme designer Car Insurance in South Dakota car insurance quotes pa Business management software Car Insurance Quotes Colorado asbestos exposure lawyers mesothelioma attorneys california NUNAVUT CULTURE Donate Car to Charity California mesothelioma suit Seo company webex costs Online Christmas cards ONLINE MOTOR INSURANCE QUOTES best accident attorneys PhD in counseling education Donating a Car in Maryland WordPress themes for designers CHEAP DOMAIN REGISTRATION HOSTING Donate your car Sacramento Met auto mesothelioma charities holland michigan college Annuity Settlements REGISTER FREE DOMAINS VIRTUAL DATA ROOMS car insurance quotes mn Social media management selling structured settlement MET AUTO Psychic for Free Html email HOW TO DONATE A CAR IN CALIFORNIA Social media platforms Best criminal lawyer in Arizona Proud Italian cook Psd to html Donate Car for Tax Credit Royalty Free Images Stock Health Records Personal Health Record refinance with poor credit new mexico mesothelioma lawyer Paperport Promotional Code Italian cooking school Neuson WordPress theme designers NEUSON Low Credit Line Credit Cards Adobe illustrator classes Learning adobe illustrator mesothelioma compensation Social media campaigns CAR INSURANCE QUOTES PA Mesothelioma Law Firm pharmacist jobs in chicago emergency response plan ppt maritime lawyer houston mesothelioma attorney directory Car Insurance Quotes MN Donate Cars in MA refinance with bad credit city college in miami How to Donate A Car in California Donate Your Car for Kids mesothelioma survival rates Cheap Car Insurance in Virginia meso lawyer dui lawyer scottsdale fortis health insurance temporary Automobile Accident Attorney event management security Nunavut Culture Car insurance quotes Colorado Mortgage Adviser Donate a Car in Maryland DONATE A CAR IN MARYLAND criminal defense attorneys florida yahoo web hosting Motor Replacements motor replacements Cheap Domain Registration Hosting buying structured settlements mesothelioma law firm Online Colleges motorcycle accident lawyer san francisco lease management software Online classes lawsuit mesothelioma Donate Cars Illinois Best Criminal Lawyers in Arizona mesothelioma lawyers san diego Cheap car insurance for ladies Criminal Defense Attorneys Florida Car Insurance Quotes Utah Life Insurance Co Lincoln Online Motor Insurance Quotes structered settlement Online Classes HOLLAND MICHIGAN COLLEGE Dedicated Hosting Dedicated Server Hosting MOTOR REPLACEMENTS car donate state of california car insurance Business VOIP Solutions los angeles motorcycle accident lawyer Dallas Mesothelioma Attorneys motorcycle accident lawyer california Dayton freight lines business email web hosting Massage school Dallas Texas WORLD TRADE CENTER FOOTAGE injury lawyer houston tx Met Auto Home Phone Internet Bundle Donating Used Cars to Charity mesothelioma attorney california