Fanpage

[techphil]

Hello,
I have notice some WP blogs uses a simple pop up window that is connected to a fanpage.
there was plug-ins in WP but it seems that it would not work in altervista
dont know if WP is blocking a pop up window,
but my main reason is for me to gain page like with my visitors.
and it is not compulsory to like the page, just a nice pop up to ask them if they would want to like the page thru windows pop up

[karl94]

Could you please provide the name of the plugin you tried?

[techphil]

thanks I have found a plug in that works, mini popup works, but it does not have an option to adjust the opacity of the background color.

[techphil]

I have tried a java pop up that is fully Customizable since it is a script but it does not work on the site

this was the Javascript code, Ive tried to insert this on a html/text widget, or even in the text edit of a post but it just dont work,
I am not an I.T. so I could not really understand most of the things here I am just searching the net for reference.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
	display: none;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

#fbox-close {
	width: 100%;
	height: 100%;
}

#fbox-display {
	background: #eaeaea;
	border: 5px solid #828282;
	width: 340px;
	height: 230px;
	position: absolute;
	top: 32%;
	left: 37%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#fbox-button {
	float: right;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
}

#fbox-button:before {
	content: "CLOSE";
	padding: 5px 8px;
	background: #828282;
	color: #eaeaea;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
	color: #aaaaaa;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	padding: 5px;
}
</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_facebook_box') != 'yes'){
$('#fbox-background').delay(1000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 0 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/TechPhil/1644544385761880&width=402&height=255&colorscheme=light&show_faces =true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://techphil.altervista.org" rel="nofollow">TechPhil</a></div>
</div>
</div>

thanks in advance.

[karl94]

That code is a bit old and could create problems in the future (it uses an old version of a popular JavaScript library), I'd suggest you to find a recent customizable plugin for WordPress.