Hola gente, aqui de nuevo, mis post no son muy visto pero que importa aqui les traigo algo que queria compartir con ustedes. Les dejo como colocar una caja flotante de tu pagina de Fans de Facebook (No puede ser tu perfil personal), tu Twitter & Google plus. Para que puedas interactuar con tus visitantes de tu blogger o pagina.
Esto lo eh probado en mi Blogger y a funcionado.!!
1.- Cómo agregar la página de fans de Facebook, Twitter & Google Plus Flotante Para Blogger (Cabe destacar que no se si funcione en otro tipo de paginas o blogs. En paginas sencillas de formato HTML Si funciona.)
Vaya a Escritorio de Blogger -> Diseño -> Edición de HTML
Copia de seguridad de la plantilla antes de hacer cualquier cambio en tu blog
Ahora Expandir plantillas de artilugios
Encuentra el código que se muestra a continuación, utilizando la tecla [Ctrl + F]
</ Head>
Ahora pega el código mostrado abajo justo antes de / por encima de </ Head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
Si la plantilla contiene ya esta javascript entonces no hay necesidad de agregar esta
2.- Ahora haga clic en el botón Generador Widget muestra a continuación.
3.- Limpia los datos que estan en el area de texto que se encuentra en el recuadro central de la pagina.
4.- Rellena tus datos, si quereis que cualquiera de los 4 no salga, solo deja el recuadro en blanco.
5.- Despues de eso, da click en Generate
6.- Si es para tu blog. con tu blog da click en Add to Blog. Y sigue los pasos para añadir el artilugio.
7. Ya instalado esto (o si es para pagina sencilla de html) dirigete a donde se encuentra el Widget que se encontrara con titulo de HTML/JavaScrip o si lo instalastes en una pagina sencilla en cualquier parte del <body>
inserta este codigo (si en tu caso es bloger solo cambia el ID de Google ):
<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/3in1/3.css" /><script src='http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js'></script><script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js"></script><script type="text/javascript">jQuery(document).ready(function($){$('#gpaw').googlePlusActivity({api_key:'AIzaSyBIh4fAagRSLQf3kDOdBkTqge2LpnDSqJQ',user:'100968892774240503731',image_width:75,image_height:75,body_height:230})});</script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#facebook_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right".stop(true,false).animate({right: -240}, 500); }); jQuery("#twitter_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right".stop(true,false).animate({right: -240}, 500); }); jQuery("#google_plus_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right".stop(true,false).animate({right: -280}, 500); }); }); </script><p style=display:none;> 3 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style=top:10%;> <div id="facebook_div"> <img src="http://1.bp.blogspot.com/-P7PnKzs4M-s/T0E3xZE2FKI/AAAAAAAAC08/j-3aibI525I/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfacebook_right.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FLasCosasComoSoon&locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&height=256" scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style=top:27%;><div id="twitter_div"><img id="twitter_right_img" src="http://2.bp.blogspot.com/-N_SZ0_7E8fs/T0E16YjfRyI/AAAAAAAAC00/szvsu90oRMM/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("albertho_rivera";</script> </div></div></div><div id="on"><div id="google_plus_right" style=top:44%;><div id="google_plus_div"><img id="google_plus_right_img" src="http://4.bp.blogspot.com/-oMCVA6XPob8/T0E3y55ZwjI/AAAAAAAAC1M/ew6Ua_iT-YE/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dgoogle_plus_right.png" /><div style=float:left;margin:0px0px4px4px;><div id="gpaw"> </div></div></div></div></div>
8.- Las partes que estan en colores cambialas por tus usuarios.
1.- Es el ID de tu Google Plus
2.-El nombre de direccion de Pagina de Facebook que puede ser Facebook/LasCosasComoSoon o Facebook/-ஐHay-cosas-que-hace-mucho-me-dejaron-de-importar-tu-por-ejemploஐ-/01462362456
3.- Tu usuario de Twitter: @albertho rivera (Este caso es el mio)
9.- Guarda tus cambios y listo. Tu blog o tu pagina quedara asi:
Yo odio esto ajajajaa :
Esto lo eh probado en mi Blogger y a funcionado.!!
1.- Cómo agregar la página de fans de Facebook, Twitter & Google Plus Flotante Para Blogger (Cabe destacar que no se si funcione en otro tipo de paginas o blogs. En paginas sencillas de formato HTML Si funciona.)
Vaya a Escritorio de Blogger -> Diseño -> Edición de HTML
Copia de seguridad de la plantilla antes de hacer cualquier cambio en tu blog
Ahora Expandir plantillas de artilugios
Encuentra el código que se muestra a continuación, utilizando la tecla [Ctrl + F]
</ Head>
Ahora pega el código mostrado abajo justo antes de / por encima de </ Head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
Si la plantilla contiene ya esta javascript entonces no hay necesidad de agregar esta
2.- Ahora haga clic en el botón Generador Widget muestra a continuación.
3.- Limpia los datos que estan en el area de texto que se encuentra en el recuadro central de la pagina.
4.- Rellena tus datos, si quereis que cualquiera de los 4 no salga, solo deja el recuadro en blanco.
5.- Despues de eso, da click en Generate
6.- Si es para tu blog. con tu blog da click en Add to Blog. Y sigue los pasos para añadir el artilugio.
7. Ya instalado esto (o si es para pagina sencilla de html) dirigete a donde se encuentra el Widget que se encontrara con titulo de HTML/JavaScrip o si lo instalastes en una pagina sencilla en cualquier parte del <body>
inserta este codigo (si en tu caso es bloger solo cambia el ID de Google ):
<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/3in1/3.css" /><script src='http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js'></script><script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js"></script><script type="text/javascript">jQuery(document).ready(function($){$('#gpaw').googlePlusActivity({api_key:'AIzaSyBIh4fAagRSLQf3kDOdBkTqge2LpnDSqJQ',user:'100968892774240503731',image_width:75,image_height:75,body_height:230})});</script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#facebook_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right".stop(true,false).animate({right: -240}, 500); }); jQuery("#twitter_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right".stop(true,false).animate({right: -240}, 500); }); jQuery("#google_plus_right".hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right".stop(true,false).animate({right: -280}, 500); }); }); </script><p style=display:none;> 3 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style=top:10%;> <div id="facebook_div"> <img src="http://1.bp.blogspot.com/-P7PnKzs4M-s/T0E3xZE2FKI/AAAAAAAAC08/j-3aibI525I/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfacebook_right.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FLasCosasComoSoon&locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&height=256" scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style=top:27%;><div id="twitter_div"><img id="twitter_right_img" src="http://2.bp.blogspot.com/-N_SZ0_7E8fs/T0E16YjfRyI/AAAAAAAAC00/szvsu90oRMM/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("albertho_rivera";</script> </div></div></div><div id="on"><div id="google_plus_right" style=top:44%;><div id="google_plus_div"><img id="google_plus_right_img" src="http://4.bp.blogspot.com/-oMCVA6XPob8/T0E3y55ZwjI/AAAAAAAAC1M/ew6Ua_iT-YE/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dgoogle_plus_right.png" /><div style=float:left;margin:0px0px4px4px;><div id="gpaw"> </div></div></div></div></div>
8.- Las partes que estan en colores cambialas por tus usuarios.
1.- Es el ID de tu Google Plus
2.-El nombre de direccion de Pagina de Facebook que puede ser Facebook/LasCosasComoSoon o Facebook/-ஐHay-cosas-que-hace-mucho-me-dejaron-de-importar-tu-por-ejemploஐ-/01462362456
3.- Tu usuario de Twitter: @albertho rivera (Este caso es el mio)
9.- Guarda tus cambios y listo. Tu blog o tu pagina quedara asi:
Yo odio esto ajajajaa :