Cómo agregar un cuadro similar a Facebook a mi sitio web en Blogger

Es muy fácil agregar un cuadro de me gusta emergente de Facebook en su sitio web Blogspot.

Solo sigue estos pasos.

Paso 1: copia el siguiente código

# fbox-background {

pantalla: ninguno;

fondo: rgba (0,0,0,0.8);

ancho: 100%;

altura: 100%;

posición: fija;

arriba: 0;

izquierda: 0;

índice z: 99999;

}

# fbox-close {

ancho: 100%;

altura: 100%;

}

# fbox-display {

fondo: #eaeaea;

borde: 5px sólido # 828282;

ancho: 340px;

altura: 230 px;

posición: absoluta;

arriba: 32%;

izquierda: 37%;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

radio de borde: 5px;

}

# fbox-button {

flotar derecho;

cursor: puntero;

posición: absoluta;

derecha: 0px;

arriba: 0px;

}

# fbox-button: antes de {

contenido: “CERRAR”;

acolchado: 5px 8px;

fondo: # 828282;

color: #eaeaea;

peso de fuente: negrita;

tamaño de fuente: 10px;

Familia tipográfica: Tahoma;

}

# fbox-link, # fbox-link a.visited, # fbox-link a, # fbox-link a: hover {

color: #aaaaaa;

tamaño de fuente: 9px;

decoración de texto: ninguno;

alinear texto: centro;

acolchado: 5px;

}

// <! [CDATA [

jQuery.cookie = función (clave, valor, opciones) {

// clave y al menos valor dado, establecer cookie …

if (argumentos.length> 1 && String (value)! == “[objeto Objeto]”) {

opciones = jQuery.extend ({}, opciones);

if (valor === nulo || valor === indefinido) {

options.expires = -1;

}

if (typeof options.expires === ‘número’) {

var days = options.expires, t = options.expires = new Date ();

t.setDate (t.getDate () + días);

}

valor = Cadena (valor);

return (document.cookie = [

encodeURIComponent (clave), ‘=’,

opciones.raw? valor: encodeURIComponent (valor),

opciones.expira? ‘; expires = ‘+ options.expires.toUTCString ():’ ‘, // usa el atributo expires, IE no admite max-age

opciones.ruta? ‘; ruta = ‘+ opciones.ruta:’ ‘,

opciones.domain? ‘; dominio = ‘+ opciones.dominio:’ ‘,

opciones.secure? ‘; seguro ‘:’ ‘

].unirse(”));

}

// clave y posiblemente opciones dadas, obtener cookie …

opciones = valor || {};

resultado var, decode = options.raw? función (es) {return s; }: decodeURIComponent;

¿return (result = new RegExp (‘(?: ^ |;)’ + encodeURIComponent (key) + ‘= ([^;] *)’). exec (document.cookie))? decodificar (resultado [1]): nulo;

};

//]]>

jQuery (documento) .ready (función ($) {

if ($. cookie (‘popup_facebook_box’)! = ‘yes’) {

$ (‘# fbox-background’). delay (12000) .fadeIn (‘medio’);

$ (‘# fbox-button, # fbox-close’). click (function () {

$ (‘# fbox-background’). stop (). fadeOut (‘medio’);

});

}

});

<iframe allowtransparency = 'true' frameborder = '0' scrolling = 'no' src = '// www.facebook.com/plugins/likebox.php?

href = http://facebook.com/gateacenotes & width = 339 & height = 255 & colorscheme = light & show_faces = true & show_border = false & stream = false & header = false ‘

style = ‘border: none; desbordamiento: oculto; fondo: #fff; ancho: 339px; altura: 200 px; ‘>

  • Nota: – Reemplace http://facebook.com/gateacenotes con la URL de su página de Facebook.

Paso 2:-

Registrarse en Blogger.com> Haga clic en Diseño> Haga clic en Agregar gadget> ahora haga clic en la opción HTML / JAVASCRIPT.

Paso 3:-

Pegue este código y haga clic en el botón Guardar.

  • Ahora no necesitas hacer nada. Su página de Facebook como cuadro emergente automáticamente después de 40 segundos cada vez que carga su blog.

Artículo por: – Blog Warn

agregue la nueva caja de me gusta personalizada de Facebook para blogger

Es realmente fácil ……

1. Cuadro Me gusta de Facebook

2. Agregue su URL (www.facebook.com/yourURL)

3. Haga clic en “Obtener código”

4. Copie y pegue el código “IFRAME” en la barra lateral de su blog.

Eso es….

Hola,
Recientemente he compartido una guía paso a paso para agregar un widget receptivo en cualquier parte del blog de Blogger. ¡Espero que te ayude!
Fuente: Agregar widget de respuesta de Facebook Like Box a Blogger

He escrito un artículo sobre este tema. Espero que te ayude. Si no puede entender un paso o algo, solo pida ayuda. Es bastante simple. Debería ser fácil para cualquiera.

Aquí: widget de cuadro de me gusta de Facebook para blog [How-To]

Agregar un cuadro de Facebook Fan / Me gusta en el sitio web de blogger es realmente fácil. Ya publiqué un tutorial paso a paso para que el cuadro de fans de FB aparezca en blogger.

Visite la publicación para saber cómo mostrar Facebook Fan / Like Box en Blogger (Step Wise Tutorial).

More Interesting

Quiero ser un buen desarrollador web. ¿Qué tengo que hacer?

Quiero escribir mi propio sitio de Twitter (o Facebook), pero no quiero usar PHP como lenguaje del lado del servidor. ¿Cuáles son algunas alternativas?

Estoy interesado en JavaScript del lado del servidor, pero tengo más experiencia en PHP. ¿Vale la pena invertir tiempo para convertirse en un experto en PHP?

Cómo elegir el mejor complemento SEO de WordPress para mi sitio web

¿Por qué necesito un servidor para usar una base de datos?

Cómo alojar sitios web JSP en GoDaddy

Estoy tratando de crear un sitio web usando etiquetas html. pero ¿cómo veo la página web?

Creo que Internet Explorer 11 es mejor que Edge. ¿Puedes demostrarme que estoy equivocado?

¿Por qué tengo que aprender AngularJS?

¿Por qué aparece el error 'modelstate no válido' en ASP.NET?

Voy a comenzar a desarrollar un gran proyecto de red social. ¿Debo usar Node.JS o necesito usar Java (para el backend)?

Estoy planeando iniciar un sitio web, algo como ScoopWhoop / BuzzFeed. ¿Cuáles son algunas sugerencias útiles?

Tengo una agencia de personal y quiero un sitio web donde los empleadores puedan encontrar a sus mejores trabajadores. ¿Cuál es el mejor software para crear el sitio web?

Creo que es demasiado tarde para comenzar a programar, quiero obtener un trabajo de desarrollador web junior lo más rápido posible, ¿qué debo hacer?

Cómo seleccionar todos los elementos de un grupo por categoría y obtener los datos como una matriz en Laravel