Que tal Hermanos betas.. terminamos e iniciamos la semana con un tutorial mas, en esta ocasión les traigo una adaptación de YouTubeLock para blogger que lo pueden ver en esta enlace (YouTubeLock).
Este esto no es un plugin ya que no cuenta con accesos directos en escritorio de WordPress o en el creador de entradas, la instalación y la publicación del vídeo es 100% manual (un precio que debemos pagar, pero bueno es GRATIS e Ilimitado) :encouragement:
INSTALACIÓN:
Empezaremos por entrar a nuestro escritorio de WordPress y vamos a Apariencia > Editor (ver imagen)
y buscamos Style.css que estar al final de la columna izquierda (Ver imagen)
Al final de esta hoja de estilos pegamos lo siguiente:
Insertar CODE, HTML o PHP:
#youtubeblocker {
position:relative;
margin:0px auto;
cursor:;
overflow: hidden;
border:0px solid #000;
width:640px;
height:360px;
}
#youtubeblocker iframe {
display:;
}
#youtubeblocker #image {
width:100%;
height:100%;
background-size:100% 100%;
}
#youtubeblocker #play {
position:absolute;
top:0;
left:0;
display:block;
width:640px;
height:360px;
background: url(https://dl.dropboxusercontent.com/u/84010639/LockYouTube%20Blogger/play.png);
border:0px solid #000;
z-index:1;
}
#youtubeblocker #play-button {
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:640px;
height:360px;
}
#youtubeblocker #play-button:hover {
position:absolute;
cursor:pointer;
top:0;
left:0;
display:block;
width:640px;
height:360px;
background: url(https://dl.dropboxusercontent.com/u/84010639/LockYouTube%20Blogger/play-2.png);
}
#youtubeblocker #sharebox {
display:none;
cursor:pointer;
position:absolute;
top:0;
left:0;
width:640px;
height:360px;
background: url(https://dl.dropboxusercontent.com/u/84010639/LockYouTube%20Blogger/sharebut.png);
border:0px solid #000;
z-index:2;
}Ahora guardamos los archivos >>
y Buscamos Header.php qie esta mas o menos al medio de la columna de la izquierda, ya dentro de esta hoja de códigos buscamos la etiqueta </head> (Al mismo estilo Blogger jeje) y arriba de esta pegamos el siguiente código:
EL CÓDIGO ES MUY LARGO ASÍ QUE... PUEDEN VER EL CÓDIGO AQUÍ
Con esto terminamos nuestra configuración ahora ¿Como publicamos el vídeo?...
para esto lo debemos hacer también manualmente ¿COMO?
Vamos a nuestro creador de entradas de WordPress y en modo TEXTO pegamos el siguiente código:
Insertar CODE, HTML o PHP:
<script>youtube("[B][COLOR="#FF0000"]AQUI-ID-DEL-VIDEO[/COLOR][/B]");</script>y modificamos lo que esta en rojo por el id del vídeo que queremos bloquear.
Seria algo asi:
RESULTADO
y con esto es todo por hoy hermanos betas.. espero les sirva.. y si alguien por ahí se anima a convertirlo en un Plugin ... Seria genial.. saludos! :encouragement:
Este botonsito es gratis
Última edición: