Click FaceBook Like to Unlock the Offer

Developer
Shidhin
Size
2,945 Kb
Views
42,504
  1. Click FaceBook Like to Unlock the Offer Previews
  2. Click FaceBook Like to Unlock the Offer HTML Codes
  3. Click FaceBook Like to Unlock the Offer CSS Codes
  4. Click FaceBook Like to Unlock the Offer JS Codes

How do I make an click facebook like to unlock the offer?

This is a demonstration on how to use the facebook like button to unlock any offer. The overlay mask will be removed when the someone click on the facebook like button.. What is a click facebook like to unlock the offer? How do you make a click facebook like to unlock the offer? This script and codes were developed by Shidhin on 18 July 2022, Monday.

Click FaceBook Like to Unlock the Offer Previews
IQ Test

Click FaceBook Like to Unlock the Offer - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Click FaceBook Like to Unlock the Offer</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="offer offer-blocked">
<img src="http://www.newstelecom.info/wp-content/uploads/2012/09/Best-Mobile-Deal.jpg"></img> <div class="fb-like" data-href="http://www.windows-help-support.com" data-send="false" data-width="450" data-show-faces="false"></div>
<div id="fb-root"></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Click FaceBook Like to Unlock the Offer - Script Codes CSS Codes

.offer-blocked { position: relative; display: inline-block;
}
.offer-blocked:after { content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0;
}
.offer-blocked img { filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px);
}
.offer-blocked .fb-like { z-index: 100; position: absolute; top: 30%; left: 30%; margin-left: -20px; color: #fff;
}
.offer-blocked .fb-like:after { content: "Please click on the LIKE button to unlock the OFFER"; display: 'block'; position: absolute; width: 100%; left: 0; top: 50px; font-size: 25px; font-family: verdana;
}

Click FaceBook Like to Unlock the Offer - Script Codes JS Codes

jQuery( function() { window.fbAsyncInit = function() {
// Don't use my app id, use your own or it won't work! FB.init({appId: '134385103436857', status: true, cookie: true, xfbml: true}); FB.Event.subscribe('edge.create', function(href, widget) { console.dir(href); console.dir(widget); jQuery(".offer.offer-blocked").removeClass("offer-blocked"); jQuery(".fb-like").hide(); });
};
(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=134385103436857"; fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
Click FaceBook Like to Unlock the Offer - Script Codes
Click FaceBook Like to Unlock the Offer - Script Codes
Home Page Home
Developer Shidhin
Username shidhincr
Uploaded July 18, 2022
Rating 3.5
Size 2,945 Kb
Views 42,504
Do you need developer help for Click FaceBook Like to Unlock the Offer?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Shidhin (shidhincr) Script Codes
Name
Transition Spring animation - webkit
Tic Tac Toe Game in Pure JavaScript and CSS
Handle Icons in Pure CSS
Single DIV Love Symbol in CSS
Simple material ripple
Fire using CSS animations
HTML Textbox with a clear button in Pure CSS and without JavaScript
FlipJS Demo
Transition Spring animation - webkit
A Pen by Shidhin
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!