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.

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

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

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

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



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

9 comentarios:

  1. Me gusta el diseño de tu pup.. pero esta roto!! la ventana aparece arriba de la pagina y realmente no es muy agradable el lugar!
    cree arreglarlo!
    Te dejo un saludo.. Buen trabajo tu blog. :)

    ResponderEliminar
  2. Amigo no me funciona, mi blog es www.adniphone que sera?

    ResponderEliminar
  3. Hola Rykrdo, he respondido a su pregunta en la cuenta de Facebook de Ayudadeblogger, por favor revíselo

    Saludos

    ResponderEliminar
  4. Tio, eres la bomba, sencillo, rapido y eficaz! Gracias...me suscribo y espero seguir aprendiendo mas cosillas!

    ResponderEliminar
  5. Buenas! AParece siempre, entre 1 vez o 2 veces o 15, hay alguna forma de hacer que aparezca unicamente en la primera visita?
    http://football-afa.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola Jose, el widget fue creado para que se muestre cada vez que se abra su blog, entradas o paginas.

      Saludos.

      Eliminar
    2. Buenas de nuevo! Hay forma de algun script para que guarde cookies para que solo aparezca 1 vez por usuario? ya que, desde mi punto de vista, navegar por una web y que cada vez que cambie de pagina dentro de esa misma web, o siempre que entre a ella, me salga el cuadro de suscripción, puede llegar a ser muy molesto y restaría seguidores y visitantes a la web. Un saludo!

      Eliminar
    3. Hola José, pruebe con el siguiente tutorial, en el cual active para que solo se muestre el widget en la pagina principal y no al ingresar en las entradas

      http://www.ayudadeblogger.com/2013/09/como-ocultar-widgets-en-pagina-principal-entradas-de-blogger.html

      Saludos.

      Eliminar
    4. Thanks!!! mañana lo pongo a prueba!! Gracias Crack!!

      Eliminar