Ajouter Social Content Locker Pour Blogger Geek Academy

Ajouter like to download plugin pour blogger

Avez-vous utiliser plusieurs widgets partage social sur

votre site?

En fait, le problème est que, les gens aiment votre contenu. Par conséquent, ils ne cliquez pas sur les boutons sociaux (j'aime, partage).

Demander aux gens à aimer, ou tweet pour accéder à votre contenu est en effet un moyen idéal de forcer les utilisateurs à partager ou aimer ton contient.Social Locker se compose de trois boutons sociaux et un casier affichage horizontalement. Les boutons sociales sont [Facebook, Twitter et Google Plus]. Chaque fois, une personne soit presse sur un bouton comme, Tweet ou Plus , il va afficher le contenu caché. Sentez-vous libre pour profiter de la suite de la démo.

Comment installer sociale Locker contenu dans Blogger ?

Modification:

Pour Facebook: Remplacer http://www.facebook.com/acageek avec votre page Facebook.
Pour Twitter: Remplacer http://www.grandviewbiz.com avec l'URL de votre site Web ou etc.
Pour Google+: Remplacer http://www.grandviewbiz.com avec l'URL de votre site Web ou par l'article.
Remplacer "Add Your Hidden Text Here" Avec le texte que vous voulez cacher de l'utilisateurs.

Note : N'oubliez pas d'ajouter ton Facebook App ID sinon le bouton Facebook Like ne sera pas apparaître correctement.

Voilà tout, nous espérons que ce widget aiderait tout le monde à magnétiser partisans les plus sociaux sur votre site web. Hésitez pas à laisser votre commentaire.

Telecharger le Code :

Telecharger: Clique ici

Le Première Code

Le Deuxieme Code

<article id="default-usage">

<div class="to-lock" style="display: none;">

<!--Hidden Content Starts (You can Use HTML BELOW)-->

<div style="margin-bottom: 20px; text-align: center;">
Add Your Hidden Text Here
</div>

<!--Hidden Content Ends (You can Use HTML ABOVE)-->

</article> 

</div><div id="mblunlocker"> </div>

<script type="text/javascript" src="https://googledrive.com/host/0B__hoMW7yMJneGN0NzR0VjI4Y1k"></script>

<script>

jQuery(document).ready(function ($) {

$("#default-usage .to-lock").socialLock({

text: {

header: "Share it To Unlock This Content",

message: "Yes, this is Social Locker. Just try it, click on one of buttons."

},

style: "ui-social-locker-secrets",

buttons: {

order: ["twitter", "facebook", "google"]

},

// twitter options

twitter: {

url: "http://www.aca-geek.com",

text: "Upgrade your social buttons to get more social traffic!"

},

// facebook options

facebook: {

url: "http://www.facebook.com/acageek",

appId: "418044881593120"

},

google: {

url: "http://www.aca-geek.com"

}

});

});;;;

</script>

ATTENTION: Se il vous plaît ne changer rein au scripts ou il ne fonctionnera pas!

Nouvelles