add

Widgets para Blogger medios de comunicación


Nuevos y espectaculares Widgets para Blogger es lo que encontraras en Ayudadeblogger.com una variedad de Widgets para Blogger con los cuales podrás darle a tu página un aspecto único de diseño web profesional. Hay muchas formas de adquirir tráfico web y así estar en la cima de los blogs profesionales. Una de las más extraordinarias formas de obtener tráfico hacia su blog o página web es utilizando la suscripción a los perfiles sociales que estén utilizando. Los perfiles sociales como Facebook, Twitter, Google+, Pinterest, Linkedin, Youtube y RSS, son los más utilizados en la actualidad con los cuales podemos publicar nuestras nuevas actualizaciones y así nuestros seguidores obtendrán una nueva información todos los días gracias a nuestras cuentas sociales. Este nuevo Widget para Blogger de compartir sus perfiles sociales, lo podrán usar en una entrada o en un Widget y ubicarlo donde mejor les parezca. Les recuerdo que este nuevo Widgets para Blogger funciona perfectamente en todos los navegadores web.

Widgets para Blogger medios de comunicación

Aún más, si necesitan más opciones de Widgets para Blogger, les dejo algunos temas interesantes que publique anteriormente


Pueden ver su demostración a continuación



Les gusto verdad!

Vamos a trabajar

1 Ir a Blogger

2 Un clic en “Diseño


3 Abre un gadget “Añadir un gadget

Widgets para Blogger medios de comunicación

4 Busca el widget que dice “HTML/Javascript” y ábrelo


5 Inserta las siguientes líneas de código en su interior

<style type="text/css">
#ayudadeblogger .iconz {background:#E3E3E3 url('http://2.bp.blogspot.com/-JKB0aVYaIW0/UC-oBl8NXxI/AAAAAAAAEYA/IbgyikdkM5A/s1600/blsocial12.png') 0 0 no-repeat;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
display:block;
color:#212121;
float:none;
height:48px;
width: 48px;
line-height:48px;
margin:10px auto 0;
position:relative;
text-shadow:0 1px 0 #FAFAFA;
text-align:center;
text-decoration:none;
white-space:nowrap;
-webkit-transition:width .25s ease-in-out;
-ms-transition:width .25s ease-in-out;
-moz-transition:width .25s ease-in-out;
-o-transition:width .25s ease-in-out;
transition:width .25s ease-in-out;
-webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;}
#ayudadeblogger a span {display:none;}
#ayudadeblogger:hover a span {display:inline;}
#ayudadeblogger a span {font-size:1.4em;}
#ayudadeblogger:hover .iconz {width:250px;}
#ayudadeblogger .fb {background-position: 0 -384px;}
#ayudadeblogger .twiter {background-position: 0 -432px;}
#ayudadeblogger .google {background-position: 0 -480px;}
#ayudadeblogger .pint {background-position: 0 -528px;}
#ayudadeblogger .linkedin {background-position: 0 -576px;}
#ayudadeblogger .ytube {background-position: 0 -672px;}
#ayudadeblogger .rss {background-position: 0 -720px;}
#ayudadeblogger .fb:hover {background-position: 0 0;color: #0374DD;}
#ayudadeblogger .twiter:hover {background-position: 0 -48px;color: #00A1DF;}
#ayudadeblogger .google:hover {background-position: 0 -96px;color: #A70000;}
#ayudadeblogger .pint:hover {background-position: 0 -144px;color: #C00;}
#ayudadeblogger .linkedin:hover {background-position: 0 -192px;color: #005772;}
#ayudadeblogger .ytube:hover {background-position: 0 -288px;color: #A00;}
#ayudadeblogger .rss:hover {background-position: 0 -336px;color: #EC5601;}
</style>

<div id="ayudadeblogger"><a href="AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL" class="iconz fb"><span>Facebook</span></a></div>
<div id="ayudadeblogger"><a href=" AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL " class="iconz twiter"><span>Twitter</span></a></div>
<div id="ayudadeblogger"><a href=" AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL " class="iconz google"><span>Google+</span></a></div>
<div id="ayudadeblogger"><a href=" AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL " class="iconz pint"><span>Pinterest</span></a></div>
<div id="ayudadeblogger"><a href=" AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL " class="iconz linkedin"><span>LinkedIn</span></a></div>
<div id="ayudadeblogger"><a href=" AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL " class="iconz ytube"><span>Youtube</span></a></div>
<div id="ayudadeblogger"><a href=" AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL " class="iconz rss"><span>RSS</span></a></div>

Realiza estos cambios:

He marcado de color azul en los lugares que ustedes tendrán que remplazarlos por las direcciones URLs de sus perfiles sociales, recuerda cambiar cada una de ellas en los lugares que dicen “AQUÍ LA DIRECCION URL DE SU PERFIL SOCIAL

Eso es todo, ahora dale un clic en “Guardar” y ubica tu nuevo Widgets para Blogger social donde tú quieras.

Y si quieren insertar este nuevo widget social y mostrarlo en una entrada, les recomiendo que lo pongan al final de cada publicación, lo deberán insertar cuando estén en el modo HTML de su entrada.

Fácil verdad!

Recuerda suscribirte y así recibirás mis nuevas actualizaciones diarias directamente en tu bandeja de entrada

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos

emailEnviar por correo

0 comentarios:

Publicar un comentario en la entrada

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