Results 1 to 5 of 5

Thread: Fanpage

  1. #1
    techphil is offline Utente AlterBlog
    Join Date
    Jun 2015
    Posts
    9

    Default Fanpage

    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

  2. #2
    karl94 is offline AlterVista Staff
    Join Date
    Jan 2015
    Posts
    573

    Default

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

  3. #3
    techphil is offline Utente AlterBlog
    Join Date
    Jun 2015
    Posts
    9

    Default

    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.

  4. #4
    techphil is offline Utente AlterBlog
    Join Date
    Jun 2015
    Posts
    9

    Default

    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.
    HTML Code:
    <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.
    Last edited by karl94; 06-27-2015 at 03:20 PM. Reason: Code formatting

  5. #5
    karl94 is offline AlterVista Staff
    Join Date
    Jan 2015
    Posts
    573

    Default

    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

SEO by vBSEO