Cómo poner un pop-up con caja de me gusta para Fanpage en Blogger (Ejemplo)

Cómo poner un pop-up con caja de me gusta para Fanpage en Blogger (Condición)

Las páginas de Facebook ofrece un globo terráqueo de probabilidades para los creadores de contenido web. Es una diseño de corresponder con la metropolitana y también por supuesto adoptar Blogger puedes poner un pop-up en tu blog para quien tus seguidores le den me gusta a tu Fanpage.

Beneficio de poseer una Fanpage

Una Fanpage podría posiblemente combinar a comunidad con los mismos gustos y también preferencias. Adicionalmente de quien le ofrece una oportunidad a los seguidores de seguro de sí mismo estructura de contenido web poseer una interacción mucho mas directa con los clientes.

Tu edificio o incluso nombre de marca trabajadores tendrá máximo exposición directa y también de manera similar tendrás la oportunidad de posicionarte en una canal cultural de distancia internacional. Sin decir quien es una fantástico elección para transmisión tráfico del sitio web a tu blog y también ejecutar campañas de publicidad virtual.

Establecer una ventana de casa desarrollando en Blogger con la Fanpage de Facebook es una obligación sencillo y también con específicamente unos cuantos clics.

Cómo poner un pop-up con caja de Me gusta para Fanpage en Blogger

  • Ingresa a tu perfil de Google y también accede a Blogger considerando que el cambiar de aplicaciones de Google. Selecciona la elección de Idear considerando que el selección de comida y también elige la elección Acumulativo un unidad.
  • Se abre una nueva ventana de casa donde debes elegir la elección HTML/JavaScript.
  • Hay una nueva ventana de casa donde se Necesitar colección el código en el área suburbana de contenido web.  El mercado de encabezado podría posiblemente quedar succión y también puedes elegir por supuesto esta notable o incluso ciertamente no.

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.momento.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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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 camión;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
diferentes colores:#80808B;
font-size:10px;
margin: 0 camión 5px camión;
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(15000).fadeIn(‘medium’);
$(‘#TheBlogWidgets, #fan-exit’).click(function(){
$(‘#fanback’).stop().fadeOut(‘medium’);
});
}
$.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 });
});
</script>
<div identidad=’fanback’>
<div identidad=’fan-exit’>
</div>
<div identidad=’JasperRoberts’>
<div identidad=’TheBlogWidgets’>
</div>
<div class=”remove-borda”>
</div>
<iframe allowtransparency=’true’ frameborder=”0″ scrolling=’ciertamente no’ src=”https://www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/gatosgraciososHD&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><center>
<span style=”diferentes colores:#a8a8a8;font-size:8px;” identidad=”linkit”>Powered by <a rel=”nofollow” style=”diferentes colores:#a8a8a8;font-size:8px;” href=”http://jasperroberts.com”>Jasper Roberts Consulting</a> – <a style=”diferentes colores:#a8a8a8;font-size:8px;” href=”http://www.theblogwidgets.com”>Widget</a></span></center>
</div>
</div>

poner un pop-up con caja de Me gusta

Busca en el código www.facebook.com/gatosgraciososHD y también sustituyelo mediante el relación de tu Fanpage. Definitivamente tienes conocimientos de HTML además puedes cambio la participación y también el ansioso específico en el quien se Necesitar representar la mensaje. Es una cambio quien ciertamente no te tomará mucho mas de 5 minutos y también le dará un elemento experimentado a tu blog.

READ  ¿Quién Creó, Inventó y Fundó Glovo? ¿Dónde y Cuando se Creó Glovo?

Estás viendo: Cómo poner un pop-up con caja de me gusta para Fanpage en Blogger (Ejemplo)

Página web de comenzando: mundonikosia.com