Cómo poner el botón +1 de Google Plus en Blogger – cancer

Uno de los botones sociales que no puede faltar en tu blog es el botón +1 de Google, si no lo has incluido aún este tutorial te va a gustar y si ya lo has incluido, aprenderás a modificarlo y sacarle el máximo partido.

Una de las mayores ventajas de este botón es elefecto positivo que tiene para el posicionamiento de tu blog, ya que cada vez que un usuario hace+1 en una entrada, realmente la está recomendando a sus círculos y al mundo, incluido al buscador de Google

Qué es el botón+1

El botón +1 tiene una doble función, por un lado permite al usuario compartir las entradas (o tu blog) y por otro se incrementa un contador interno de "mas unos", lo que aumenta la la popularidad de esa entrada.

Si lo comparásemos con Facebook, utilizar el botón+1 es similar a hacer un "me gusta"

Uno de los parámetros que tiene en cuenta el buscador de Google es la cantidad de+1 que se ha hecho en una página, por ello es muy importante divulgar tu contenido en la red social de Google y, sobre todo, tener una herramienta en tu blog para que tus lectores puedan recomendar tu contenido: el botón+1.

Fíjate que el botón+1 sirve para compartir el contenido que quieras de tu blog: entradas, páginas, homepage, etc. Lo que compartimos son enlaces web (URLs) que pueden apuntar hacia cualquier contenido. Podrías poner este botón en una sección de tu blog (en un lateral por ejemplo) para compartir la URL principal "www.tublog.com" y otro botón en cada una de las entradas para poder compartirlas.

Si quieres añadir un botón+1 para recomendar tu blog (y no solo las entradas), puedes aprovechar e incluir la insignia de Google+, que integra la funcionalidad del+1 y el poder añadir directamente a círculos. Échale un vistazo aesta guía si quieres añadir una insignia de Google+.

Pues ahora que tenemos claro qué es el botón+1 y para qué sirve, vamos a incluirlo en el blog.

Nota: El objetivo de esta serie de artículos es crear un gadget personalizado con todos los botones de las redes sociales. Blogger tiene un conjunto de botones sociales que se pueden incluir en las entradas, pero que no permite personalización.

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+1 de Google Plus en todas la entradas

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

   div class='g-plusone' data-size='tall' expr:data-href="data:post.url"/div
   script type="text/javascript"
     window.___gcfg = {lang: 'es'};
   
     (function() {
       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
       po.src = 'https://apis.google.com/js/platform.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
     })();
   /script

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. Guarda la plantilla y visualiza el resultado

El resultado del botón tendrá este aspecto: ¿Lo pruebas regalándome un +1? :-)

El código del punto 3 tiene por un lado la etiqueta div y por otro la etiquetascript. Si ya tenías algún widget de Google+ no es necesario que copies la sección del script, te servirá con copiar "div class='g-plusone' data-size='tall' expr:data-href="data:post.url"/div".

Cómo personalizar el botón+1

El código anterior muestra el botón+1 con contador superior, puede que ése no sea el aspecto que quieras para tu blog. Google+, al igual que otras redes sociales, ofrecen un conjunto de herramientas owidgetsque resultan bastante útiles. ¿Te animas a personalizar el botón?

1. Accede a la herramienta de personalización del botón+1 de Google+
2. Modifica el botón según el tamaño, contador, ancho, idioma, etc.
3. Copia solo la etiqueta div class="g-plusone" .../divdel código que te genera la herramienta
4. Al código anterior le añades el atributo con la url, de esta forma: div class="g-plusone" ...expr:data-href='data:post.url'/div
5. Sustituye el div del paso 3 del apartado anterior por este otro que acabas de crear
6. Guarda la plantilla y visualiza el resultado. Si no gustase el aspecto puedes volver al punto 1

Lo único que hemos hecho es aprovechar la herramienta que nos ofrece Google para generar visualmente el botón y añadir la macrodata:post.urlde Blogger, que devuelve la URL de la entrada.

Conclusión

Tenía tres objetivos en mente con esta entrada

1. Explicarte el funcionamiento y la importancia del botón+1
2. Mostrarte cómo poner el botón+1 y que seas capaz de modificarlo por ti mismo
3. Dar un paso más para incluir una botonera en las entradas con las redes sociales más importantes

Podría haber puesto directamente el código que necesitas para incluir el botón, códigos de este tipo ya hay muchos por la red, pero si has leído hasta aquí estoy seguro que tienes ganas de aprender, de querer saber por qué es así y no de otra forma, de ver más allá de un código que mañana puede cambiar.

Ahora te toca a ti, ¿ya tienes el botón+1? ¿te promocionas en la red social de Google?

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 MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,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 Jet

HOME PHONE INTERNET BUNDLE Best Seo company phd in counseling education Online casino Donate Old Cars to Charity Better Conference Calls Auto Mobile Insurance Quote mesotheliama Neuson Make money online Australia tucson car accident attorney mesothelioma settlements amounts structured settlements companies WordPress hosting hosted predictive dialers online colledges Html email PHD on Counseling Education seattle mesothelioma lawyer CHEAP AUTO INSURANCE IN VA Hire php developer Live casino Seo company Social media platforms for business Casino CAR INSURANCE QUOTES UTAH Casino reviews Cheap Car Insurance in Virginia Online Colleges Annuity Settlements mesothelioma attorney assistance How to Donate A Car in California Mobile casino Met auto car insurance quotes mn CAR INSURANCE QUOTES COLORADO NEUSON Futuristic Architecture Custom WordPress theme designer colorado auto accident attorney email bulk service Best social media platforms for business domain name yahoo motorcycle accident attorney sacramento structured settlemen better conferencing calls Car Insurance Quotes MN Attorney uk homeowner loans Injury Lawyers saskatchewan auto insurance Sell Annuity Payment Psychic for Free ONLINE COLLEDGES mesothelioma attorney illinois Cheap Car Insurance for Ladies ASBESTOS LAWYERS DONATE CARS IN MA Business management software ROYALTY FREE IMAGES STOCK california law lemon Social media management DUI lawyer Personal Injury Law Firm AUTO ACCIDENT ATTORNEY Hire php developers mesothelioma lawyer dallas Personal Injury Lawyer Hire php programmers Dwi lawyer cash out annuity car insurance quotes FUTURISTIC ARCHITECTURE DONATE YOUR CAR SACRAMENTO Criminal lawyer Social media tools motor insurance quotes Service business software personal injury accident lawyer Donate Car to Charity California broward county dui lawyer mesothelioma ct DONATE OLD CARS TO CHARITY Criminal defense lawyer Php programmers for hire dallas mesothelioma attorneys asbestos lawyers Bankruptcy lawyer Proud Italian cook mesothelioma care Computer science classes online Php programmers mesothelioma attorneys california car donate selling a structured settlement Custom Christmas cards cell cycle regulation ppt lease management software Donate Cars in MA Seo companies Car Insurance Quotes Colorado Dallas mesothelioma attorneys New social media platforms colorado mesothelioma lawyers Cheap Domain Registration Hosting Donate a Car in Maryland Business finance group Donating a Car in Maryland peritoneal mesothelioma auto accident lawyer san francisco Donate Your Car for Kids Donating a car in Maryland personal injury lawyer lawsuit mesothelioma DAYTON FREIGHT LINES

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 la Insignia de Google+ en tu Blog – cancer – Colleges

Tener presencia en lasredes sociales, cobra cada vez más importancia, máxime cuando se trata de la red social propietaria del buscador más utilizado.La insignia de Google+ es un plugin que permite a los usuarios de tu blog seguirte de forma rápida, además de poder acceder directamente a tu perfil.

Éste es el aspecto típico de la insignia de Google+:

Como usuarios de Blogger, nos va a resultar muy sencillo incluirla y personalizarla, ya que la tenemos disponible directamente como gadget.

Al igual que otras redes sociales, Google dispone de unaherramienta para desarrolladores, desde donde puedes configurar y personalizar tu insignia. A través de esta herramienta se generará el código HTML que podrás incluir en tu blog. Si eres usuario de Blogger, no necesitarás utilizar este método.

Incluir insignia de Google+ en Blogger

1. Accede a diseño, desde el menú de Blogger
2. En la plantilla de diseño selecciona "Añadir gadget", en la posición donde desees colocarlo
3. De la lista de gadgets que te aparece, selecciona "Insignia de Google+"
4. Configura los parámetros, consulta el siguiente apartado ver todas las posibilidades, paso a paso
5. Guarda y visualiza tu blog, ya tienes la insignia de Google+

Configuración de la insignia de Google+

Éste es el gadget de insignia de Google+, el cual nos permite ir viendo el aspecto que va tomando, según vayamos modificando los parámetros.

Veamos en detalle cada una de las opciones, siguiendo la numeración de la imagen:

1. Título.- El título que tendrá nuestro gadget en el blog
2. Tipo de insignia.- Google+ nos permite 3 tipos de insignia: "Persona", para perfiles personales; "Página", para perfiles de página, como la que se muestra en la imagen y "Comunidad", para perfiles de comunidad.
3. ID de Google+.- Si has vinculado tu blog a Google+, podrás marcar la opción "Utilizar el perfil del blog o el Id de la página", en caso contrario, desmarcamos la casilla e introducimos nuestra ID de Google+. Puedes conocer tu ID accediendo a tu perfil de Google+ y fijándote en la url:
   
   La parte seleccionada en la imagen, corresponde con el ID a introducir en esta casilla, en mi caso tengo disponible el nuevo formato de ID de Google+, pero podría haber sido una serie de dígitos.
4. Tamaño.- El ancho, en píxeles, que deseas que tenga la caja que contiene la insignia. Mi consejo es que lo ajustes manualmente, para que encaje perfectamente en la sección donde lo vas a colocar.
5. Diseño.- Puedes presentar la insignia en formato horizontal o vertical, éste es el aspecto de ambos:
   
   

   

   Insignia horizontal

   
   

   

   Insignia vertical

6. Gama de colores.- Puedes elegir entre un fondo claro u oscuro
7. Foto de portada.- Sólo se aplica al formato en vertical. Indica si deseas mostrar la foto que hayas seleccionado en tu portada de Google+
8. Eslogan.- Sólo se aplica al formato vertical. Puedes mostrar el eslogan que hayas indicado en el perfil de Google+, como el ejemplo de la imagen

Como has visto, incluir la insignia de Google+ es realmente sencillo. En Blogger, además de este gadget, tenemos disponible el de "Botón +1" y "Seguidores de Google+".

Si te ha resultado útil este artículo, te invito a que opines o sugieras a través de los comentarios. Si, además, crees que puede ser de interés para algunos de tus contactos, puedes compartirlo a través de los botones que tienes arriba, en el título. Como siempre, muchas gracias por seguirme.

Puede que te interese también:

• Cómo Poner el botón Seguir de Twitter en tu blog
• Cómo Poner el Like Box de Facebook en tu Blog

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 MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,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 MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling 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

student loan consolidation program Online casino structured settlements annuities Hire php developer Social media strategies Criminal lawyer Auto Accident Attorney Mobile casino Cheap Car Insurance for Ladies paperport promotional code Massage school Dallas Texas Dwi lawyer World Trade Center Footage mesothelioma litigation Casino car insurance in south dakota Online Stock Trading Gas/Electricity Cheap Domain Registration Hosting ANNUITY SETTLEMENT mesothelioma attorney illinois adverse credit remortgage Live casino motorcycle lawyer los angeles Make money online Australia annuity payment dallas mesothelioma lawyer Hard drive Data Recovery Services better conferencing calls Donate Your Car for Kids Tech school best structured settlement companies houston motorcycle accident lawyer Seo companies attorney lawyer mesothelioma asterisk call center software Social media platforms for business cheap car insurance in virginia Social media platforms Custom Christmas cards Best Seo company DUI lawyer car accident lawyer san bernardino ASBESTOS LAWYERS criminal defense federal lawyer Insurance Companies Claim Casino reviews FUTURISTIC ARCHITECTURE Hire php developers WordPress hosting alcohol rehab center in florida buyers of structured settlements Proud Italian cook Hire php programmers business voip solutions mesothelioma lawyer texas Car Insurance Quotes How to Donate A Car in California Donate Car to Charity California auto insurance cost by state AUTOMOBILE ACCIDENT ATTORNEY Car insurance quotes MN mesothelioma suit CAR INSURANCE QUOTES PA Data Recovery Raid mesothelioma charities purchase structured settlements Criminal defense lawyer Service business software anti spam exchange server supportpeachtreecom personal injury solicitor cash out annuity REGISTER FREE DOMAINS Php programmers for hire Home Phone Internet Bundle MET AUTO Computer science classes online mesotheliama motor replacements mesothelioma attorney florida ONLINE MOTOR INSURANCE QUOTES Bankruptcy lawyer Futuristic Architecture anti spam appliance Car Insurance Quotes PA Life insurance co Lincoln structured settlement blog st louis mesothelioma attorney Mortgage Php programmers car insurance companies buy gift card DONATE CARS IN MA CRIMINAL DEFENSE ATTORNEYS FLORIDA Best social media platforms for business Donate Your Car Sacramento Online Criminal Justice Degree PhD in counseling education New social media platforms illinois law lemon Business finance group Online Colleges WordPress themes for designers WORLD TRADE CENTER FOOTAGE Forex Trading Platform Learning adobe illustrator Custom WordPress theme designer Seo services Business management software Structures Annuity Settlement Car Donate Donate old cars to charity accident attorney in los angeles

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

Iconos de redes sociales arriba del blog que giran al pasar el cursor – Phone

Constantemente me preguntan sobre la forma de poner arriba del blogiconos que enlacen a las redes sociales como tengo ahora mismo en esta plantilla, y es que tener iconos como estos a la vista incrementa la posibilidad de que los lectores puedan seguirnos por las distintas redes sociales ya que les dejamos el acceso a ellas de una forma más visible.
Hay varias formas de hacerlo, nosotros lo haremos usando una lista desordenada que incluirá los iconos deFacebook,Twitter,Google+ y elfeed del blog, y como un extra haremos que los iconos giren al pasar el cursor sobre ellos, como estos:

• 
• 
• 
  
• 

Para poner estos íconos sociales en tu blog entra en laEdición HTML de la plantilla y agrega antes de/b:skin los estilos:

/* Iconos de redes sociales
----------------------------------------------- */
#social-iconos {
width:100%;
height:50px;
margin-bottom:10px;
display:block;
clear:both;
}
.social-icons{display:table}
.social-icons ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:right;
padding:5px 5px 0 0
}
.social-icons ul {
padding:0;
float:right;
margin-bottom:0;
}
.social-icons li.social_icon {
background:none !important;
padding-left:0 !important;
display:inline;
float:left;
margin-left:6px;
}
.social-icons li:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
}

LuegoSIN expandir los artilugios busca esta línea:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

Arriba de ella agrega la estructura:

div class='social-icons' id='social-iconos'
ul
li class='social_icon'a href='http://facebook.com/usuario'img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8UKmneyAVcEz0tpBEKOQ4C6oHqO9fQ_3ioSaFcPhfLgr_6JV5hyphenhyphenNSP9zaMDYe3AV48v8jkOOmtSo0N4e_y3RByGNCVSUdspbvDd2W-7FJnmrK0fjVtnHwrARQmK-NEpzgYRZCPW43Wj0/s36/social-facebook.png'//a/li

li class='social_icon'a href='http://twitter.com/#!/usuario'img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOf9_e4lJzXRMUx5aim2FLSU6buHElWK3RYVrVkWk95CBZAaeZRBaknzZPo6kc-F4btdJ8BLotNR5bzH_v2rB_TaYI4rsYwOkSrf9_pyHm829lkrN8gTvldKbmzlq0qVwSblUa6ckawmo/s36/social-twitter.png'//a/li

li class='social_icon'a href='https://plus.google.com/XXXXXXXXXXXXXXXXXX/about'img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv5tZFrFqkVn6ddQY_qY1xHiKz3p1phvbYYp7Ra6Ip2eKENL9RZ1kE-p-xapOTuA5QP0kvIOZnDDZQ5eO7-bCX-V1RjPUG1vo4f515dEVqcYFZLQc0zupnIr-LCd5t1SAd2nmaif4iovo/s36/social-googleplus.png'//a/li

li class='social_icon'a href='http://nombre-de-mi-blog.com/feeds/posts/default'img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2epKgdbsCBqzW34AF5kSllszEHQWbOcRpnyy65SFJuRUB4gRcn-sNvRqPXvSPscqzOL06zjV4kNLPuLL0bVjwrdxsDjfENAGa2pxonP0kxXRwSeNEPeAfgzhXXIf_0lpB8E1VmNfX5Hs/s36/social-rss.png'//a/li

/ul/div

Cambia lo que está en color rojo por tus datos y listo. El primero es tu usuario de Facebook, el segundo el de Twitter, el tercero deberás cambiar las X por el ID de tu perfil de Google+, y en el cuarto deberás poner el nombre de tu blog.

Por supuesto que puedes añadir más iconos si lo deseas, sólo deberás agrega antes/ul/div una línea como esta por cada icono extra que quieras:

li class='social_icon'a href='URL del enlace'img border='0' src='URL de la imagen'//a/li

Aunque están pensados para mostrarse arriba del blog puedes ponerlos donde tú quieras, incluso puedes ponerlos en un elementoHTML/Javascript, eso quedará a elección de cada quien.

El efecto que gira está hecho con CSS3 así que en navegadores antiguos este efecto no funcionará.
Los iconos son deIconfinder excepto el de Google+ que lo he diseñado yo, pero pueden sustituirse por los iconos de tu elección.

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 MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,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 MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,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 Dallas Mesothelioma Attorneys Cheap car insurance in Virginia new mexico mesothelioma lawyer Dwi lawyer Tech school dui lawyer scottsdale data recovery raid Motor Replacements mesothelioma symptoms Online casino yahoo web hosting DUI lawyer Criminal lawyer Donate cars Illinois WordPress theme designers Php programmers Health Records Personal Health Record Car insurance quotes MN CRIMINAL DEFENSE ATTORNEYS FLORIDA Mortgage Social media campaigns Seo services Hire php programmers Casino See more at http//wwwginfostopnet/ Neuson Holland Michigan College Virtual Data Rooms Mobile casino car accident lawyer san bernardino Home Phone Internet Bundle DONATE OLD CARS TO CHARITY Social media strategies MET AUTO business voip solutions Donate Cars in MA Make money online Australia Seo companies Donate Your Car Sacramento Royalty Free Images Stock phd in counseling education FUTURISTIC ARCHITECTURE Dayton Freight Lines Casino reviews Low Credit Line Credit Cards Car insurance quotes Colorado Psychic for Free mesothelioma care Italian cooking school google affiliate Live casino Motor Insurance Quotes arizona auto accident attorney Service business software futuristic architecture online colledges Better Conference Calls Hire php developers Social media platforms for business selling a structured settlement Proud Italian cook Data Recovery Raid Business finance group Personal Injury Lawyer selling structured settlement alcohol rehab center in florida Best Seo company PAPERPORT PROMOTIONAL CODE Donating a Car in Maryland Online Christmas cards Criminal defense lawyer anti spam appliance Car Insurance Quotes Colorado Php programmers for hire Html email Computer science classes online Hire php developer buying an annuity calculator PHD on Counseling Education Bankruptcy lawyer mesotheloma New social media platforms Psd to WordPress mesothelioma cases domain name yahoo mesothelioma information mesothelioma claim mesothelioma law suits ROYALTY FREE IMAGES STOCK Forex Trading Platform Personal Injury Lawyers MASSAGE SCHOOL DALLAS TEXAS caraccidentlawyer windows phone for business Best social media platforms for business Cheap domain registration hosting DONATE YOUR CAR FOR MONEY mesothelioma trial attorney Online Classes purchase structured settlements Hard drive data recovery services Business management software Custom WordPress theme designer anti spam exchange server houston motorcycle accident lawyer DONATE CARS IN MA Social media examiner Cheap Car Insurance in Virginia accident car florida lawyer personal injury law firm Email Bulk Service Massage school Dallas Texas ASBESTOS LAWYERS Sell Annuity Payment

Read More