domingo, 5 de febrero de 2023
Incrustar videos Responsivos de Youtube en Blogger (Blogspot)
¿Qué hago para que los videos se YouTube se puedan ver correctamente cuando se ingresa a mi blog de Blogger desde las tabletas y los teléfonos? ¿Cuándo un usuario ingrese a mi blog de Blogger desde un teléfono inteligente o un Tablet le muestre correctamente el video de YouTube optimizado? Para tener este truco de Blogger deberá seguir todas las instrucciones de este tutorial de Blogger. Debemos insertar un código en la plantilla de Blogger desde el Editor HTML, luego vamos a ingresar unas líneas de código junto con el código Embed el cual lleva el video, esto hará que el video de Youtube que usted publicó en su entrada de Blogger se haga totalmente Responsive y se visualice correctamente en un teléfono inteligente o en una Tableta.
Este es un Ejemplo de la optimización de un video de Youtube en una entrada de Blogger
Pude ver su demostración en el siguiente blog, disminuya su navegador o abra el demo desde su SmartPhone
Vamos a trabajar
1 Ir a Blogger
2 Un clic en “Plantilla”
3 Un clic en “Editar HTML”
Ahora se le abrirá el Editor HTML de su plantilla
En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.
4 Busque este código
]]></b:skin>
Ingrese las siguientes líneas de código CSS justo arriba del código que encontró
/*-----Estilos CSS Smartphones y Tabletas Video de
Youtube ----------*/
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object,
.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*-----Fin de Estilos CSS Smartphones y Tabletas Video
de Youtube ----------*/
|
5 Un clic en “Guardar plantilla”
6 Ahora diríjase a la Entrada, la cual tiene el Video de Youtube
7 Habilite la casilla “HTML” de su Entrada
Ingrese el siguiente código
<div class="video-container">Ingrese
aquí el código Embed de Youtube</div>
|
Remplace donde dice Ingrese aquí el código Embed de Youtube por el código de inserción del video de Youtube
Por ejemplo le quedara de la siguiente manera:
<div class="video-container"><iframe
width="600" height="380"
src="https://www.youtube.com/embed/Q0VGRlEJewA"
frameborder="0" allowfullscreen></iframe></div>
|
Publique o actualice su Entrada
8 Eso es todo, ahora puede abrir su blog de Blogger desde un Teléfono y mirar la entrada, el video de Youtube se mostrara optimizado.
Nota: recuerde, si usted tiene algunos videos de Youtube insertados en varias entradas de su blog de Blogger, tendrá que repetir el proceso desde el paso 7.
jueves, 17 de marzo de 2022
domingo, 29 de agosto de 2021
martes, 22 de junio de 2021
Video Como eliminar este mensaje configurando el "Office" con 3 Métodos
🅲🅾🅼🅾 quitar el letrero de la barra amarilla sin utilizar ningún 𝗣𝗥𝗢𝗚𝗥𝗔𝗠𝗔 es un proceso donde se realiza con las mismas configuraciones y pasos del CMD, espero les guste y gracias por tu apoyo al canal con tu LIKE!
*Si no te funciona es por que tienes otra versión de Office diferente instalada, recuerda que hay (versiones RETAIL y por VOLUMEN) si tienes instalada la versión del Office de mi canal te va funcionar perfectamente, te dejo unas recomendaciones:
👉Recomendación si no les funciona ningún método:
1• Ver el video sin saltarse ningún paso para que funcione.
2• Recuerden estar conectados a internet en el paso del CMD y ejecutarlo como administrador.
3• Si no les funciona: En el video hago la aclaración pueda que tengan un Office diferente instalado al Office que esta en mi canal, si han instalado el Office con el método de mi canal este está comprobado y garantizado 100% funcional con el método 3.
4• Si es el caso anterior tienen que desinstalar el Office actual con la herramienta SARA https://youtu.be/kuw7tu0xrls y luego instalar el Office con el método de mi canal (Office 2019 https://youtu.be/To-W5bS2Bbg) (Office 2016 https://youtu.be/P57CWu_t6Ck)
▬▬▬▬▬▬▬▬▬🔸🔹▬▬▬▬▬▬▬▬▬
- ENLACE EN EL CUAL PUEDES APOYAR MI CONTENIDO:
• Donación al canal ¿ME INVITAS UN CAFÉ?
😃👍 https://www.paypal.me/morrispcplay
▬▬▬▬▬▬▬▬▬🔸🔹▬▬▬▬▬▬▬▬▬
Es un proceso OPEN SOURCE totalmente transparente para la comunidad y cualquier desarrollador con conocimiento del tema puede revisar y auditar los archivos incluidos en las líneas de texto y son libres de virus y malware, ¡COMUNIDAD DE DESARROLLADORES AYUDANDO A LA COMUNIDAD! Gracias especiales a la comunidad de desarrolladores GITHUB/GITLAB.
*ESTE VIDEO ES REALIZADO CON FINES EDUCATIVOS, INFORMATIVOS Y DOMÉSTICOS por lo cual no podrá ser redistribuido ni mucho menos ser utilizados comercialmente, recomendamos comprar Software a las desarrolladoras para apoyarlos directamente.
▬▬▬▬▬▬▬▬▬🔸🔹▬▬▬▬▬▬▬▬▬
#morrispcplay 100% COMUNIDAD!
• ¡CONTACTOS REDES SOCIALES CANAL!
Youtube: youtube.com/morrispcplay
Fanpage: facebook.com/morrispcplay.
Instalar permanente office 2019 FULL en Windows 10 GRATIS (2021 Última versión) LINK SIN PUBLICIDAD
🅲🅾🅼🅾 hacer el proceso para tener este 𝗣𝗥𝗢𝗚𝗥𝗔𝗠𝗔 sin desactivar el antivirus, recuerda que esta versión 2019 es exclusiva para 𝗪𝗜𝗡𝗗𝗢𝗪𝗦 𝟭𝟬 y actualizado al 2021.
Esta versión el proceso se optimizó para hacerlo mucho más rápido , práctico y sencillo, cambiando el método de instalación y pasos CMD, espero les guste y gracias por tu apoyo al canal con tu LIKE!
NOTA : Si al descargar el archivo y extraerlo les aparece (formato desconocido / se encuentra dañado / que no tiene archivos) por favor actualicen su Winrar con esto se soluciona para que puedan abrir el archivo sin problemas.
▬▬▬▬▬▬▬▬▬🔸🔹▬▬▬▬▬▬▬▬▬
NOTA: Solución al letrero "Obtenga Office original"🔴
https://youtu.be/olDHM2-p6RI
• 📌Proceso Aquí📌
👉Paso1- Desinstalar Office anterior correctamente con (SARA):
• https://bit.ly/D3sinstalador
NOTA: DEBEN ESTAR CONECTADOS A INTERNET PARA EL PASO DEL (CMD) Y EJECUTARLO COMO ADMINISTRADOR PARA QUE FUNCIONE EL PROCESO.
👉Paso2- Descargar archivos:
Las 2 opciones son el mismo archivo en diferente servidor:
• OPCIÓN 1 : http://bit.ly/2SghCgsMega
• OPCIÓN 2 : http://bit.ly/3wee1OGMediafire
🆂🅰🆁🅰 Herramienta Oficial para desinstalar microsoft office en Windows 7/8/10
🅲🅾🅼🅾 eliminar rastros, registros y activadores que crean conflicto con la instalación de su Office actual ó nueva versión.
▬▬▬▬▬▬▬▬▬🔸🔹▬▬▬▬▬▬▬▬▬
• 📌Proceso Aquí📌
👉 LINK DESINSTALADOR OFFICE【SARA】: https://bit.ly/Desinstalador
miércoles, 9 de septiembre de 2020
sábado, 22 de febrero de 2020
sábado, 18 de enero de 2020
miércoles, 17 de abril de 2019
lunes, 3 de diciembre de 2018
martes, 20 de noviembre de 2018
Redireccionar en blogger codigo script
bueno muchachos hoy les enseñare como redireccionar con blogger con un codigo facilito o mejor dicho breve lo que debemos hacer es ir a blogger -->elegir nuestro blog-->diseño-->Añadir un gadget-->HTML/Javascript--> pondremos el siguiente codigo:
<script>
var pagina="http://informacional100.blogspot.com.co"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>
finalmente cambiamos lo que esta en rojo por la url de tu pagina web y listo guardamos
domingo, 18 de noviembre de 2018
Radio para blogger o web
Post de
Radio para blogger o web
La gran ventaja de este reproductor es que sirve cuando los visitantes acceden a la página a través de dispositivos móviles Android e iOS, si se hace desde una PC/Mac/Linux funciona con cualquier navegador. Su código es muy sencillo, solo deben agregar la url de la radio y listo. El código se debe agregar en modo HTML, o en un gadget HTML-Javascript. Si no quieren que la reproducción inicie automáticamente retiren la palabra "autoplay" de la primera línea del código.
Radio en un reproductor HTML para Android, iOS, PC y Linux.
------------------------------------
<audio autoplay controls>
<source src="URL de la RADIO/;stream.nsv" type="audio/mpeg"></source>
</audio>
------------------------------------
Por favor revisen luego de agregar la URL de la radio que no falte o sobre un caracter, por ejemplo que queden dos barras inclinadas al final de la URL, o falten o sobren unas comillas. Igualmente si la URL termina en .mp3 no es necesario agregar la parte de /;stream.nsv.
Para obtener la url de una emisora de radio deben ir a su página web, buscar su reproductor, y luego usando Chrome hacer clic derecho sobre él -a un lado del botón de play o pausa-, elegir Inspeccionar, y esto hará que salga una parte donde se visualizan los códigos que usa el reproductor -esto necesita práctica-. Les muestro un ejemplo con una página recomendada para obtener las url de las emisoras de radio. Cuando vayan a la página elijan el género musical que buscan para ver las emisoras.
Primero clic sobre popup para hacer salir el reproductor que trabaja con HTML.
Clic derecho al lado de la barra cómo se muestra en la imagen.
Clic sobre el triángulo que sale en la barra resaltada con azul,
hasta que salga la línea del jquery_jplayer_1
Abren la línea del jquery_jplayer_1 y ahí deberían visualizar la url.
Ahora solo deben hacer doble clic sobre la url para que quede seleccionada y la puedan copiar fácilmente.
El código quedaría para este ejemplo así (pueden notar que la url termina en stream pero aún así se le agrega la terminación en verde del tutorial):
------------------------------------
<audio autoplay controls>
<source src="http://uk6.internet-radio.com:8213/;stream/;stream.nsv" type="audio/mpeg"></source>
</audio>
------------------------------------
Todas las emisoras de Radio Online de Charkleons.com usan este código HTML.
Espero que esta información les sea muy útil.
Gracias.
martes, 30 de octubre de 2018
Como añadir Adsense In-feed a las plantilla de Blooger mobil
Información de:
How To Add Adsense In-feed Ad To Blogger Old Themes On Mobile
How To Add AdSense In-Feed Ad To Old Mobile Blogger Themes
If you have learned how to add Adsense in-feed ads to the blogger old themes and it’s not displaying on mobile view, that means you could lose some few bucks. Well, it is possible to add the in-feed ad to the mobile blogger old theme.
The following simple steps will show you how to allow in-feed ads display on blogger old theme mobile view. The trick behind this tweak is to copy few codes of the inline ads and place in the mobile HTML codes.
==> Go to your template 'Edit HTML'. Search for this line of codes <div class='mobile-index-comment'>.
.
==> Paste these codes below just after the second you will see.
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<div style='text-align:center; margin:15px 0px;'>
IN-FEED
</div>
</div>
<data:adStart/>
</b:if>
==> Replace the words IN-FEED with your in-feed ad code.
==> Save Theme
That's all
Note: You can also add any ad network codes or affiliate code with this little tweak.
I hope it works.
How To Add Adsense In-feed Ad To Blogger Old Themes On Mobile
How To Add AdSense In-Feed Ad To Old Mobile Blogger Themes
The following simple steps will show you how to allow in-feed ads display on blogger old theme mobile view. The trick behind this tweak is to copy few codes of the inline ads and place in the mobile HTML codes.
==> Go to your template 'Edit HTML'. Search for this line of codes <div class='mobile-index-comment'>.
.
==> Paste these codes below just after the second you will see.
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<div style='text-align:center; margin:15px 0px;'>
IN-FEED
</div>
</div>
<data:adStart/>
</b:if>
==> Replace the words IN-FEED with your in-feed ad code.
==> Save Theme
That's all
Note: You can also add any ad network codes or affiliate code with this little tweak.
I hope it works.
viernes, 5 de octubre de 2018
jueves, 16 de agosto de 2018
jueves, 25 de enero de 2018
Suscribirse a:
Entradas (Atom)