LIKE BUTTONS
HTMLmarkup:
|
1 2 3 4 5 6 7 8 9 |
<div class="secretContainer"> <h4>Secret Header</h4> <div class="video"> <iframe width="560" height="315" src="https://www.youtube.com/embed/_luhn7TLfWU" frameborder="0" allowfullscreen></iframe> </div> </div> |
Javascript:
|
1 2 |
<script src="js/jquery-1.11.3.min.js"></script> <script src="js/socialUnlocker.js"></script> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<script> $('.secretContainer').socialUnlocker({ texts:{ maskHeader: "Like Us", maskText: "We show you hidden content" }, buttons : ["facebook_like", "twitter_tweet", "google_plus1"], timer: 10000000, facebook:{ appId: "659569734174330", likeButton:{ url: "https://www.facebook.com/createITpl" } }, twitter:{ tweetButton: { url: "http://www.createit.pl/en/", message: "Nicola Tesla inventor", hashtags: "tesla, inventor, ac" } }, googlePlus:{ plusOneButton:{ url: "http://www.createit.pl/en/" } } }); </script> |
SHARE BUTTONS
HTML markup:
|
1 2 3 4 5 6 7 8 9 |
<div class="secretContainer"> <h4>Secret Header</h4> <div class="video"> <iframe width="560" height="315" src="https://www.youtube.com/embed/_luhn7TLfWU" frameborder="0" allowfullscreen></iframe> </div> </div> |
Javascript:
|
1 2 |
<script src="js/jquery-1.11.3.min.js"></script> <script src="js/socialUnlocker.js"></script> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<script> $('.secretContainer').socialUnlocker({ texts:{ maskHeader: "Share", maskText: "We show you hidden content" }, buttons : ["facebook_share", "twitter_follow", "google_share"], closeButton: true, facebook:{ appId: "659569734174330", shareButton:{ url:"https://www.facebook.com/createITpl/posts/898868683469333", name : "CreateIT", picture : "http://www.createit.pl//wp-content/uploads/sites/2/2015/02/createit-landing-logo-upd.png", caption : "CreateIT", description : "We are createIT. We create IT. And we are really good at it." } }, twitter:{ followButton:{ username: "createitpl" } }, googlePlus:{ shareButton: { url: "http://www.createit.pl/en/" } } }); </script> |
FULL PAGE
HTML markup:
|
1 2 3 4 5 6 7 8 9 10 11 |
<body class="secretContainer"> <section> <h4>Header</h4> <div class="video"> <iframe width="560" height="315" src="https://www.youtube.com/embed/_luhn7TLfWU" frameborder="0" allowfullscreen></iframe> </div> </section> </body> |
|
1 2 |
<script src="js/jquery-1.11.3.min.js"></script> <script src="js/socialUnlocker.js"></script> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<script> $('.secretContainer').socialUnlocker({ texts:{ maskHeader: "Like Us", maskText: "We show you hidden content" }, buttons : ["facebook_like", "twitter_tweet", "google_plus1"], closeButton: true, fullPage: true, facebook:{ appId: "659569734174330", likeButton:{ url: "https://www.facebook.com/createITpl" } }, twitter:{ tweetButton: { url: "http://www.createit.pl/en/", message: "Nicola Tesla inventor", hashtags: "tesla, inventor, ac" } }, googlePlus:{ plusOneButton:{ url: "http://www.createit.pl/en/" } } }); </script> |