add

Como compartir los iconos de Touch Me de las redes sociales más populares


El rápido avance y desarrollo de los medios de comunicación social y el creciente interés de la gente en los sitios de redes sociales, ha dado a luz a decenas de herramientas para compartir redes sociales. Los amos de la tecnología se están volviendo adictos a estas herramientas, porque a diferencia del tráfico orgánico de los buscadores, el tráfico web de las redes sociales ha superado el tráfico de búsqueda. Los bloggers de hoy en día dependen en gran medida de las redes sociales como: Facebook, Google y Twitter, ya que esto sirve para atraer más tráfico a sus blogs o webs. Estas herramientas son buenas sólo si pueden atraer a un visitante para marcar y compartir su contenido. Desde el sitio web de contenidos de calidad, hasta el diseño de su blog, ellos las cuentan como un bit en la transformación de un visitante en un seguidor. Para ayudarle con su sueño de atraer a los aficionados y a los lectores cada vez más a su blog o web tendrá que utilizar los iconos de "Touch Me". Su nombre es atractivo y su aspecto, la cual obliga al visitante a mover su cursor o mouse hacia los iconos que están en movimiento y por lo regular el usuario te dará un clic en cualquier icono de redes sociales. Este gadget está perfectamente estructurado con los botones de los servicios de las redes sociales más populares como: Google Plus, Facebook, Twitter y RSS. A estos gadgets los hemos codificado cuidadosamente para su uso básico en HTML y algunos estilos CSS.

¿Dónde se debe añadir el código?

Es una práctica estándar para agregar contadores sociales dentro de los mensajes y los botones sociales para compartir en una barra lateral. Por lo tanto, les aconsejamos que ustedes deban  añadir este widget en la parte superior derecha de tu blog por encima de todos los anuncios y gadgets.

Lea también mi artículo sobre Cómo hacer que un visitante se suscriba en su sitio web o blog, con el fin de atraer más usuarios potenciales hacia su blog.

Añadir a blogger

Lo que voy a especificar y compartir con ustedes son los pasos esenciales para poner este tipo de widgets de redes sociales en su blogspot, además si usted es usuarios de WordPress o Joomla el procedimiento es igual ya que sólo tienes que copiar y pegar el siguiente código dentro de tu plantilla.

Los siguientes son los pasos a seguir para los usuarios de Blogger

   1. Ir a Blogger> Diseño
   2. Elija añadir un gadget
   3
Seleccione HTML / JavaScript
   4. Pegue el siguiente código en su interior,



<style>
/*--------Touch Me Sharing Widget by www.ayudadeblogger.com------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;   
-moz-transition: ease-in 0.2s all;   
-o-transition: ease-in 0.2s all;   
-ms-transition: ease-in 0.2s all;   
transition: ease-in 0.2s all;
cursor:pointer;

}

.touchme a.googleplus {
background-position: 0px -58px;

}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}


.touchme a.twitter {
background-position: 0px -290px;

}
.touchme a.twitter:hover {
background-position: 0px -232px;

}
.touchme a.facebook {
background-position: 0px -406px;

}
.touchme a.facebook:hover {
background-position: 0px -348px;

}

.touchme a.rss {
background-position: 0px -174px;

}
.touchme a.rss:hover {
background-position: 0px -116px;

}

</style>


<div class='touchme'>

<!--RSS-->
<a class='rss' href="INSERTA AQUI TU RSS LINK" rel='external nofollow' target='_blank'></a>

<!--Google Plus-->
<a class='googleplus' href="INSERTA AQUI TU  GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>

<!--Facebook-->
<a class='facebook' href="INSERTA AQUI TU LINK DE FACEBOOK " rel='external nofollow' target='_blank'></a>

<!-- Twitter -->
<a class='twitter' href="INSERTA AQUI TU LINK DE TWITTER" rel='external nofollow' target='_blank' ></a>


</div>

Por favor llene los siguientes requisitos

Colocar su enlace RSS en INSERTA AQUI TU RSS LINK
Colocar su Perfil de Link en
INSERTA AQUI TU  GOOGLE PROFILE LINK
Colocar tu enlace de Facebook
INSERTA AQUI TU LINK DE FACEBOOK
Colocar tu enlace en Twitter en
INSERTA AQUI TU LINK DE TWITTER

5. Pulse Guardar y ya está listo!

Visite su blog para ver que funcione a la perfección. Mueva el cursor sobre los iconos y podrá observar lo maravilloso que son estos widgets de redes sociales!

Créditos

Los iconos utilizados en el widget han sido diseñados por Design Kindle. Se le pide que enlace a esta página www.ayudadeblogger.com si desea compartir este gadget con su audiencia.

¿Necesitas ayuda?

Los pasos son auto explicativos y extremadamente fácil. En caso de que usted no pudo realizar los procedimientos por favor háganoslo saber y estaremos encantados de ayudarle. Por favor comparta este widget con sus amigos


emailEnviar por correo

2 comentarios:

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios