Como agregar un widget de redes sociales a blogger
Las redes sociales es la base principal para
todo blogger y así poder obtener un gran trafico web hacia nuestro blog de
blogger, los usuarios que visitan sus blogs necesitan suscribirse para poder
recibir las nuevas actualizaciones de los nuevos temas que publican en sus
blogs de blogger. Gracias a las redes sociales las páginas web incrementan su tráfico,
ahora lo principal de un blog es publicar artículos de calidad que la gente esté
buscando por internet. Hoy compartiré un código con el cual ustedes podrán ubicarlo
en el sidebar de su blog de blogger. El código no le causara ningún error en la
estructura de su blog y funciona en todos los navegadores web como Firefox,
Internet Explorer, Google Chrome etc. Además anteriormente publique algunos métodos
de suscripción de redes sociales para blogger de los cuales les dejo los
enlaces:
- Como agregar la barra de recomendaciones de Facebook a Blogger
- Como agregar un widget flotante Social Media en blogger
- Como crear botones flotantes para compartir todas las redes sociales, Crear Bar Flotante
- Widget de Twitter
- Widget de redes sociales para blogger
- Widget de redes sociales para blogger con efectos
- Widget social de suscripciones horizontal para blogger
A continuación mire su demostración en
mi blog de demos
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”
ábrelo e inserta el siguiente código en su interior
<div
id="ayudadeblogger-social-hover">
<div id="links"><a href="http://twitter.com/ayudadeblogger"
class="twitter" title="Twitter"
target="_blank"><div class="tota"><img
src="http://1.bp.blogspot.com/-GVPx4HMrNDY/UK9uv3rA0iI/AAAAAAAAIO4/yfuiRGXLeVU/s1600/twitter.png"
/></div></a>
<a href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017"
class="facebook" title="Facebook"
target="_blank"><div class="tota"><img
src="http://1.bp.blogspot.com/-DX-Bx5WR6zE/UK9whE-OCzI/AAAAAAAAIPg/9k_zjlDPF8s/s1600/FB.png" /></div></a>
<a href="https://plus.google.com/109642587966892719343"
class="google" title="Google Plus"
target="_blank"><div class="tota"><img
src="http://4.bp.blogspot.com/-eP0U9g8fm0Q/UK9wYNQ4CmI/AAAAAAAAIPY/UWYbc7e9-go/s1600/google.png"
/></div></a>
<a href="http://pinterest.com"
class="pinterest" title="Pinterest"
target="_blank"><div class="tota"><img
src="http://1.bp.blogspot.com/-nEZw_TpzSoU/UK-TOH8OEEI/AAAAAAAAISg/bDcBgt2yEe4/s1600/pin.png"
/></div></a>
<a href="http://feeds.feedburner.com/foroayudadeblogger"
class="rss" title="Feedburner"
target="_blank"><div class="tota"><img
src="http://4.bp.blogspot.com/-yOEZQT7it74/UK9wClCPwpI/AAAAAAAAIPQ/EK4CB92xQ98/s1600/rss.png"
/></div></a>
</div></div>
<style>.tota { margin-top:7px;
}#ayudadeblogger-social-hover{position:relative;width:270px;height:214px;background:#554e4c
url("http://4.bp.blogspot.com/-CNgQWNU8Sg4/UK91PeHlvjI/AAAAAAAAIRM/56SruW6DBQ0/s1600/vintage.png");}#ayudadeblogger-social-hover
#title{font-family:'Open
sans';font-size:28px;color:#fff;font-weight:600;margin:30px 20px
0;text-align:center;line-height:1.1em;text-shadow:1px 1px 1px
rgba(0,0,0,0.3);}#ayudadeblogger-social-hover #title
span{display:block;font-size:14px;line-height:1.5em;margin-top:10px;font-weight:400;}#ayudadeblogger-social-hover
#links{position:absolute;bottom:0;width:100%;}#ayudadeblogger-social-hover
a{display:block;padding:0 20px;height:42px;line-height:42px;color:#fff;font-size:12px;background:rgba(0,0,0,0.08);border-top:1px
solid #4c4644;border-top:1px solid rgba(0,0,0,0.1);-webkit-transition:all
.25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s
ease-in-out;}#ayudadeblogger-social-hover
a:hover{background:rgba(0,0,0,0.15);text-decoration:none;}#ayudadeblogger-social-hover
a.twitter:hover{background:#79dbff;}#ayudadeblogger-social-hover
a.facebook:hover{background:#6e9bee;}#ayudadeblogger-social-hover
a.google:hover{background:#00be00;}#ayudadeblogger-social-hover
a.pinterest:hover{background:#cb2027;}#ayudadeblogger-social-hover
a.rss:hover{background:#ffae42;}#ayudadeblogger-social-hover a
span{height:15px;line-height:15px;width:15px;text-align:center;margin-right:20px;font-size:13px;padding:5px;border-radius:99px;background:rgba(0,0,0,0.1);}#home-tagline{text-align:center;font-size:32px;color:#000;font-weight:300;margin:60px
0 40px;}#home-tagline
strong{color:#ff5421;font-weight:300;}#home-highlights{margin-bottom:40px;}.home-highlight{float:left;width:142px;padding:30px
0;margin-right:21px;text-align:center;font-size:13px;display:block;opacity:0.9;color:#796f6c;font-size:40px;background:#e2e0df;background:rgba(0,0,0,0.04);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all
.25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s
ease-in-out;}.home-highlight
p{margin:0;}.home-highlight:hover{color:#3a3534;text-decoration:none;background:rgba(0,0,0,0.1);}.home-highlight-title{font-size:13px;margin:7px
0
0;text-align:center;color:#796f6c;cursor:pointer;font-weight:900;-webkit-transition:all
.25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s
ease-in-out;}.home-highlight:hover .home-highlight-title{color:#3a3534;}#home-featured{min-height:400px;margin-bottom:37px;}#home-featured
.home-divider{margin-top:0;}#home-featured
h2{text-align:center;font-size:32px;color:#161414;font-weight:300;margin:0 0
40px;}#home-featured h2:after{display:block;content:"";width:342px;margin:0
auto;height:1px;background:#161414;margin-top:5px;}.featured-theme-entry-content{font-size:16px;float:left;width:430px;font-weight:300;}.featured-theme-entry-content
h3{font-size:21px;line-height:1.4em;margin:0;font-weight:400;}.featured-theme-entry-content
.button{margin-top:15px;}.featured-theme-entry-content
.button:hover{background:#f5634a;opacity:1;}.featured-theme-entry-img{display:block;float:right;margin-right:5px;}.featured-theme-entry-img
a{display:block;padding:6px;background:#fff;border-radius:2px;}#featured-theme-slider
.flex-control-nav{position:absolute;top:-20px;left:-54px;}#featured-theme-slider
.flex-direction-nav{margin:0;}#featured-theme-slider .flex-direction-nav li
a{background:#312d2c;cursor:pointer;display:block;height:70px;line-height:70px;width:30px;color:#fff;text-align:center;margin:-30px
0 0;position:absolute;top:50%;-moz-transition:background 0.3s ease-in-out
0s;opacity:0.15;border-radius:4px;}#featured-theme-slider .flex-direction-nav
li .flex-prev{left:-90px;}#featured-theme-slider</style>
|
Realiza estos cambios:
He marcado de color azul en las 5 URLs
de mis redes sociales, en las cuales ustedes tendrán que solo cambiar la URL
correspondiente su perfil social.
Eso es todo, ahora dale un clic en “Guardar”
y ubícalo en el sidebar de tu blog de blogger
Fácil verdad!
Recuerda suscribirte para que recibas
mis nuevas actualizaciones 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