Mostrando las entradas con la etiqueta YouTube. Mostrar todas las entradas
Mostrando las entradas con la etiqueta YouTube. Mostrar todas las entradas

miércoles, 24 de julio de 2013

Como Transmitir Actividad o Feed de You Tube en Blogger

Leave a Comment
Como Transmitir Actividad o Feed de You Tube en Blogger
En este articulo estare mostarandole un sencillo truco para transmitir tu contenido de pagina de video YouTube.Este es un magnifico widget para tu blog. Este mostrara tu actividad o fuente de contenido de YouTube en tu blogger.Siga estos pasos para añadirlo a tu blog.

1. Entra en tu blogger  Diseño > Elemento de Pagina.

2. Da Click Añadir un Gadget y selecciona 'HTML/Javascript

3.Ahora pegue el siguiente codigo.
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
    <style type="text/css">
    div.ytc {clear:both;padding:5px;font-size:11px;}
    div.ytc.odd {background-color: #eee;}
    div.ytc_thumb {position:relative;float:right;margin-left:4px;line-height:1;}
    div.ytc_thumb img {width:69px;height:52px;border:1px solid #888;}
    div.ytc_title {font-weight:bold;}
    </style>
    <script type='text/javascript'>
    var ytfUserName = "Nombre de Usuario de YouTube";
    var ytfMaxResults = 8;
    var ytfAllow = "";
    var ytfDisallow = "";
    var ytfEmpty = "No entries";

    $(document).ready(function() {
      $.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=58c841d14337ba4fbf693abd9701dc49&_render=json&max-results="+ytfMaxResults+"&allow="+ytfAllow+"&disallow="+ytfDisallow+"&user="+ytfUserName+"&_callback=?", function(response) {
        var htm = "";
        for(var i=0;i<response.count;i++) {
          var item = response.value.items[i];
          htm += '<div class="ytc';
          if(i%2 == 1) htm += ' odd';
          htm += '"><div class="ytc_thumb"><a target="_blank" href="' + item.link + '"><img title="' + item.title + '" src="' + item.thumb + '"/></a></div>';
          htm += '<div class="ytc_title"><a target="_blank" href="' + item.link + '">' + item.title + '</a></div>';
          htm += '<div class="ytc_description">' + item.description + '</div><div style="clear:both;"></div></div>';
        }
        if(htm == "") htm = ytfEmpty;
        $("#ytfeed").html(htm);
      });
    });
    </script>
    <div id="ytfeed">Descargando...</div>
Despues de pegar el codigo de arriba
* Reemplace Nombre de Usuario de YouTube con el nombre de usuario de YouTube
4. Para finalizar guarde el HTML/Javascript'.

    Todo esta finalizado...
Read More

viernes, 12 de julio de 2013

Añade Imagen Al Borde De Videos de YouTube En Entradas de Blogger

2 comments
Añadir Imagen al borde de los videos de you tube en entradas de blogger

Hola Amigos! En este tutorial estaremos añadiendo una  image cuatriculada alrededor del video de you tube  en blogger.Sabemos que muchos usamos los videos de you tube para ilustarar o entretener de acuerdo al fin del nuestro sitio.Vamos a hacer  a darle un toque elegante y atractivo a esos videos.

Chequea Buscadores con borde Redondo

Que Caracteristicas tiene este Tutorial :

1. La codificacion  de CSS  & HTML para mas rapida descarga .
2. No hay necesidad de instalar una Plantilla o Widget .
3. Facil de poner en cualquier parte del Blog / Website
4. Codigo Actualizado para la compatibilidad de los navegadores
5. Solamente se requiere el cambio de un enlace del video de YouTube .
6. Dos Diferentes Estilos de  Cuatriculas para video de YouTube

Como Añadir Bordes a Imagenes Alrededor del Video de YouTube

Copie Pegue Cualquier Codigo de Estilo en el HTML de tu Entrada Como muestra en imagen de abajo:



Estilo Cuatricula1



<style>
.youtube2-lordhtml
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzM6BJV4CVT57DSdDXEf1bus1RwkJrLEPqyP6eSY0XVt3HyEYjBOG_YdB3ZFoo4gN8X8_UXSMxPLyKTfHff0HU39hqgxpWiC4tfuYoJcjYzzRIPAlAlxqYfpeYOqCXmwn5BTcoPxkiy8OY/s1600/youtube-lordhtml.png) no-repeat;
padding: 14px;
padding-top: 22px;
padding-left: 21px;
padding-right: 21px;
position: relative;
}
</style>
<div class="youtube2-lordhtml">
<iframe allowfullscreen="" frameborder="0" height="301" src="http://www.youtube.com/embed/FIYa4KXmjJM" width="503"></iframe><br />
</div>


  Estilo Cuatricula 2



<style>
.youtube-lordhtml
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJHK_JRbQjvi1bO7yadEHXf4ZYT5annPItXgHMwTxWjOuX_8mxWQbCqqxMOdZdWFBKNbqLHQRCBtHtmw8N9Qu4ryr5YK3r-QvgChNuBN_C0t9sHeLVtYUAWM7zm3ZEK7LMFgIfmMv7FZoL/s1600/background-lordhtml.png) no-repeat;
padding: 22px;
padding-top: 17px;
position: relative;
}
</style>
<div class="youtube-lordhtml">
<iframe allowfullscreen="" frameborder="0" height="352" src="http://www.youtube.com/embed/7pPeWtQR-Fk" width="525"></iframe><br />
<br /></div>
Perzonalizarlo :

Solamente necesitas cambiar lo que esta sombreado en ROJO o Enlace de Video de YouTube .Si no sabes como conseguir el enlace insertado(Embed ) de Youtube  para luego añadirlo en la cuatricula solo sigue estos pasos.
Puedes ir a la pagina de YouTube buscar el video que te guste ,debajo de este aparece el enlace de compartir das click en este luego das a insertar y copias las ultimas siglas.


Ejemplo:

                                                                  
                                                                                  


 Otra de las formas para hacerlo :

 Reemplace Watch?v= con embed/ en tu enlace de youtube.

 Enlace Original http://www.youtube.com/watch?v=5TGFMpVm_RQ
 Enlace Insertado http://www.youtube.com/embed/5TGFMpVm_RQ
Chequea Como añadir bordes a Titulo de Articulo
Read More

miércoles, 29 de mayo de 2013

Añadir Iconos Sociales Con Estilo Metro A Tu Blogger

1 comment
Añadir Iconos Sociales Con Estilo Metro A Tu Blogger

Te voy a mostar como puedes añadir los iconos Redes Sociales de Estilo Metro a tu blog de blogger . Estos iconos son hechos puramente usando CSS sin usar JavaScript. Este tiene el efecto ademas cuando pones el cursor sobre el mismo  se anima este luce muy elegante y atractivo en cualquier plantilla.

Este widget ademas tiene 7 iconos de sitios de network sociales . Tales como : Facebook, Twitter, Youtube, Google+, LinkedIn, Pinterest and RSS. Puesdes ver una demostracion de este widget aqui debajo:





  • Una veas la  demostracion vamos entonces a anadir este widget a tu blog.


    Entra en blogger>> Titulo Del Blog → Diseño → Añadir un Widget → HTML/JavaScript. y pega  en espacio de contenido el siguiente codigo.

    <div class="metro-social">
    <br />
    <br />
    <br />
    <li><a class="fb" href="https://www.facebook.com/enrique.jimenez.92775838" rel="nofollow"></a></li>
    <li><a class="tw" href="https://twitter.com/andante772/ciudadblogger"></a></li>
    <li><a class="gp" href="https://plus.google.com/ciudadblogger"></a></li>
    <li><a class="pi" href="http://pinterest.com/ciudadblogger" nofollow=""></a></li>
    <li><a class="in" href="https://www.linkedin.com/ciudadblogger" nofollow=""></a></li>
    <li><a class="yt" href="http://www.youtube.com/ciudadblogger"></a></li>
    <li><a class="fd" href="http://feeds.feedburner.com/ciudadblogger/FyYj%20nofollow="></a></li>
    </div>
    <style>
    .metro-social{width:285px}
    .metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
    .metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
    .metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
    .metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
    .metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
    .metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
    .metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
    .metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
    .metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
    .metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
    .metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
    .metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
    .metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
    .metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
    .metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
    .metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
    </style>

    Una vez hallas añadido el codigo cambia el texto Rojo que esta sombrado  por tu url de las distintas redes sociales. Despues que hagas eso guarda el widget y finamente guarda la plantilla.
    Listo. Ahora tu y tus visitantes podran ver integrado el widget de redes sociales Metro Metro en tu blog.
    Enhanced by Zemanta
    Read More

    lunes, 27 de mayo de 2013

    Cuanto Dinero Podrias Hacer Subiendo Videos A You Tube

    Leave a Comment
    Cuanto Dinero Podrias Hacer Subiendo Videos A You Tube

    Bien dificil encontrar una persona que no se haya preguntado cuanto dinero seria posible hacer o ganar por subir videos a sitio de videos YouTube, especialmente si uno de tus videos se hace famoso donde gran cantidad de visitantes de todos el mundo desea ver.Que fue lo que exactamente paso con el video que les mostrare ha continuacion donde el pequeño Charlie le muerde el dedo a su hermano:

    Video Famoso Donde El Pequeño Charlie le muerde el dedo a su hermano


    Este video es el 6th mas visto de todos los tiempos, con 526.625.583 vistas.Si excluyes videos comerciales este seria el mas visto de You Tube. y ahora cuanto dinero los padres de este nino ganaron al subir este a you tube ?

    Obviamente no nos lo revelaran el numero exacto menos, pero dijeron que fue alrededor de $150,000. Nada malo para un video de 57 segundos y una camara verdad?

    He aqui una cita de un articulo que aparecio en Daily Mail:
    Ahora, asi como el numero creciente de otras familias britanicas , Howard,  de 42, y su esposa, Shelley, de 40, estan ganando miles de libras de esto y otro videos de Harry y Charlie  — Charlie en un Scooter que recibio en Christmas; El Accident, donde muestra a Charlie comiendo en la mesa de la cosina , dejando caer un pedazo de alimento y mordiendo su dedo en vez de la comida; y de nuevo, uno que muestra a su hermano menor  Jasper aprendiendo ha caminar enpujando un juguete alrededor del piso —el cual se esta convirtiendo en una sensaciond de hacer dinero.
    Enhanced by Zemanta
    Read More

    viernes, 19 de abril de 2013

    Los Mejores Trucos Para Iphone o Ipod

    Leave a Comment
    iPhone 3G and iPod Classic 5G.
    iPhone 3G and iPod Classic 5G. (Photo credit: Wikipedia)
    Los 10 mejores Trucos para iPhone o iPod
    1. Llegar a la primera pantalla de inicio
    Usted tiene un gran número de aplicaciones instaladas. Sus aplicaciones más importantes se encuentran en la primera pantalla, ¿no? Digamos que está actualmente en la pantalla 7, y quiere llegar a la primera pantalla. Simplemente haga clic en el botón de Inicio para llegar allí.

    2. Voltear páginas pulsando
    Muchas aplicaciones para el iPhone cuentan con un sistema de paginación con puntos en la parte inferior de la pantalla, como por ejemplo:

       . La pantalla de inicio
       .Safari
        .Tiempo

    Usted probablemente sabe quepuede voltear las páginas de estas aplicaciones deslizando hacia la izquierda o derecha en la pantalla. También puede puntear en las zonas a ambos lados de la línea de puntos en la parte inferior de la pantalla:
    Tapping es ligeramente más rápido que deslizar

    3. Accedé a controles del iPod desde cualquier lugar
    ¿Quieres hacer una pausa al podcast rápidamente. Basta con hacer doble clic en el botón de Inicio, y se abre una ventana con los controles del iPod, lo que le permite hacer una pausa, jugar, saltar pistas o ajustar el volumen del iPod:
    Puede pulsar el botón iPod en la ventana para ir directamente al iPod.
    De forma predeterminada, este truco sólo funciona si una pista de iPod está jugando. Sin embargo, puede cambiar el comportamiento del botón del hogar de acción de doble clic, vaya a Ajustes> General> Botón de Inicio:
    Elección de Casa significa que el doble clic tiene el mismo efecto que un solo chasquido: Simplemente te lleva a tu pantalla de inicio.



    Teléfono Favoritos
    : configuración predeterminada trae tus contactos favoritos para la marcación rápida. Sin embargo, si usted elige iPod , haga doble click te lleva directamente a la aplicación iPod, independientemente de si está escuchando una canción o no.
    Usted puede usar los controles del iPod configuración para desactivar la función que muestra los controles del iPod cuando se reproduce una pista.

    4. Teclado truco # 1: Rápidamente escriba un punto y un espacio
    Cuando termine de escribir una frase, normalmente se desea escribir un punto, seguido de un espacio. Esto es un poco incómodo ya que tienes que tocar la tecla de número inferior izquierda, seguido de un punto, seguido de la barra espaciadora. La forma más rápida: simplemente pulse dos veces la barra espaciadora.
    (Si esto no funciona, vaya a Ajustes> General> Teclado y gire el "." Opción de acceso directo en.)



    5. Teclado truco # 2: Llene un solo número o símbolo
    La forma más habitual para introducir dígitos o símbolos es tocar la tecla numérica a continuación, toque los dígitos o símbolos, a continuación, toque la tecla numérica (que ahora muestra ABC) de nuevo para volver al teclado normal.
    Si sólo desea escribir un grifo de un solo dígito o símbolo y mantenga pulsada la tecla N para que aparezca el teclado de números / símbolos y arrastre el dedo hacia el dígito o símbolo que desea escribir, y dejar ir. Estos tipos del / símbolo dígitos y enseguida vuelve al modo ABC.

    6. Teclado truco # 3: El bloqueo de mayúsculas
    El teclado del iPhone tiene un modo Caps Lock para escribir en mayúsculas palabras aunque esta desactivado de forma predeterminada. Para activarlo, vaya a Ajustes> General> Teclado y active el interruptor Lock Enable Caps en ON. Cuando utilice el teclado dos toques rápidos en la tecla Mayús para activar el bloqueo de mayúsculas (la tecla Shift se vuelve azul). Escriba sus mayúsculas, a continuación, pulse la tecla Shift de nuevo para desactivar el bloqueo de mayúsculas.

    7. Teclado truco # 4: Si mantiene pulsado teclas para más opciones
    Muchas teclas que aparezca una lista de otros símbolos u opciones si toca y las mantiene por 1 segundo. Por ejemplo:

        Manteniendo presionado E, Y, U, I, O, A, S, L, Z, C o N hace aparecer las letras acentuadas
        Si mantiene pulsado $ en el teclado de números / símbolos muestra otros símbolos de moneda
        Manteniendo presionado "o" en el teclado de números / símbolos revela comillas alternativos
        Manteniendo presionado? o! en el teclado de números / símbolos trae el símbolo o ¡¿
        Si mantiene pulsada la tecla. Com al introducir direcciones de Internet trae opciones para. Net,. Edu y. Org. Thi funciona al introducir direcciones de correo electrónico en Mail pulsando y manteniendo pulsado el. (Punto) clave.)


    8. Guardar borradores de correo
    Con el OS X aplicación Mail de Mac, es fácil guardar el mensaje actual-editado como un proyecto haciendo clic en el botón Guardar proyecto como en la barra de herramientas.
    Guardar un proyecto en la aplicación Correo iPhone: En primer lugar, desde la pantalla de edición de mensajes, pulse el botón Cancelar. Usted puede después pulse en Guardar para guardar el mensaje actual como un borrador o no ahorran para borrar el mensaje.

    9. Ir a la parte superior de la página
    Deslizante hacia arriba y hacia abajo para desplazarse a través de una página web, un mensaje de correo electrónico o una lista de mensajes es bastante rápido, si usted está en la parte inferior de una larga lista de página o se necesita más tiempo para retroceder hasta la cima. Hay una manera más rápida para volver a la parte superior: simplemente pulse la barra de estado en la parte superior de la pantalla:
    Esto funciona para la mayoría de las pantallas que implican desplazamiento.

    10. Personaliza los iconos dock para iPod
    iPhone viene con 5 iconos en el dock del iPod - Listas de reproducción, Artistas, Canciones, videos y más. Usted puede controlar qué tipo de icono muestra en la pantalla: Toque el icono Más y después en el botón Editar en la parte superior izquierda de la pantalla. Verá una lista de todos los iconos disponibles, basta con arrastrar un icono a un icono existente en la base de sustituir el icono que desea reemplazar.
    Pulse Listo cuando haya terminado. Esto también funciona en la aplicación YouTube.
    Read More