Cómo poner el botón compartir de Twitter en Blogger – Settlement – Record – Criminal

Hay dos botones de Twitter que no pueden faltar en tu blog, por un lado el botón seguir (follow) y por otro el botón paratwittear una entrada (Tweet Button). Muchas veces se suelen confundir, veamos que diferencia hay entre ambos y luego te mostraré lo fácil que es incluir el botón de twittear en Blogger.

El botón seguir de Twitter suele aparecer en un lateral o en alguna zona genérica del blog. Mediante este botón los usuarios pueden seguir tu cuenta de Twitter y además puedes mostrar un contador con el número total de seguidores. Si no tienes este botón en tu blog o no tienes una cuenta de Twitter, consultaeste tutorial donde te explico, paso a paso, cómo incluirlo.

Ejemplo de botón seguir, con el contador de número de seguidores

Qué es el botón Twittearde Twitter

El botón Twitteares el que se utiliza para compartir las entradas del Blog. Se suele colocar al final del artículo, junto con otros botones sociales. Es la mejor forma de facilitar a tus lectores el que puedan compartir en esta red social.

Un ejemplo del botón Twittear con contador en vertical

Blogger ofrece una botonera propia, donde incluye la mayoría de botones sociales. Twitter también está en esa lista de botones, pero como puedes observar en la imagen, pasa bastante desapercibido. Otro de los puntos negativos de este conjunto de botones es la falta de opciones para configurarlo.

La mejor opción es poner nuestros propios botones para todas las redes sociales que deseemos incluir, de esta forma podrás personalizarlo y configurarlo con el estilo de tu blog.

Para desactivar los botones sociales que aparecen por defecto en Blogger, debes acceder a "Blogger Diseño" y editar el gadget "Entradas del Blog", en la ventana emergente que te aparece busca la opción "Mostrar botones para compartir" y desmárcala.

Cómo poner el botón Twittear

1. Haz una copia de seguridad de tu plantilla
   Blogger Plantilla Crear/Restablecer copia de seguridad
2. Accede al código HTMLde tu plantilla
   Blogger Plantilla Editar HTML
3. Copia este código
   

   a class='twitter-share-button' data-count='vertical' data-lang='es' data-via='BloggerAyudaCom' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'Twittear/a

4. Pega el código en la zona donde quieras que aparezca el botón
1. Si quieres colocar el botón al final de las entradas
   Busca todas las apariciones de "post-footer-line post-footer-line-1" (mediante CTRL+ F) y copia el código del punto 3 justo debajo de esa línea
2. Si vas a colocar el botón al principio de las entradas
   Busca todas las apariciones de "post-header-line" (CTRL+ F) y copia el código del punto 3 justo debajo
5. SustituyeBloggerAyudaCom por el nombre de tu cuenta de Twitter
6. Guarda la plantilla y visualiza el resultado

El código de ejemplo da por hecho que ya tenías el botón seguir o algún otro gadget de Twitter. Si no te funciona, debes añadir este código justo debajo del código creado en el proceso anterior:

script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script

Elige el botón que más te guste

Si quieres cambiar el aspecto del botón, solo tienes que sustituir el código que habías copiado en el paso 3 por cualquiera de los que los botones que se muestran a continuación.

Botón sin contador

a class='twitter-share-button' data-count='none' data-lang='es' data-via='BloggerAyudaCom' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'Twittear/a

Resultado

Twittear

Botón con contador a la derecha

a class='twitter-share-button' data-lang='es' data-via='BloggerAyudaCom' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'Twittear/a

Resultado

Twittear

Botón con contador superior

a class='twitter-share-button' data-count='vertical' data-lang='es' data-via='BloggerAyudaCom' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'Twittear/a

Resultado

Twittear

Botón grande con contador

a class='twitter-share-button' data-size='large' data-lang='es' data-via='BloggerAyudaCom' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'Twittear/a

Resultado

Twittear

Opciones avanzadas

Twitter dispone de unaherramienta online para desarrolladores, desde donde puedes generar visualmente el botón Twittear. Solo tienes que utilizar el código que te genera la herramienta e incluirlo en tu plantilla siguiendo los mismos pasos que vimos antes.

Aunque la herramienta anterior es bastante completa, no dispone de todas las opciones posibles. Si quieres controlar el botón de compartir al máximo tienes que hacerlo desde el código, utilizando atributosdatade la etiquetaa.

El código del botón tiene la estructuraa class='twitter-share-button' href='http://twitter.com/share'data-parametro1='valor1' data-parametro2='valor2' ...Twittear/a.

Hay dos parámetros que estamos usando de forma dinámica, mediante las variables de plantilla de Blogger:

• expr:data-text='data:post.title'
  Mediante este comando Blogger incluirá el texto del título de nuestra entrada como texto por defecto del Tweet:data-text='título de la entrada actual'
  
• expr:data-url='data:post.canonicalUrl'
  Le solicitamos a Blogger que devuelva la URL de la entrada actual, por lo que el parámetro data queda de la forma:data-url='url de la entrada actual

Tanto el texto del tweet como la url que deseamos compartir son datos básicos y por eso lo incluimos en todos los ejemplos.

Estos son los parámetros que tienes disponibles:

Data	Descripción
data-url	URL de la página a compartir
data-via	Nombre de usuario con el que asocia el Tweet
data-text	El texto por defecto del Tweet
data-related	Cuentas relacionadas
data-count	Posición de la caja con el contador
data-lang	El lenguaje del botón
data-counturl	URL utilizada para contabilizar el número de veces que se comparte
data-hasgtags	Hasgtags asociados al tweet, separados por comas
data-size	Tamaño del botón (medium/large)
data-dnt	Sugerencias personalizadas (true/false)

Supongamos que quieres un botón grande, donde se muestre el contador con el número de veces que se ha compartido y, además quieres asociar el tweet al usuario @usuario. Este sería el código:

a class='twitter-share-button'href='http://twitter.com/share'data-size='large' data-count='horizontal'  data-via='usuario' ...Twittear/a

Si quieres ampliar información técnica sobre el botón compartir puedes visitar lapágina oficial de Twitter de soporte para desarrolladores.

Conclusión

Ya no tienes excusa paraincluir el botón compartir de Twitter en las entradas de tu blog. Como has visto es muy sencillo y lo mejor es que estarás usando el gadget oficial.

El objetivo de de esta serie de artículos es aprender a incluir los botones de compartir de todas las redes sociales y conocer todas las posibilidades que nos ofrece. Una vez repasemos todas las redes sociales, crearemos un nuevo conjunto de botones que sustituirá al que viene en Blogger por defecto.

¿Ya has incluido el botón de compartir en tus entradas? ¿lo vas a hacer?

Fotografía de portada deGarrett Heath,creative commons licensed ( BY )

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

philadelphia mesothelioma lawyer Register Free Domains Online Colleges Online motor insurance quotes Dedicated Hosting Dedicated Server Hosting Service business software Social media platforms buying structured settlements Met Auto car insurance in south dakota orlando criminal attorney Proud Italian cook Dallas mesothelioma attorneys Hire php developers mesothelioma drug personal injury attorney ocala fl miami personal injury lawyer accident attorneys orange county Car Insurance Quotes Utah donating used cars to charity Cheap domain registration hosting Forensics online course structured settlements annuities REGISTER FREE DOMAINS what is structured settlement Dwi lawyer New social media platforms injury lawyers west palm beach Online casino Claim Social media tools Casino DONATE CAR FOR TAX CREDIT Live casino Mobile casino HOME PHONE INTERNET BUNDLE arizona auto accident attorney Donate your car Sacramento World Trade Center Footage Register free domains wisconsin mesothelioma attorney Make money online Australia hair removal washington dc Personal Injury Law Firm Auto Mobile Shipping Quote Hire php developer Online Criminal Justice Degree structured settlement cash out DONATING A CAR IN MARYLAND EMAIL BULK SERVICE car insurance quotes mn Dayton freight lines Criminal lawyer DUI lawyer Casino reviews Donate cars Illinois Seo companies DONATE YOUR CAR FOR KIDS mesothelioma trial attorney AUTO ACCIDENT ATTORNEY Business VOIP Solutions MESOTHELIOMA LAW FIRM lease management software Virtual Data Rooms mortgage adviser CAR INSURANCE QUOTES COLORADO structured settlement purchasers lawsuit mesothelioma car insurance quotes offshore accident lawyer Car insurance quotes pa criminal defense federal lawyer Hire php programmers Motor Insurance Quotes refinance with poor credit Dallas Mesothelioma Attorneys Online Christmas cards car accident lawyer michigan sell structured settlement calculator Computer science classes online motorcycle accident lawyer san francisco average mesothelioma settlement Criminal defense lawyer DONATE OLD CARS TO CHARITY Php programmers for hire Donate Your Car for Kids Donate Car for Tax Credit Cheap car insurance for ladies workplace accident attorney Forensics Online Course Mortgage Adviser donate your car for kids Structures Annuity Settlement Tech school Social media examiner Futuristic Architecture Bankruptcy lawyer Donate Your Car Sacramento HOLLAND MICHIGAN COLLEGE mesothelioma law suit CHEAP CAR INSURANCE IN VIRGINIA Social media management Injury Lawyers mesothelioma settlements onlineclasses personal injury solicitor massage school dallas texas Car Insurance in South Dakota mesotheloma Motor Replacements auto accident attorney car insurance quotes colorado florida car insurance company Php programmers structured settlement blog

Read More

Botones de Redes Sociales con sprites y transiciones CSS3 – Hard drive – Asesor – Platform

Esto me lo han pedido muchos lectores de este blog, y son los botones para las redes sociales que actualmente uso, y como lo prometido es deuda, y ya no me quiero endeudar más, pues aquí va.

Estos botones son para enlazar tus redes sociales:Facebook,Twitter,Google+,RSS Feed, ysuscripción por correo.
Lo que a muchos les resulta atractivo es el efecto que tienen cuando se pasa el cursor sobre ellos, ya que el ícono se mueve hacia arriba mientras el fondo cambia de color.

Este gadget lo veremos en dos versiones, uno con 5 botones pequeños alineados de forma horizontal, y otro de 4 botones un poco más grandecitos y alineados en dos columnas. Están hechos con sprites y transiciones CSS3.

Cualquiera de las dos versiones las vamos a colocar de un solo paso, es decir, pegando tanto los estilos como la estructura HTML dentro de un gadget,¿por qué? por pereza nada más, pero quien quiera poner los estilos en su lugar correspondiente de la plantilla podrá hacerlo sin ningún problema.
Entonces, para ponerlos en tu blog, entra enDiseño | Añadir un gadget | HTML/Javascript y ahí pega el código de los botones que más te gusten.

Este es la primera versión de 5 botones.

Y este es el código que has de pegar en tu gadget:

style
/* Botones de Redes Sociales - Ciudad Blogger */
.social_bookmarks_container {
width:100%;
height:65px;
padding:0;
position:relative;
}
.social_bookmarks {
position:relative;
float:left;
margin:0;
padding:0;
}
.social_bookmarks li {
margin:0 0 1px 1px;
height:57px;
width:57px;
list-style:none;
float:left;
padding:0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.social_bookmarks li a {
float:left;
width:57px;
line-height:24px;
display: block;
text-indent: -99999px;
margin:0px;
outline: none;
padding:0;
min-height:57px;
height:100%;
text-decoration:none;
}
.social_bookmarks .iconrss{background:#A4A4A4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUa_REPJDxCkQor8GafSnwc7fZAIN9X7wHmU1RmgM5kWzfnWuzDYaOiSxrerOtkpdU_XnTk3BsfRGIcWxhyE-5iicDkGg3BBYwa74jt1SLw35aap5WP7e9jcFFi2cdF3xW7_WXPOB9ZIeI/s114/icon-rss.png) top left no-repeat;}
.social_bookmarks .iconrssmail{background:#BDBDBD url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcn-hCwfgeMFtosoaimop0rm0QiC65-3V6rVJagGIqQx5VHVixoH2QYSnzSc9FhpOxqmoQBEEXfTSRVOaP3fLM_DCIYAo6Bj3EWPpaR5a-sXtJV3mz8Mil6RNFMVlffiN5pYodJ0pQK69Y/s114/icon-rssmail.png) top left no-repeat;}
.social_bookmarks .icontwitter{background:#D8D8D8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGdGDnuGpetjZgjl7ZAOaB2YYXJE7MoFCVYndw6irnmhjaMu9UUKpoioXNQ0B0cX_qeAY16iQbeO1F8XMChIogzWTpsgpS-N_AcwA5Vs2hFIcaG1U2iosVV0s87LpBR2jeifvTXty91w7h/s114/icon-twitter.png) top left no-repeat;}
.social_bookmarks .iconfacebook{background:#E6E6E6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrVsZFJ57mGAKIZrng8WKETQuz1WyKqBQwVS8ov_prwE97-BLHH_9a-zSzMPMTvZ8X9gRcu13jDaprZAmeGFkKtozwp02GqystLRhiV_-KgPl68467NlgddL-_RzoEsghwQH2IecQ7Yoo3/s114/icon-facebook.png) top left no-repeat;}
.social_bookmarks .icongplus{background:#F1F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8IK_E8gQjYKycc5aCLSNtIlhMeQL03u6HZTE0c88ecnLxQ3yTsZMo1DyEzslGYw9_x1y-zRxCSNMJo2H_3LbHNY_jGOhtv0hNfeG-uUBhzoVe3oIhLcChxRF-_jcTs21nWMwPWS0ClRcB/s114/icon-gplus.png) top left no-repeat;}
.social_bookmarks .iconfacebook:hover{background-position:center -57px; background-color:#37589b;}
.social_bookmarks .icontwitter:hover {background-position:center -57px; background-color:#46d4fe;}
.social_bookmarks .icongplus:hover {background-position:center -57px; background-color:#de5a49;}
.social_bookmarks .iconrss:hover{background-position:center -57px; background-color:#ff6600;}
.social_bookmarks .iconrssmail:hover{background-position:center -57px; background-color:#FFDE00;}
.social_bookmarks li:hover a{background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLy5WCxXki3j1x6lHvfekuy5WOSQuZuDNVuDs_DVF-A9ZOYrHdjBybyVOeeCevSS8QK1Cb-DqIFXmQn54A9S4DvpVuLCqVVlg7JOMOQR1mwUEs1zg6Heis8AYAnkkbRbrmqseEJ89VkkwY/s57/icon-social-reflect.png) no-repeat;
}
/style
div class='social_bookmarks_container'
ul class='social_bookmarks'
li class='iconrss'
a href='/atom.xml'
RSS
/a
/li
li class='iconrssmail'
a href='http://feedburner.google.com/fb/a/mailverify?uri=NombreDelFeed'
RSS Mail
/a
/li
li class='icontwitter'
a href='http://twitter.com/usuario'
Twitter
/a
/li
li class='iconfacebook'
a href='http://facebook.com/usuario'
Facebook
/a
/li
li class='icongplus'
a href='http://plus.google.com/+usuario/about'
Google Plus
/a
/li
/ul
/div

Esta es la otra versión, la de 4 botones.

Y este es el código que pegarías en tu gadgetHTML/Javascript.

style
/* Botones de Redes Sociales - Ciudad Blogger */
.social_bookmarks_container {
width:176px;
height:176px;
padding:0;
position:relative;
}
.social_bookmarks {
position:relative;
float:right;
margin:0;
padding:0;
}
.social_bookmarks li{
margin:0 0 1px 1px;
height:77px;
width:77px;
list-style:none;
float:left;
padding:0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.social_bookmarks li a {
float:left;
width:77px;
line-height:24px;
display: block;
text-indent: -99999px;
margin:0px;
outline: none;
padding:0;
min-height:77px;
height:100%;
text-decoration:none;
}
.social_bookmarks .iconrss{background:#A4A4A4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUa_REPJDxCkQor8GafSnwc7fZAIN9X7wHmU1RmgM5kWzfnWuzDYaOiSxrerOtkpdU_XnTk3BsfRGIcWxhyE-5iicDkGg3BBYwa74jt1SLw35aap5WP7e9jcFFi2cdF3xW7_WXPOB9ZIeI/s0/icon-rss.png) top left no-repeat;}
.social_bookmarks .icontwitter{background:#D8D8D8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGdGDnuGpetjZgjl7ZAOaB2YYXJE7MoFCVYndw6irnmhjaMu9UUKpoioXNQ0B0cX_qeAY16iQbeO1F8XMChIogzWTpsgpS-N_AcwA5Vs2hFIcaG1U2iosVV0s87LpBR2jeifvTXty91w7h/s0/icon-twitter.png) top left no-repeat;}
.social_bookmarks .iconfacebook{background:#E6E6E6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrVsZFJ57mGAKIZrng8WKETQuz1WyKqBQwVS8ov_prwE97-BLHH_9a-zSzMPMTvZ8X9gRcu13jDaprZAmeGFkKtozwp02GqystLRhiV_-KgPl68467NlgddL-_RzoEsghwQH2IecQ7Yoo3/s0/icon-facebook.png) top left no-repeat;}
.social_bookmarks .icongplus{background:#F1F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8IK_E8gQjYKycc5aCLSNtIlhMeQL03u6HZTE0c88ecnLxQ3yTsZMo1DyEzslGYw9_x1y-zRxCSNMJo2H_3LbHNY_jGOhtv0hNfeG-uUBhzoVe3oIhLcChxRF-_jcTs21nWMwPWS0ClRcB/s0/icon-gplus.png) top left no-repeat;}
.social_bookmarks .iconfacebook:hover{background-position:center -77px; background-color:#37589b;}
.social_bookmarks .icontwitter:hover {background-position:center -77px; background-color:#46d4fe;}
.social_bookmarks .icongplus:hover {background-position:center -77px; background-color:#de5a49;}
.social_bookmarks .iconrss:hover{background-position:center -77px; background-color:#ff6600;}
.social_bookmarks li:hover a{background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLy5WCxXki3j1x6lHvfekuy5WOSQuZuDNVuDs_DVF-A9ZOYrHdjBybyVOeeCevSS8QK1Cb-DqIFXmQn54A9S4DvpVuLCqVVlg7JOMOQR1mwUEs1zg6Heis8AYAnkkbRbrmqseEJ89VkkwY/s0/icon-social-reflect.png) no-repeat;
}
/style

div class='social_bookmarks_container'
ul class='social_bookmarks'
li class='iconrss'
a href='/atom.xml'
RSS
/a
/li
li class='icontwitter'
a href='http://twitter.com/usuario'
Twitter
/a
/li
li class='iconfacebook'
a href='http://facebook.com/usuario'
Facebook
/a
/li
li class='icongplus'
a href='http://plus.google.com/+usuario/about'
Google Plus
/a
/li
/ul
/div

Fácil y rápido, ¿no? Lo único que resta hacer es poner tus nombres de usuario de cada red social donde se indica encolor rojo.
En el caso de la primera versión deberás poner el nombre de tu feed de Feedburner donde se indica, y por supuestotener activada la suscripción por correo electrónico en Feedburner.

Y si no te gustan los colores, también puedes cambiarlos. Los códigos hexadecimales que están ennegrita son los colores en su estado normal, y los que están encolor naranja son los colores al pasar el cursor.

Y ahora sí, es todo.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

HOW TO DONATE A CAR IN CALIFORNIA Donate Car To Charity CALIFORNIA domain yahoo car insurance in south dakota WordPress hosting Mobile casino Live casino structured annuity settlement MET AUTO diagnosed with mesothelioma Nunavut Culture Casino holland michigan college DONATE CARS IN MA buyer of structured settlement annuity Massage school Dallas Texas injury attorney baton rouge BETTER CONFERENCING CALLS asbestos mesothelioma lawsuit Social media campaigns Insurance Companies Hire php developer CAR INSURANCE QUOTES UTAH PhD in counseling education Christmas cards Online casino ONLINECLASSES Hire php programmers online motor insurance quotes mesothelioma charities Social media platforms fast cash for house Php programmers Php programmers for hire Royalty Free Images Stock HOLLAND MICHIGAN COLLEGE structured settlement quote sell your structured settlement payments Donate Old Cars to Charity Make money online Australia Casino reviews Best Seo company structured settlement sell virtual data rooms DUI lawyer Online colledges Cheap Domain Registration Hosting Donate your car Sacramento Hire php developers motorcycle accident attorney sacramento Photo Christmas cards Mortgage mesothelioma attorneys Car Donate Service business software Better Conference Calls Email Bulk Service Online Christmas cards online criminal justice degree Social media tools Structures Annuity Settlement Italian cooking school CAR DONATE register free domains buying an annuity calculator DONATE YOUR CAR FOR MONEY average mesothelioma settlement CHEAP DOMAIN REGISTRATION HOSTING auto accident lawyer san francisco structered settlement best consolidation loan student sell structured settlement calculator best criminal lawyer in arizona car insurance quotes Adobe illustrator classes Dwi lawyer Cheap domain registration hosting Holland Michigan College Criminal lawyer DONATE CARS ILLINOIS mesothelioma law firm home phone internet bundle event management security Criminal defense lawyer Car insurance quotes MN hughes net business Donate Car for Tax Credit mesothelioma attorney assistance Donate your car for kids Computer science classes online Life insurance co Lincoln Neuson Sell Annuity Payment injury lawyers LOW CREDIT LINE CREDIT CARDS Dallas Mesothelioma Attorneys Bankruptcy lawyer Criminal defense attorneys Florida Cheap auto insurance in VA email bulk service mesothelioma compensation anti spam exchange server Donating a Car in Maryland Car Insurance Quotes PA futuristic architecture Custom WordPress theme designer motorcycle lawyer los angeles Business finance group hair removal washington dc Cheap Auto Insurance in VA buy structured settlements Donate car to charity California mesotheioma Business management software How to Donate A Car in California

Read More

Cómo poner el botón Seguir de Twitter en tu Blog – Online – Miami – Shipping

Si tienes un blog, debes conocerla importancia de tener presencia en la redes sociales. Como bien sabes, Twitter es una de las grandes, es una red social que se distingue de la competencia por su forma de acercar la información a sus suscriptores.

En este artículo veremoscomo añadir el botón de seguir de Twitter. Hay que tener en cuenta que, al igual que la mayoría de redes sociales, Twitter ofrece un conjunto de "gadgets" para que podamos incluirlos en nuestro blog.

El que veremos en esta ocasión es el de seguimiento de nuestra cuenta, el que Twitter denominaFollow Button. Mediante este botón, los usuarios podrán seguirte de forma sencilla desde tu blog.

Paso 1: Creáte una cuenta de Twitter

Si ya tienes abierta una cuenta en Twitter, recuerda que tendrás un nombre de usuario del tipo@usuario, memorízalo y ve al paso 2.

Si no tienes cuenta en Twitter, accede awww.twitter.comy selecciona la opción "Regístrate en Twitter", el proceso de registro es muy intuitivo y en unos minutos tendrás tu nueva cuenta de Twitter creada.

Paso 2: Elige el botón que más te guste

Twitter ofrece la posibilidad de personalizar el botónfollow, mediante parámetrosdataque podemos añadir directamente en el código. Si no quieres complicaciones, elige el más que te guste de los que te muestro a continuación:

Botón seguir de Twitter estándar

a href="https://twitter.com/bloggerayudacom" class="twitter-follow-button" data-show-count="false" data-lang="es"Seguir a @bloggerayudacom/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Botón seguir de Twitter con contador

a href="https://twitter.com/bloggerayudacom" class="twitter-follow-button" data-show-count="true" data-lang="es"Seguir a @bloggerayudacom/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Botón seguir de Twitter grande

a href="https://twitter.com/bloggerayudacom" class="twitter-follow-button" data-show-count="false" data-lang="es" data-size="large"Seguir a @bloggerayudacom/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/script

Paso 3: Coloca el botón seguir en tu blog

1. En Blogger, elegimos la opción Diseño y desde aquí elegimos la opción Añadir un gadget, en la sección de la plantilla donde queramos colocarlo
2. Seleccionamos el gadget "HTML/Javascript"
3. En contenido copia el código que hayas elegido del "Paso 1" y luego sustituye el nombre de la cuenta de Twitter por la tuya (lo que está en negrita en el código de ejemplo)
4. Guarda el gadget
5. Mueve el gadget que acabas de añadir en la posición que desees
6. Visualiza el blog

Opciones avanzadas

Si has seguido los pasos anteriores, ya tienes el botón seguir de Twitter funcionando, pero... quizás no estés contento con el resultado final, o quieres cambiarle el aspecto, ... si eres de los que les gusta profundizar, sigue leyendo...

Twitter dispone de dos formas de incluir el botón de seguir en las páginas, una es la que expongo aquí (javascript) y otra es en modo iframe. Si tuvieses problemas con el código javascript, que hace uso de HTML5, deberás usar el modo iframe.

Si te fijas en el código a incluir en nuestro blog, lo podemos dividir en 2 pasos, por un lado la etiqueta a y por otro la etiqueta script.

El código de la etiqueta script será siempre el mismo, por tanto si ya hacías uso de algún gadget de Twitter, no te hará falta incluirlo. El código interesante es el de laetiquta a, el cual podemos personalizar mediante parámetrosdatade HTML5, veamos las posibilidades:

Data	Descripción
data-show-count	Muestra el número de seguidores: true/false
data-lang	Codigo de idiomaen el que se localiza, ej: es
data-width	Ancho, ej: 300px
data-align	Alineación: left/right
data-show-screen-name	Indica si se muestra nombre en pantalla: true/false
data-size	Tamaño del botón: medium/large
data-dnt	Sugerencias personalizadas: true/false

Supongamos que queremos un botón grande, en el que se muestre el número de seguidores, que aparezca en español y, además, que se ajuste en un espacio de 500 píxeles, alineándolo a la derecha... quedaría algo así:

a href="https://twitter.com/BloggerAyudaCom" class="twitter-follow-button"
data-show-count="true" data-lang="es" data-width="500px" data-align="right" data-size="large"Seguir a @BloggeraAyudaCom/a

Si quieres personalizar aún más la presentación, podríamos derivar la clase "twitter-follow-buttom", para aplicar los estilos CSS que desees.

Si quieres complementar lo visto aquí, puedes visitar lapágina para desarrolladores de Twitter, donde verás la documentación oficial en inglés.

Pues ha dado mucho que hablar un pequeño botón, en próximos artículos veremoscómo sacar el máximo provecho a nuestro blog con otros gadgets interesantes de Twitter. ¿Tienes el botónfollowen tu blog? ¿Lo piensas incluir?

Ahora te pongo mi botón de Twitter, pero con una condición, si te ha gustado este pequeño tutorial... sígueme :-)

Sigue a @BloggerAyudaCom

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Hire php developer structured annuity settlement new york mesothelioma law firm injury lawyer houston tx Cheap Car Insurance in Virginia DONATING A CAR IN MARYLAND buyers of structured settlements Online Christmas cards houston tx auto insurance Online casino Html email CAR INSURANCE QUOTES UTAH Dallas mesothelioma attorneys structured settlement broker Casino reviews Mortgage adviser Car Insurance in South Dakota domains yahoo Better Conference Calls california law lemon Service business software donate your car for kids Business VOIP Solutions Photo Christmas cards Online colledges CRIMINAL DEFENSE ATTORNEYS FLORIDA PHD on Counseling Education WordPress theme designers Social media platforms for business most profitable internet business mesotheloma dallas mesothelioma attorneys Car Insurance Quotes MN BETTER CONFERENCING CALLS Criminal lawyer hair removal washington dc Holland Michigan College Criminal Defense Attorneys Florida Casino Massage School Dallas Texas benchmark lending mesothelioma charities illinois mesothelioma lawyer Social media management Mobile casino DALLAS MESOTHELIOMA ATTORNEYS Make money online Australia WordPress hosting Asbestos Lawyers Donate Your Car for Kids Custom WordPress theme designer Criminal defense lawyer Asbestos Lung Cancer Donate cars Illinois Computer science classes online structured settlement purchasers Donating a Car in Maryland Massage school Dallas Texas Live casino DAYTON FREIGHT LINES Learning adobe illustrator DUI lawyer google adsense mesothelioma law firms Hire php developers car accident lawyer san bernardino mesothelioma lawsuits workers compensation lawyer los angeles Car Accident Lawyers Met Auto buy structured settlements Hire php programmers Php programmers for hire structured settlemen Dwi lawyer Dayton Freight Lines Car Insurance Quotes Utah Donate Car to Charity California Online Colleges los angeles auto accident attorneys royalty free images stock Best criminal lawyer in Arizona Donate cars in ma New social media platforms los angeles motorcycle accident lawyer futuristic architecture motorcycle lawyer los angeles Online Classes Bankruptcy lawyer Seo services Car Insurance Companies Php programmers new mexico mesothelioma lawyer Email bulk service mesothelioma law firm Seo companies Best social media platforms for business structured settlement blog Donate Cars in MA car accident lawyers Donate a car in Maryland orlando criminal attorney Cheap car insurance for ladies earthlink business internet ONLINE MOTOR INSURANCE QUOTES Social media strategies Business finance group home phone internet bundle HARDDRIVE DATA RECOVERY SERVICES Italian cooking school Donate a Car in Maryland domain name yahoo maritime lawyer houston mesothelioma lawsuit SELL ANNUITY PAYMENT

Read More

Twitcker, para mostrar los últimos tuits en forma de marquesina – Platform – Justicia

Twitcker es un servicio gratuito que nos permitemostrar en el blog los últimos tuits en forma de marquesina, como si de un anuncio de noticias se tratara. Lo que hace es mostrar en una barra todos los últimos tuits que hemos publicado, pudiendo configurar la velocidad con la que pasan, la forma como se muestran, los colores, enlaces, etc.
Puedes verlo funcionando aquí mismo, arriba de esta página.

Para conseguir este gadget de últimos tuits entra aTwitcker y da click en el botónSign in with Twitter.

Autoriza a la aplicación para que se cree un script único para ti.

Una vez que lo hagas verás el nombre de tu usuario, y debajo un link para configurar las opciones de la barra de tuits.

Ahí verás una serie de opciones para tu barra de tuits, como por ejemplo controlar la velocidad con la que pasan los tuits, el color de la barra, si se muestran como marquesina o máquina de escribir, etc.

Una vez que termines de personalizarla da click enCreate y tendrás el código, cópialo y luego entra enDiseño | Añadir un gadget | HTML/Javascript y ahí pega el código que has copiado.

La posición puedes elegirla para que se muestre arriba de la página, al final, o en un lugar concreto; si deseas esta última opción (por ejemplo para ponerlo en la sidebar) eligeOwn container dentro deTwitcker position. Ahí escribeTwitterTicker. Después en un gadgetHTML/Javascript agrega esto:

div id="TwitterTicker"
...Aquí el script...
/div

Ahí deberás colocar donde se indica el script que te da Twitcker. De esta forma podrás mostrar tu barra de tuits en cualquier parte del blog.

Como puedes ver es un gadget bastante simpático que puede ayudarnos a conseguir más seguidores ya que nuestros lectores podrán leer en el blog un poco de lo que tuiteamos. Además que, el gadget está lindo ¿no creen?

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Learning adobe illustrator houston tx auto insurance Webex Costs verizon sip DUI lawyer Dwi lawyer ONLINECLASSES New social media platforms los angeles motorcycle accident lawyer Make money online Australia adverse credit remortgage cheap auto insurance in va cheap domain registration hosting Html email mesothelioma trial attorney FORENSICS ONLINE COURSE DONATE CARS ILLINOIS PAPERPORT PROMOTIONAL CODE business email web hosting Forex Trading Platform Social media tools MASSAGE SCHOOL DALLAS TEXAS ashely madis Italian cooking school Massage School Dallas Texas Email Bulk Service buy structured settlements Donate your Car for Money Asbestos Lung Cancer Dallas Mesothelioma Attorneys Online casino Mesothelioma Law Firm Met auto mesothelioma drug Service business software Royalty Free Images Stock Donating Used Cars to Charity Casino reviews Casino Mobile casino futuristic architecture att call conference Hire php developers event management security car insurance companies houston motorcycle accident lawyer semi truck accident lawyers benchmark lending CRIMINAL DEFENSE ATTORNEYS FLORIDA Tech school accident attorney orange county Live casino Car Insurance in South Dakota Business finance group car insurance in south dakota alcohol rehab center in florida saskatchewan auto insurance data recovery raid Social media management Life Insurance Co Lincoln Social media platforms for business accident lawyers in los angeles paperport promotional code PHD on Counseling Education new mexico mesothelioma lawyer personal injury attorney torrance fortis health insurance temporary primary pulmonary hypertension Hire php programmers Php programmers car insurance quotes colorado Criminal defense lawyer Car Accident Lawyers Social media examiner Php programmers for hire Criminal lawyer HOME PHONE INTERNET BUNDLE best criminal lawyer in arizona Futuristic Architecture accident car florida lawyer california motorcycle accident lawyer best consolidation loan student Dayton Freight Lines Seo services Cheap Domain Registration Hosting Paperport Promotional Code Nunavut culture motor insurance quotes AUTOMOBILE ACCIDENT ATTORNEY Psychic for free Personal Injury Lawyer mesothelioma lawyer chicago ASBESTOS LAWYERS structured settlement broker Hire php developer Computer science classes online Social media platforms LIFE INSURANCE CO LINCOLN Bankruptcy lawyer Mortgage Proud Italian cook DONATING USED CARS TO CHARITY Met Auto auto accident lawyer san francisco Donate Cars Illinois WordPress hosting colorado mesothelioma lawyers mesothelioma cases MESOTHELIOMA LAW FIRM lawsuit mesothelioma meso lawyer mesothelioma attorney directory CAR ACCIDENT LAWYERS Custom Christmas cards personal injury law firm

Read More

Fanbox para Facebook, Twitter, y Google Plus, flotantes y con efecto deslizante – Platform

AVISO
La API de Twitter cambió y ahora requiere autenticación para obtener los datos de los seguidores, por tal motivo éste y los demás fanbox para Twitter han dejado de funcionar. Si me entero de una solución u otra alternativa lo publicaré de inmediato.

Hace algún tiempo vimos cómoponer el fanbox de Facebook flotante y con efecto deslizante. En esa ocasión usamos un plugin de jQuery que aunque es bueno tiene la desventaja que la versión gratuita sólo permite poner una pestaña nada más, además que quienes usan otras librerías tenían problemas de compatibilidad.

En esta ocasión lo haremos sólo con CSS, de manera que no utilizaremos ni un solo sript y podremos mostrar no sólo una sino tres pestañas,el fanbox de Facebok,el fanbox de Google+, yel fanbox de Twitter.
Puedes ver un ejemplo en esta misma entrada, lo verás del lado derecho de la ventana.

Bien, para poner estosfanbox flotantes en el blog sólo tenemos que ir aDiseño | Añadir un gadget | HTML/Javascript y ahí pegar el siguiente código:

style
#flotante1 {
position:fixed;
top:100px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1002;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante2 {
position:fixed;
top:240px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1003;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante3 {
position:fixed;
top:380px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1004;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#flotante1:hover, #flotante2:hover, #flotante3:hover {
right:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
div.likeboxwrap {
margin-top:-5px;
margin-left:-45px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
}
/style

!-- Primera pestaña --
div id='flotante1'
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifElrWV4r6oMksdlD1gtJOi8yxCOOuk_F7PUljW3v78hXx-lCktv0hMcZN5YwOZCmlTfWsmoxG6_AW8EZYUXIVbhU-RIya7vmlaz6AZ2DdKEOnKh89IMR38TOavL4qIBKvNCaCCDIUcYw/' style='float:left;'/
div style='background: #3c5a98; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'spandiv class='likeboxwrap'iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebook&width=240&colorscheme=light&connections=15&stream=false&header=false&height=350' style='border:none; overflow:hidden; width:240px; height:325px;'//iframe
/div/span/div/div

!-- Segunda pestaña --
div id='flotante2'
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxo6euyPEIyYT-8dvZqPQS5rOyHjBdhrGiyU6H8gj-qih5WT98pze6nRJ8F2D3HfZs-DpvLRE4iBKvGYJE3eP-IvkPPr0uLm0rRa972afGrGXlUo0b-O5tP0pN0EGhPhtTqDukzAkik6o/s159/goo_tab.png' style='float:left;'/
div style='background: #9A9FA8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'spandiv class='likeboxwrap' style="padding-left:20px; padding-top:15px; height:310px !important;"

div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/XXXXXXXXXXXXXX" data-source="blogger:blog:followers" data-width="240"
/div
script type="text/javascript"
(function() {
window.___gcfg = {'lang': 'es'};
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
/script

/div/span/div/div

!-- Tercera pestaña --
div id='flotante3'
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6pIcAKZQlPYIxiifg4_Dy08I9A_iQjl9OdFxadfg7YRNt1Slk0jqePYOuCfcCyngAJXUKsw-xPFH1gqioJZgIyXupUlA1LLNjDurcCbYfZsYbO-KBTLIT-ylk5crjW7MidwgSujyfT4/' style='float:left;'/
div style='background: #00a0e8; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'spandiv class='likeboxwrap'
script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/script
style
.follow_box_widget{overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-color: #fff transparent; position: relative; margin: auto;}
.follow_box{font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #333; line-height: 1.28; text-align: left; direction: ltr;}
.follow_box .follow_top{padding: 5px 10px 0px 5px; margin-bottom: 8px; min-width: 230px; overflow: hidden;}
.follow_box .profileimage{float: left; width: 40px; height: 40px; padding: 0px; margin: 0 10px 4px 0;}
.follow_box img{border: 0;}
.follow_box a{cursor: pointer; color: #3B5998; text-decoration: none;}
.follow_box a:hover{text-decoration: underline;}
.follow_action{padding: 0 0 0 8px;}
.follow_box .follow_action .name{line-height: 15px; font-size: 14px; font-weight: bold;}
.follow_box .follow_button{margin: 5px 0 0;}
.follow_box .total{min-width: 230px; overflow: hidden; display: block;}
.follow_box .connections{padding: 5px 0 4px 0px; border-top: solid 1px #D8DFEA; border-bottom: 1px solid #CCC; min-height: 150px;}
.follow_box .connections .connections_grid{padding-top: 5px; overflow: hidden;}
.follow_box .clearfix{zoom: 1;}
.follow_box .connections .connections_grid .grid_item{float: left; margin:0px; margin-right: 5px; margin-bottom: 8px; overflow: hidden; width: 50px;}
.follow_box .connections .connections_grid .grid_item .name{font-size: 9px; color: gray; overflow: hidden; padding-top: 2px; text-align: center; white-space: nowrap;}
.follow_box .connections .connections_grid .grid_item img{width: 48px; height: 48px;}
.follow_box .follow_widget_footer{ cursor: default; width: 100%; min-width: 230px; overflow: hidden;}
.follow_box .footer_border{ margin-top: 5px;}
.follow_box .uiImageBlock{line-height: 14px;}
.follow_box .follow_widget_footer .footer_logo{float: left; margin-right: 5px;}
.follow_box .follow_widget_footer .footer_text{cursor: default; color: #808080; font-size: 9px; float: left;}
.follow_box .follow_widget_footer .footer_text a.footer_text_link{color: #808080;}
.follow_box .titlecase{text-transform:capitalize;}
/style
script
/*
* Twitter Follow Box jQuery Plugin
* http://jobyj.in/twitter-follow-box-widget/
* Copyright 2012, Joby Joseph
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
(function(a){a.fn.followbox=function(b){function f(a,b){if(a100)a=100;var c=new Array;for(var d=0;da;d++){c.push(b[d])}var e=c.join();return e}var c=a(this);var d="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlARATx2aH3yW9nD-Jt5QGEPYeEk77k1RblnEuw70QmYfay6GF-BhyphenhyphenXgWK4rwVUM9hTVwRKqq1qEkgPg5XaHyTyYPyyzCODLwPo0EhO5mPWB8PFh9gTHRoKLoRa4SMYV8QbVMlftBJmHE/";var e=a.extend({user:"jobysblog",width:292,height:252,theme:"light",border_color:"#AAA",bg_color:"#fff",bg_image:"",title_color:"#3B5998",total_count_color:"#333",follower_name_color:"#BBB"},b);a.ajax({url:"http://api.twitter.com/1/users/lookup.json?screen_name="+e.user+"&include_entities=true",dataType:"jsonp",success:function(b){var g=e.width-2;var h=e.height-2;var i=e.height-115;var j=parseInt(e.width/55);var k=parseInt(i/69)+1;var l=j*k;c.html('div class="follow_box_main" style="border: 1px solid #bbb; width: '+g+"px; height: "+h+'px;"div class="follow_box_widget"div class="follow_box"divdiv class="follow_top clearfix"a href="http://www.twitter.com/'+e.user+'" target="_blank"img class="profileimage img" src="'+b[0].profile_image_url_https+'" alt="'+b[0].name+'"/adiv class="follow_action"div class="name_block"a href="http://www.twitter.com/'+e.user+'" target="_blank"span class="name titlecase"'+b[0].name.toLowerCase()+"/span @"+b[0].screen_name+'/a/divdiv class="follow_button"iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name='+e.user+'&show_count=false&show_screen_name=false&lang=es" style="width:100px; height:20px;"/iframe/div/div/divdiv class="connections"span class="total"span class="follow_box_follower_count"'+b[0].followers_count+'/span personas siguen a b class="titlecase"'+b[0].name.toLowerCase()+'/b/spandiv class="connections_grid clearfix" style="height:'+i+'px;"/div/div/divdiv style="height: 23px"div class="follow_widget_footer"div class="footer_border"div class="clearfix uiImageBlock"a class="footer_logo" target="_blank" href="http://jobyj.in/twitter-follow-box-widget"img src="'+d+'"//adiv class="footer_text"a class="footer_text_link" target="_blank" href="http://jobyj.in/twitter-follow-box-widget"Twitter Social Plugin/a/div/div/div/div/div/div/div/div');if(e.theme=="dark"){c.find(".follow_box_main").addClass("dark")}c.find(".follow_box_follower_count").text(c.find(".follow_box_follower_count").text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,"));if(a.browser.msie&&!a.support.boxModel)a(".follow_box .connections").css("padding-bottom","14px");if(e.theme=="custom"){c.find(".follow_box_main").css({"border-color":e.border_color,"background-color":e.bg_color,"background-image":'url("'+e.bg_image+'")'});c.find(".follow_box a").css({color:e.title_color});c.find(".follow_box .total").css({color:e.total_count_color})}a.ajax({url:"https://api.twitter.com/1/followers/ids.json?cursor=-1&screen_name="+e.user,dataType:"jsonp",success:function(b){var d=f(l,b.ids);a.ajax({url:"https://api.twitter.com/1/users/lookup.json?user_id="+d+"&include_entities=true",dataType:"jsonp",success:function(b){for(var d=0;db.length;d++){var f=a.trim(b[d].name);var g=f.split(" ");var h='div class="grid_item"a href="http://twitter.com/'+b[d].screen_name+'" target="_blank"img class="img" src="'+b[d].profile_image_url+'" alt=""div class="name titlecase"'+g[0].toLowerCase()+"/div/a/div";c.find(".connections_grid").append(h)}if(e.theme=="custom"){c.find(".connections .connections_grid .grid_item .name").css({color:e.follower_name_color})}}})}})}})}})(jQuery)
/script
script
$(document).ready(function(){
$('#twitterfollowbox').followbox({
'user':'usuarioTwitter',
'height':'300',
'width':'260',
'theme':'custom',
'border_color':'#ffffff',
'bg_color':'#ffffff',
'bg_image':'',
'title_color':'#3B5998',
'total_count_color':'#333333',
'follower_name_color':'#BDBDBB'
});
});
/script
div id="twitterfollowbox" class="follow-box-container" /div

/div/span/div/div

Agrega donde se indica el nombre de tu página de Facebook, también pon la ID de tu página de Google Plus en donde están las equis en rojo, y el nombre de tu usuario de Twitter también donde se indica en color rojo.

El ID de tu página de Google Plus lo puedes ver ingresando a tu página, y al final de la URL aparecerán una serie de letras y números, ese es tu ID.

En el caso del fanbox de Twitter hemos usado elfanbox para Twitter que vimos recientemente, pero puedesusar otro, o bien, quitar la pestaña, o sustituirla por otro contenido, pues al menos ese fanbox sí usa jQuery y puede causar incompatibilidad con otros scripts.

En caso de que quieras cambiar alguna pestaña por otro tipo de contenido tendrás que localizar la URL de la imagen de la pestaña (color azul) y sustituirla por la que diseñes, luego quitar el contenido de la pestaña (según sea el caso) y en su lugar poner el código que desees.

La ventaja de este método es que no usamos scripts para las pestañas, ni para esconderlas, ni para mostrarlas, ni para el efecto deslizante. La contra es que el efecto deslizante son transiciones con CSS por lo que los navegadores que no son modernos no podrán ver el efecto de deslizamiento. Fuera de esto último es un método que además de ser fácil de aplicar también es una buena opción para tener tus distintos fanbox agrupados y mostrándolos de una forma elegante y original.

ACTUALIZACIÓN 1:

Si el fanbox de Facebook te marca error puede ser porque aún no tienes una URL personalizada en tu página de Facebook, en esos casos deberás cambiar esta parte:

http%3A%2F%2Fwww.facebook.com%2Fnombre-de-la-página-de-facebook

Por esta:

http%3A%2F%2Fwww.facebook.com%2Fpages%2Fnombre-de-la-página-de-facebook%2FXXXXXXXXXXXXXXX

Ahí además de poner el nombre de tu página donde se indica deberás poner en las equis una serie de números que aparecen al final de la URL de tu página de Facebook.

ACTUALIZACIÓN 2:

Es preciso mencionar nuevamente que el fanbox de Twitter sí usa jQuery por lo que si ya tienes alguna versión de jQuery o si usas otra librería de scripts como Scriptaculous entonces no se verá, en esos casos habrá que eliminar la versión de jQuery que incluye el gadget y/o hacer unos cambios para que sea compatible con Scriptaculous. Para más información mira la entrada sobreel fanbox de Twitter.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donating a Car in Maryland Life Insurance Co Lincoln domain yahoo Business finance group Donate a Car in Maryland mesothelioma lawyers san diego STRUCTURED ANNUITY SETTLEMENT insurance medical temporary colorado auto accident attorney Seo companies Hire php developers car insurance quotes pa mesothelioma survival rates Motor replacements Paperport Promotional Code Online casino Criminal defense lawyer DUI lawyer Social media platforms for business alabama mesothelioma lawyer los angeles auto accident attorneys CAR INSURANCE IN SOUTH DAKOTA MESOTHELIOMA LAW FIRM Auto Mobile Shipping Quote Mobile casino BETTER CONFERENCING CALLS Custom Christmas cards harddrive data recovery services Online Christmas cards Mortgage Adviser Online Motor Insurance Quotes sell structured settlement calculator Social media strategies Annuity Settlements CHEAP DOMAIN REGISTRATION HOSTING onlineclasses chicago hair laser removal Low credit line credit cards Seo services Live casino FUTURISTIC ARCHITECTURE Casino Online Colleges donate your car for money holland michigan college accident attorneys orange county selling annuity payments for cash Tech school Make money online Australia Hire php programmers Casino reviews mesotheliama average mesothelioma settlement Forensics online course compare life assurance Italian cooking school Sell Annuity Payment LOW CREDIT LINE CREDIT CARDS New social media platforms Dwi lawyer firm law mesothelioma DONATE CARS IN MA Best Criminal Lawyers in Arizona Criminal lawyer mesothelioma trial attorney virtual data rooms Service business software WordPress hosting structured settlement buyer dallas mesothelioma lawyer miami personal injury attorney Php programmers for hire Hire php developer Custom WordPress theme designer cheap car insurance in virginia How to donate a car in California Best social media platforms houston motorcycle accident lawyer CHEAP CAR INSURANCE IN VIRGINIA Bankruptcy lawyer Computer science classes online Php programmers Best social media platforms for business Social media tools Online colledges Gas/Electricity Online College Course PSYCHIC FOR FREE auto accident lawyer san francisco Best criminal lawyer in Arizona DONATE CAR FOR TAX CREDIT Life insurance co Lincoln Psd to WordPress Donate Cars Illinois Car Donate Business VOIP Solutions personal injury accident lawyer Donating used cars to charity Car insurance quotes Colorado DAYTON FREIGHT LINES Social media platforms broward county dui lawyer Social media campaigns Psychic for free Motor Replacements Best Seo company Futuristic architecture Adobe illustrator classes Business management software Cheap auto insurance in VA Attorney structured settlement buyers Seo company workplace accident attorney Criminal Defense Attorneys Florida

Read More