Como insertar un Popup de Facebook y suscripción en blogger

Es esencial para todo blogger obtener nuevos trucos para blogger y saber implementarlos correctamente en nuestro blog. El día de hoy aprenderán a insertar en un widget un simple código con el cual les mostrara en su blog de blogger un método usual de suscripción. Lo que vamos a utilizar es un simple código que no le causara ningún daño a la estructura SEO de su plantilla de blogger. Al abrir su blog de blogger o cualquier post automáticamente se abrirá un Popup en una nueva ventana incluyendo un nuevo método para ganar seguidores de Facebook y obtener más registros de suscriptores de su blog, el cual ara que muchos usuarios que visitan su blog se puedan suscribir y seguirlos por medio de la red social de Facebook y Twitter.

Además, si necesitan más métodos de suscripciones y seguidores para blogger sigan los siguientes enlaces

1. Como agregar la barra de recomendaciones de Facebook a Blogger
2. Como agregar un widget de redes sociales a blogger
3. Como agregar un widget flotante Social Media en blogger
4. Como añadir un widget de redes sociales
5. Como crear botones flotantes para compartir todas las redes sociales, Crear Bar Flotante
6. Widget de Twitter
7. Widget de redes sociales para blogger
8. Widget de redes sociales para blogger con efectos
9. Widget social de suscripciones horizontal para blogger
10. Caja de seguidores de facebook Popout para blogger
11. Me gusta Facebook Google + y Twitter Popout para blogger
12. Popout de Facebook para blogger
13. Widget para blogger Popout 4 en 1
14. Widgets para blogger sliding caja de seguidores de Google +

A continuación mire su demostración en mi blog de demos

Les gustos 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”

5 Ábrelo he ingresa las siguientes líneas de código en su interior

<link type="text/css" rel="stylesheet" href="https://dl.dropbox.com/s/ungb93kxgu18i8w/NBTFB_Twitter_RSS_PopOut.css" /><style>#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;}#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}.box-title {color: #0066B3;background: #fff !important;font-size: 18px !important;font-weight: bold;margin: 10px 0;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}.box-tagline {color: #999;margin: 0;text-align: center;}#subs-container {padding: 35px 0 30px 0;position: relative;}a:link, a:visited {border:none;}.demo {display:none;}.box-title1 {border:1px solid #ddd;background: #fff !important;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px; margin:10px 0;}.enteryouremail{background: #fff!important;border: 1px solid #d2d2d2;padding: 0px 8px 0px 8px;color: #a19999; font-size: 12px;height: 25px; width: 165px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;margin:0px;}.submitbutton{background:#0066B3;border: 1px solid #0066B3;text-shadow: 1px 1px 1px #333;box-shadow: 3px 3px 3px #666;font:bold 12px Arial, sans-serif;color: #fff;height: 25px;padding: 0 12px 0 12px;margin: 0 0 0 5px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;cursor:pointer;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src=' http://yourjavascript.com/13110616631/ayudadeblogger-twitter-rss-popup.js'></script><script type='text/javascript'>jQuery(document).ready(function(){if(document.cookie.indexOf('visited=false')==-1){var fifteenDays=1000*60*60*24*15;var expires=new Date((new Date()).valueOf()+fifteenDays);document.cookie="visited=true;expires="+expires.toUTCString();$.colorbox({width:"400px",inline:true,href:"#subscribe"})}});</script><div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><h3 class="box-title">Recibe nuestras actualizaciones desde nuestra Fanpage de Facebook<p style="line-height:4px;" ><b></b></p></h3></center><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ayudadeblogger&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=175" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:175px;" allowtransparency="true"></iframe></center><div style="width:350px; border-top:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-top:5px;"><iframe data-twttr-rendered="true" title="Twitter Follow Button" style="width: 266px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.1347008535.html#_=1351358237637&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=ayudadeblogger&amp;show_count=true&amp;show_screen_name=true&amp;size=m" allowtransparency="true" frameborder="0" scrolling="no"></iframe><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></div><div class="box-title1 "><center><h3 style="color:#0066B3;"><b>Suscríbete a nuestro Feed:</b></h3><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=foroayudadeblogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Ingrese su Email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Ingrese su Email&#39;;}" onfocus="if (this.value == &#39;Ingrese su Email&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="foroayudadeblogger" name="uri" type="hidden"/><input value="Ingresar" class="submitbutton" type="Submit"/></form></center></div><p style=" float:right; margin-right:5px; font-size:9px;" ></p></div></div>

Nota: Si ya utilizas un código jQuery en tu plantilla ya no tendrás que poner solo el código que está marcado de color amarillo, ya que ocasionaría problemas y no se mostrara el Popup, y si no utilizas ningún jQuery similar al código que está marcado de color amarillo inserta todo el código tal como lo muestro en este tutorial.

6 Realiza estos cambios:

He marcado de 4 diferentes colores en los cuales ustedes tendrán que realizar sus respectivos cambios

Si quieren pueden cambiar las palabras que están marcadas de color rojo, por las que ustedes quieran

Borra la URL que está marcada de color azul, por la dirección URL de su Fanpage de Facebook.

Ahora vamos a borrar el nombre que está marcado de color verde ayudadeblogger por el nombre de su página de Twitter.

Y por último, vamos a ubicar los dos nombres que están marcados de color purpura foroayudadeblogger, bórralos y pon ahí el nombre de seguimiento de su Feedburner.

Eso es todo ahora dale un clic en “Guardar” y ubícalo en el sidebar de su blog

Fácil verdad!

Recuerda suscribirte a las nuevas actualizaciones de este portal web

¿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

TAGS: Medios de Comunicacion SocialPopout

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.