remyhn
Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Saludos.
Se que muchos diran ya en esta seccion hay 2 Social Content Locker muy bonitos y funcionales, para que otro mas?
Bueno, como dice el titulo este codigo de Social Content Locker es simple y sencillo, ustedes lo pueden personalizar a su gusto ya que no trae CSS y lo mejor de todo no trae molestos enlaces ocultos que se ponen cada vez que haces usos de ellos en tus post.
Sin mas cosas que explicar aquí les va el código.
Modo de uso:
En colo azul esta lo que debes cambiar obligatoriamente con tus datos de tu pagina de facebook, en la parte de google+ puedes poner la url de tu perfil de google o la url de tu sitio web
El texto en color naranja es opcional si lo deseas cambiar.
Escribes la entrada normalmente y antes de finalizar te pasas a la sección de html y pegas el código anterior ya modificado al final del post.
Resultado:
Después solo haces uso de CSS para personalizarlo.
Espero que les sirva.
Si gustan probarlo o verlo, aqui esta el demo
Se que muchos diran ya en esta seccion hay 2 Social Content Locker muy bonitos y funcionales, para que otro mas?
Bueno, como dice el titulo este codigo de Social Content Locker es simple y sencillo, ustedes lo pueden personalizar a su gusto ya que no trae CSS y lo mejor de todo no trae molestos enlaces ocultos que se ponen cada vez que haces usos de ellos en tus post.
Sin mas cosas que explicar aquí les va el código.
Inserir CODE, HTML ou PHP:
<div id="paybox">
<div id="paytittle">
[COLOR="#FF8C00"] Haz un Tweet, Like o +1 para poder descargar[/COLOR]
</div>
<div id="fb-root">
</div>
<script type="text/javascript">
function habilitar() {
var url = "[COLOR="#0000FF"]miweb.com/descargas/archivo.mp3[/COLOR]";
url = "<a href='" + url + "'>[COLOR="#FF8C00"]Click here to download the file.[/COLOR]</a> ";
document.getElementById("restricted").innerHTML = url;
}
window.fbAsyncInit = function() {
FB.init({ status : true, cookie : true, xfbml : true });
FB.Event.subscribe('edge.create', function(response) { habilitar(); });
};
(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.twttr = (function (d,s,id) {
var t, js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
twttr.events.bind('tweet', function(event) {
habilitar();
});
});
(function() {
var po = document.createElement('script');
po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<br />
<div id="restricted">
<a class="twitter-share-button" data-lang="en" data-text="[COLOR="#0000FF"]hola mundo, esto es una prueba.[/COLOR]" data-via="habilitar" href="[COLOR="#0000FF"]miweb.com[/COLOR]"></a>
<g:plusone callback="habilitar" href="[COLOR="#0000FF"]https://plus.google.com/b/000000000000/[/COLOR]" size="medium"></g:plusone>
<fb:like href="[COLOR="#0000FF"]https://www.facebook.com/mipaginaenfacebook[/COLOR]" layout="button_count" send="false" show_faces="false" width="220"></fb:like>
</div>
</div>Modo de uso:
En colo azul esta lo que debes cambiar obligatoriamente con tus datos de tu pagina de facebook, en la parte de google+ puedes poner la url de tu perfil de google o la url de tu sitio web
El texto en color naranja es opcional si lo deseas cambiar.
Escribes la entrada normalmente y antes de finalizar te pasas a la sección de html y pegas el código anterior ya modificado al final del post.
Resultado:
Después solo haces uso de CSS para personalizarlo.
Espero que les sirva.
Si gustan probarlo o verlo, aqui esta el demo
