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 un widget de redes sociales a blogger

  1. Como agregar la barra de recomendaciones de Facebook a Blogger
  2. Como agregar un widget flotante Social Media en blogger
  3. Como crear botones flotantes para compartir todas las redes sociales, Crear Bar Flotante
  4. Widget de Twitter
  5. Widget de redes sociales para blogger
  6. Widget de redes sociales para blogger con efectos
  7. 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

Como agregar un widget de redes sociales a blogger

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP1gRk8pjSpAaz2BUV3FToPVDZ0WbRy3DCn0Em6iAM4wDFDzbpkBe4mQZOYykkrhseHE1CD_qUYUaA_CtwG_mYOCnEOR_w3awsQTInXvu1rceyJG6sAd_mRTkvVvVsu9u-LgeuEFteOX4/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicg6eqWYqcKHCH8yahPtHtO4UAAwt6GHgMmn-m_PP5PnfqfLJTsrbfaJb1M0l58h8O-YnVpHnwvUt-WFOW-B-STnTMj2IHx-Koc65Ot_PUgwwSDjxxmjrXrz3HSj86imD5AnAfPd5Jg8g/s1600/FB.png"  /></div></a>

    <a href="https://plus.google.com/109642587966892719343" class="google" title="Google Plus" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLwJ_L9lnuxyg9rk4CiIUU5VkUM8JuddeSp_z3PsmECrJQYDoOqxPLshRfbIJUBp8zU3YBWgFzjNjk1hE4syyh6fevgO-oqkdlM_TCZ7TB3Jow-qwOLY9mzc_4NIwa-6NEJc7_Ytl5gM/s1600/google.png" /></div></a>

    <a href="http://pinterest.com" class="pinterest" title="Pinterest" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVlSTPkDHAhDxQ0S5K44vylpM7z3m03mTI6N-hRwO4pTIRYif5tQoEC4lZ7DFrYVXr_D_nwvjUuh03t2-UQRgKMNZoi8Uc4sOg6DBJvcnRku1o5iPNBb3lvo3TyLSfB5Cx-rj_eub65nc/s1600/pin.png" /></div></a>

    <a href="http://feeds.feedburner.com/foroayudadeblogger" class="rss" title="Feedburner" target="_blank"><div class="tota"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJbNFECAXaQy02ncU0oMQDcF2g5UZ1wxEWToTuBqlVZawzUaYTul55AkyO_jldlCBiaEMqPzNAGEPQKk848G1TqfH0_mgcBkzpOcwqFVMPpAr1B18WRPMqoyPTDRBXhJInocbDfdCvT4/s1600/rss.png" /></div></a>
    </div></div>

    <style>.tota { margin-top:7px; }#ayudadeblogger-social-hover{position:relative;width:270px;height:214px;background:#554e4c url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv3EK7qXgpFbrpQT2pB9NiSjnU2b-pmoy6YPVWc77zJX9XC-gWTtaF1zwJsokoMpcWO3Az7QxGqlG53HEfxqGP25lZyjaQK1vOEs3cRxAHnASdHYecNxl95CHFy9TCZSMz00ZfJGKi0Dw/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
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

0 comments:

Publicar un comentario