Pop-up caja de me gusta facebook para blogger – School – Hard drive – Accident – Dominios

Una buena idea para mantenernos en contacto con nuestros lectores es mediante las redes sociales, con facebook podemos crear páginas de fans de nuestro sitio web y compartir constantemente nuestras entradas. Una buena forma de asegurarnos de que los que visitan nuestro blog hagan clic en "me gusta" es con un pop-up que se abra cuando visitan nuestro blog.

Para agregar este pop-up a nuestro blog lo que haremos será ir al panel de administración de blogger y entramos en diseño.

Una vez allí hacemos click en añadir un gadget

Agregaremos un gadget del tipo HTML/Javascript

Nos abrirá una nueva ventana en la que pegaremos el siguiente código

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/script
style
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicJuHHjQWbQG_vR4Nv1DD-nj-pONUG6VmHqi3Eo-3geiBJqI5MCkXJS3bH5BFBIjXJR1YguRGHblkxipY59-PvlpE8Lm9qmNj_I9HpsaiD13o7dlkZI_Bvo2J8TaTUB45xPHVPoLb_BJs3/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
/style


script type='text/javascript'
//![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length  1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//
/script
script type='text/javascript'
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
/script

div id='fanback'
div id='fan-exit'
/div
div id='JasperRoberts'
div id='TheBlogWidgets'
/div
div class='remove-borda'
/div
iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/BlogUnEstudiantedeInformatica&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/iframecenter
span style="color:#a8a8a8;font-size:8px;" id="linkit"Powered by a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com"Jasper Roberts Consulting/a - a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com"Widget/a/span/center
/div
/div

Copiamos y pegamos el código anterior como se muestra en esta imagen. Además buscamos la línea que contiene el enlacehttp://www.facebook.com/BlogUnEstudiantedeInformatica y la cambiamos por el enlace de nuestra página de facebook.Finalmente hacemos click en guardar.

Es importante resaltar que este pop-up solo se mostrará una vez a cada visitante, a menos que este borre las cookies. El pop-up se mostrará luego de 20 segundos, sí queremos aumentar o disminuir este tiempo buscamos la línea$('#fanback').delay(20000).fadeIn('medium'); yeditamos el delay que es el tiempo en milisegundos que tarda en mostrarse el pop-up. Es decir, sí son 20000 milisegundos correspondería a 20 segundos. Y sí queremos que se muestre en 10 segundos entonces cambiaríamos 20000 por 10000.

Agregar dos FanPages al pop-up:

En los comentarios de esta entradaAnaTuron preguntaba sí es posible agregar más de una página de fans al pop-up. Si, es posible.

Sí poseemos mas de una página de fans en facebook una buena opción podría ser agregar al menos dos de estas al pop-up, esto lo haremos insertando un nuevo iframe de la caja de facebook cambiando para este el enlace de la fanpage. También hacer un cambio en el css en cuanto a la altura del gadget. El código html para poder agregar dos fanpage es el siguiente:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/script
style
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:540px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicJuHHjQWbQG_vR4Nv1DD-nj-pONUG6VmHqi3Eo-3geiBJqI5MCkXJS3bH5BFBIjXJR1YguRGHblkxipY59-PvlpE8Lm9qmNj_I9HpsaiD13o7dlkZI_Bvo2J8TaTUB45xPHVPoLb_BJs3/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
/style


script type='text/javascript'
//![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length  1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//
/script
script type='text/javascript'
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
/script

div id='fanback'
div id='fan-exit'
/div
div id='JasperRoberts'
div id='TheBlogWidgets'
/div
div class='remove-borda'
/div
piframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/NombreDeLaPrimeraFanPage&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/iframe/p
piframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/NombreDelaSegundaFanPage&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/iframe/pcenter
span style="color:#a8a8a8;font-size:8px;" id="linkit"Powered by a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com"Jasper Roberts Consulting/a - a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com"Widget/a/span/center
/div
/div

IMPORTANTE
Solo debemos editar el enlace de nuestras páginas de fans de facebook donde dice:

http://www.facebook.com/NombreDeLaPrimeraFanPage
http://www.facebook.com/NombreDelaSegundaFanPage

Una vez agregado el gadget nuestro pop-up con dos páginas de fans se vería de la siguiente manera:

También te podría interesar:
Slider automático de últimas entradas para blogger
Iconos sociales color azul para blogger
Crear formulario de contacto para blogger
Colocar código en entradas de blog

El internet en tiempo real – Accident – Virtual – Habitaciones

Te has preguntado alguna vez ¿Cuantas cuentas en twitter, facebook, google+ y demás redes sociales se crean cada segundo? En ese mismo segundo, ¿Cuantos tweets son creados? ¿Cuantos vídeos son vistos subidos a youtube? ¿Cuantas apps para android y mac son descargadas? ¿Cuantos emails son enviados? ¿Cuantos likes en facebooks se generan? ¿Cuantos mensajes en whatsapp son enviados?

El sitio webpennystocks.lanos proporciona una herramienta que en tiempo real nos indica un promedio de la cantidad de interacciones hechas a través del internet en un intervalo de tiempo. Sí desean hacer la prueba entren al siguiente enlace:http://pennystocks.la/internet-in-real-time/

Iconos sociales color azul para blogger – coche – Arquitectura – Motor

Siempre es conveniente en nuestro blog brindar a nuestros lectores la posibilidad de seguirnos a través de nuestras redes sociales. Con este gadget lo podremos hacer.

Solo debemos ir al panel de administración de blogger e ir a Diseño, luego añadiremos un gadgetHTML/Javascript y copiamos y pegamos el siguiente código:

div id="social"
a href="Url de tu facebook aqui" target="_blank"img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0QfGG0WbB8rJLw2pfwI_M99mNqA-JfdeyR3n4gqTvJnr2cRjjso8Rq5L-Kw__b3hYACzCJp0USUQFY559TZNUJUghgF1k8PDkAhqaeP7o0LsPshhp3OGkmOPzWsDIiF59_7ZJE3Isi3o/s64-no/thumbs_097124-3d-glossy-blue-orb-icon-social-media-logos-facebook-logo.png" title="Siguenos en Facebook" //a
a href="Url de tu google+ aqui" target="_blank"img alt="Google+" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkorys9hbk4xlTEb1pJLZSnL9m0I3BauxDygmdAZqLfRG54FOcFSgHjpRfrq5bC940SNmHgc5Y5dzGv5kPc9pPV0uRafBIPiEu60ULrpvR2PwyHVFnpJyGbzNFblc_fnDt0wWEhtsBsVg/s64-no/thumbs_097137-3d-glossy-blue-orb-icon-social-media-logos-google-g-logo.png" title="Siguenos en Google Plus" //a
a href="Url de tu twitter aqui" target="_blank"img alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIzDIY3KS-8BRaWINOwJD4LDDTfJb9r8-xYYe29e_Hsg2-jssAmxXRZy0RlNKzPme62OWVMUMVkDI_fKnlqJDPSzBBkanvvBBHrnTZtLFqfbCgzaoUlDMiozilbLhetYIMMbC60tj7Eg0/s64-no/thumbs_097196-3d-glossy-blue-orb-icon-social-media-logos-twitter.png" title="Siguenos en Twitter" //a
a href="Url de tu feed aqui" target="_blank"img alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSVLCOLVc8u-WGdqD9UOH_AjCrWMpUilvlXYFQe85bY9h3QgLiRnSLTYc3YQ3B7qpmwjuWXkecPQ_HpvzczaI8M8A45IJu45izka_o9kiCvOBV6KAf4FOkRIBdi1oHh9Ht0NNcrWpJTpY/s64-no/thumbs_097172-3d-glossy-blue-orb-icon-social-media-logos-rss-basic.png" title="Suscribete a nuestro RSS" //a/div
br /
br /
br /

Debemos remplazarUrl de tu facebook aquipor la url o enlace de tu facebook o fan page,Url de tu google+ aquipor la url o enlace de tu google+. Haremos similarmente con los otros botones.

Enlazar Twitter y Facebook para publicar nuestros tweets automáticamente en Facebook. – Email – School – Asesor

Sí quieres que tustweets sean publicadosautomáticamente enFacebook debes enlazar ambas cuentas, lo haremos siguiendo estos paso:

- Entramos en twitter y vamos aconfiguración, luego hacemos click enPerfil.

- Una vez ahí hacemos click en el botónconecta a facebook.

- Nos pedirá que concedamos ciertos permisos e información de nuestro perfil a la aplicación. Hacemos click enaceptar.

- Luego nos mostrará dos opciones:

Permitir a Twitter:

publicar retweets en Facebook

publicar en mi perfil de Facebook

La primera sería para publicar en facebook todos losretweets que hagamos. La segunda para publicar nuestrostweets. Marcan las casillas de su preferencia y hacemos untweet de prueba para comprobar que la aplicación funciona correctamente.

Además,sí quieren que sus tweets se publiquen en alguna página en específico hacemos click enallow.

Allowposting to one of your pages.

Nuevamenteaceptamos los permisos de la aplicación, marcamos la casilla para publicar en paginas y seleccionamos en cual de nuestras páginas queremos publicar nuestros tweets.

publicar en mi página de Facebook:

(seleccionar página)Opción 1Opción 2Opción 3Opción 4Opción 5

Launcher de redes sociales (facebook, twitter, instagram, linkedin) desarrollado en java. – Asesor – Culture – Motor

Es una aplicación desarrollada en java con la cual podrás ingresar a tus redes sociales favoritas o sitios webs de tu preferencia con tan solo un clic, haciendo uso de tu navegador web predeterminado. Además, posee la opción de realizar búsquedas en google tan solo ingresando lo que desees buscar. Todo esto en una sola aplicación.

Si desean descargar la aplicación lo pueden hacer haciendo clic en el siguiente link.

Launcher.exe - 39 KB

Luego de entrar a la web demediafire hacer clic en el botón "Download".

Nota:

Para abrir algún sitio web de tu preferencia, hacer clic en el campo de texto superior (el de arriba) y escribir la dirección web del sitio que deseas abrir, luego hacer clic en el botón "ir".

Para realizarbúsquedas engoogle hacer clic en el campo de texto inferior (el de abajo) escribir lo que desees buscar y luego hacer clic en el botón "buscar".

Para abrir las redes sociales o sitios websfacebook, twitter, google+,linkedin, youtube y blogger. Solo hacer clic en el botón correspondiente del sitio.

Launcher de redes sociales (facebook, twitter, instagram, linkedin) desarrollado en c++. – Money – Service – Culture – Credit

Si eres fanático de lasredes sociales seguramente te has preguntado como abrir todas éstas desde un solo lugar sin necesidad de ingresar sus urls en el navegador.

El siguiente es un launcher desarrollado con c++ con el cual desde la consola de windows podrás abrir en tu computadorfacebook, twitter, instagram y linkedin con tan solo ingresar el número de la opción y apretar enter.

(Para descargar clic en la imagen de abajo)

"Todo el mundo debería saber programar" Code.org (subtitulado). – Credito – Lincoln – dinero

El siguiente es un vídeo el cual nos plantea que cualquier persona de cualquier profesión o área del conocimiento que se desempeñe debería saber programar. Ademas, aparecen algunos persones famosos los cuales dedican su vida al mundo de la programación y el desarrollo de software, mostrándonos un poco como es su vida diaria. Bastante interesante la verdad.