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.
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”
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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjveK6Ckp_Ie6GbHwFnjSWl2gFbxp4pDLmsbQUQyNXAV-mYWbEjrHhfjbDcJNbfsvc_mPUX2ieWNKwBYhlRcRVzZUnPjV5S3qM5rVm8wzw2H0VylBYbt5SXEiZXqb1yaJox4LEDhDbn99I/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
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
0 comments:
Publicar un comentario