- Desde
- 1 Nov 2013
- Mensajes
- 1.219
Muy buenas betas :encouragement:
Esta vez os traigo un pequeño script que me encontre y que me ha parecido vastante acceptable para hacer un poco de dinero con el PPI/PPD/CPA.. la imaginacion es el limite. :encouragement:
Demo: CPAElites Fake Movie Player Sample
Caracteristicas:
1. Situe efectos sobre el boton de reproduccion central.
2. Situe efectos a todos los botones.
3. Modificado el cargar pelicula.
Instrucciones:
1. Ve a Blogger - Plantilla - Editar HTML y encuentra el:
Insertar CODE, HTML o PHP:
[B]<b:skin>[/B]
HTML:
#player { background:url(http://i.imgur.com/f6PjBjg.png); width:540px; height:345px; margin:0px auto 0px auto; position:relative; } #player .interface { position:absolute; } #player .button { width:32px; height:20px; cursor:pointer; position:absolute; } .play, .stop { bottom:3px; left:6px; } .play { background:url(http://i.imgur.com/f6PjBjg.png) 0px -346px; } .play:hover { background:url(http://i.imgur.com/f6PjBjg.png) -35px -346px; } .stop { background:url(http://i.imgur.com/f6PjBjg.png) -280px -346px; } .stop:hover { background:url(http://i.imgur.com/f6PjBjg.png) -315px -346px; } .pause { bottom:3px; left:450px; background:url(http://i.imgur.com/f6PjBjg.png) -140px -346px; } .pause:hover { background:url(http://i.imgur.com/f6PjBjg.png) -175px -346px; } .progressBar { bottom:2px; left:67px; width:323px; height:18px; cursor:pointer; } .progressStatus { bottom:1px; left:445px; width:32px; height:20px; background:url(http://i.imgur.com/f6PjBjg.png)-104px -346px; cursor:pointer; } .progressStatus:hover { bottom:1px; left:446px; width:32px; height:20px; background:url(http://i.imgur.com/f6PjBjg.png)-70px -346px; } .volumeControl { bottom:3px; left:482px; width:32px; height:20px; background:url(http://i.imgur.com/f6PjBjg.png)-210px -346px; } .volumeControl:hover { background:url(http://i.imgur.com/f6PjBjg.png) -245px -346px; cursor:pointer; } #statusWindow { position:relative; top:70px; width:273px; margin:0px auto; height:107px; } #statusWindow .window { height:150px; margin:0px auto; } #statusWindow .play { width:71px; height:116px; background:url(http://i.imgur.com/f6PjBjg.png) -4px -480px; cursor:pointer; } #statusWindow .play:hover { width:72px; height:116px; background:url(http://i.imgur.com/f6PjBjg.png) -73px -480px; cursor:pointer; } #statusWindow .loading { width:270px; height: 106px; position:relative; display:none; background:url(http://i.imgur.com/f6PjBjg.png) 0px -367px; } #statusWindow .loading img { position:absolute; top:34px; left:25px; } #statusWindow .action { width: 265px; height: 106px; position:relative; display:none; background:url(http://i.imgur.com/f6PjBjg.png) -275px -367px; } #statusWindow .action a { position:absolute; left:220px; top:75px; display:block; width:180px; height:30px; text-indent:-9999px; }3. Ahora pon este codigo en el post donde quieras que aparezca el player:
HTML:
<div id="content"> <div id="player"> <div class="interface button play" onclick="startGateway('Njg1NTAz');"> </div> <div class="interface button pause" onclick="startGateway('Njg1NTAz');"> </div> <div class="interface progressBar" onclick="startGateway('Njg1NTAz');"> <div class="interface progressStatus" onclick="startGateway('Njg1NTAz');"> </div> </div> <div class="interface volumeControl" onclick="startGateway('Njg1NTAz');"> <div> <div class="volumeLink selected" onclick="startGateway('Njg1NTAz');"> </div> <div class="volumeLink selected" onclick="startGateway('Njg1NTAz');"> </div> <div class="volumeLink" onclick="startGateway('Njg1NTAz');"> </div> <div class="volumeLink" onclick="startGateway('Njg1NTAz');"> </div> <div class="volumeLink" onclick="startGateway('Njg1NTAz');"> </div> </div> </div> <div id="statusWindow"> <div class="window play" onclick="startGateway('Njg1NTAz');"> </div> <!-- window --> <br /> <div class="window loading"> <img src="http://4.bp.blogspot.com/-5KMe6IX0tOU/UjUeRhmL73I/AAAAAAAAABI/tYYuxiqy18Y/s1600/loading_bar2.gif" /> </div> <!-- window --> <br /> <div class="window action"> <a href="javascript:void(0)" onclick="startGateway('Njg1NTAz');" title="Click Here to Complete One Offer to Watch or Download This Movie">FREE OFFER</a> <!-- window --> </div> </div> <!-- player --> <script src="http://labs.stoodioo.com/lp/c7-ui.js"></script></div> </div> </div>4. Cambia el " onclick="startGateway('Njg1NTAz');" " con tu propio codigo del widget, o simplemente cambia el href="jvoid(0)" onclick="startGateway('Njg1NTAz');" por href="TU LINK PPI/PPD/CPA/ETC"
Extra:
- Puedes cambiar el fondo del player usando la plantilla photoshop: https://www.dropbox.com/s/g33zu4e62enu8xz/New Player.psb Despues de editar la imagen y subirla, cambia todos estos links por el tuyo: "http://i.imgur.com/f6PjBjg.png"
- Tambien puedes editar el mensaje de advertencia "Complete one task to watch or download this movie" por cualquiera que tu quieras.
Fuente: CPAElites
Info: Este script viene muy bien para aquellos que tienen sitios de peliculas en blogger, o landing pages con intro de video (podeis hacer que primero salga este script, y despues de hacer la oferta, salga el video real), o simplemente para aquellos que se quieren iniciar en este mundo. Podeis ir a youtube, ver los videos mas vistos de la semana, hacer una landing page sobre ese video/tematica, y ponerle este script (si haceis 10 landing pages ya podeis esperar unas ganancias interesantes). Como bien he dicho al principio, la imaginacion es el limite.
Un saludo y espero que os sirva. :encouragement:
