miércoles, 3 de diciembre de 2014

como poner videos de youtube en blogger

Cómo publicar un vídeo desde YouTube

Si tienes tus propios vídeos en el ordenador y quieres compartirlos en tu blog, Blogger permite ahora subirlos directamente. Si quieres compartir un vídeo desde YouTube, también puedes hacerlo.

Cómo insertar un vídeo de YouTube

Para insertar un vídeo de YouTube, simplemente sigue estos sencillos pasos:
  1. Haz clic en el botón "Compartir" debajo del vídeo de YouTube.
  2. Selecciona "Mostrar más" y, a continuación, haz clic en el icono de Blogger.
  3. En función de si has iniciado sesión en tu blog, es posible que debas introducir tu nombre de usuario y contraseña en la nueva ventana emergente.
  4. En el menú desplegable ubicado en la parte superior de esta nueva ventana, selecciona el blog en el que deseas llevar a cabo la publicación.
  5. Publica la entrada.

Cómo insertar un vídeo de forma manual

También puedes copiar el código de inserción y pegarlo en tu blog. Simplemente haz clic en "Compartir" y, a continuación, en "Insertar" para obtener el código de inserción. Copia el código y, a continuación, pégalo en el blog mientras te encuentres en la pestaña "Edición de HTML" (en contraposición a la pestaña "Redactar").

como poner barra de menu

1) Dirígete en Blogger a la pantalla principal y en el menú izquierdo de opciones pulsa en "Diseño"


2) Se mostrará el diseño que has decidido crear para tu Blogger. A continuación pulsa dentro del escritorio de diseño "Añadir un Gadget", tratándose de un menú te recomiendo que utilices la opción de Añadir Gadget que según el diseño de tu blogger mejor quede para dejar el menú en la parte superior, a la derecha o a la izquierda. Selecciona el Gadget de Google "HTM/Javascript". 



3) Cuando se abra el cuadro de configuración del gadget "HTML/Javascript" verás una pantalla como la que te muestro en la pantalla inferior, con una caja de texto para poner "Título" y otra caja más grande donde insertar código Javascript.


4) Añade en la caja de texto que tendrá el código Javascript el código que te explico a continuación (copia y pega este texto o el del ejemplo, procura que no haya retornos de carro que dividan en partes incorrectas el código):

<ul id="menu">
<li><a class="selected" href="http://Direccion_de_tu_blog">Inicio</a></li>
<li><a href="Direccion_blog/search/label/concepto_agrupador">Opción_de_ Menu</a></li>
</ul>
  • Dentro de la etiqueta "<ul>" hasta "<ul>" metemos las opciones de menú que vamos a tener.
  • La opción "Selected" es la principal, en mi caso, es donde presento las entradas del blog según las voy creando.
  • Cuando pulsen en "Selected" se carga automáticamente en el marco principal, todas las entradas que tenemos en el blog (como siempre, como podéis ver en mi propio blog al acceder). Por ello en "href" introducimos la URL de nuestro propio blog.
  • Después creamos un "a href" por cada opción de menú que deseamos crear. En cada un de los a href se pondrá la dirección de nuestro blog seguido de "/search" seguido de "/label" y seguido del "concepto agrupador" de entradas de nuestro blog por el que queremos que cuando el usuario pulse la opción, se busquen en el blog aquellos contenidos que pertenecen a dicho concepto agrupador.
Por ejemplo quedaría algo así con el menú de un hipotético blog con una estructura parecida a la mía:
    <ul id="menu">
    <li><a class="selected" href="http://Ejemplo.blogspot.com">Inicio</a></li>
    <li><a href="http://Ejemplo.blogspot.com/search/label/tecnologia">Tecnología</a></li>
    <li><a href="http://Ejemplo.blogspot.com/search/label/ocio">Ocio</a></li>
    <li><a href="http://Ejemplo.blogspot.com/search/label/opinion">Opinión</a></li>
    <li><a href="http://Ejemplo.blogspot.com/search/label/consumo">Consumo</a></li>
    </ul>
    •  En el ejemplo, se llama a la página principal del blog que dibujará todas las entradas en el orden que las vamos creando como siempre.
    • Luego se presenta cada opción de menú con su concepto agrupador de entradas que el usuario no verá. Así, cuando el usuario haga "clic" sobre "Tecnología" por ejemplo, estará haciendo una búsqueda que agrupa todas aquellas entradas que contengan la etiqueta "tecnología" en su interior. Así mismo sucedería con las sucesivas opciones de menú.
    • El resultado del ejemplo es el que puedes ver en mi menú (pero en cada blog se creará con la hoja de estilos que cada uno haya decidido utilizar en su plantilla) 

    • Dependiendo de vuestra hoja de estilos, que va en función de la plantilla Blogger que utilizasteis, el menú tendrá la apariencia adecuada a vuestro blog. A parte de horizontalmente, dependiendo de dónde y cómo coloques el "Gadget  HTML/Javascript", se puede crear verticalmente (y donde quieras arriba, abajo a izquierda o derecha).
     En este paso ya tendrás creado el meú, pero sin que sea interactivo totalmente, dado que ahora tenemos que crear las etiquetas en las entradas, basándonos en el ejemplo anterior, que nos permitan agrupar bajo el concepto "Tecnología" todas las entradas en las que metamos la etiqueta (label) "tecnologia", en "Ocio" todas las entradas en las que metamos la etiqueta "ocio" y así sucesivamente.

    5) Un paso tan importante como la adición del javascript. En cada entrada deberás añadir como etiqueta la palabra que pongas a continuación de "label". En el ejemplo sería "tecnologia, ocio, opinion, consumo" (porque incio es la principal y ahí no se utilizan etiquetas). En la imagen inferior te he recuadrado con unas líneas negras dónde deberás añadir la etiqueta que se convierta en tu concepto agrupador de páginas bajo la opción de menú.


    La adición de etiquetas como te expliqué aquí es útil no sólo por el ejemplo que ahora te estoy dando para hacer con ellas un menú, sino también porque le permiten al buscador no tener que "leer" toda tu entrada para presentar el resultado después en pantalla, es decir, la etiqueta le dice al buscador directamente de lo que trata tu entrada sin leerla.

    De esta manera, una vez hayas ido rellenando la zona de etiquetas que te mostré en el paso "5)" de cada entrada que tengas, conseguirás que quede la información bien estructurada en un menú que agrupa los conceptos en base a las etiquetas.

    6) Si quieres que no salga el mensaje "Mostrando entradas con la etiqueta EtiquetaMostrar todas las entradas" cada vez que el usuario accede a una opción de menú, haz lo siguiente:

    6.1 Busca en la plantilla pulsando CONTROL + F en la vista de EDICIÓN HTML de la plantilla el código: 

    <b:include data='top' name='status-message'/>

    6.2 Elimina la citada línea de código. Con esto desaparecerá el mensaje de aviso del Blog si lo deseas.

    como poner imagenes a la barra de blogger

    Cómo poner una imagen en la barra de blogger

    Cómo personalizar los laterales del blog en blogger. Personalizar columnas del blog

    En este tutorial de cómo personalizar el blog vamos a explicar cómo poner imágenes en las columnas laterales del blog para personalizarlas y adaptarlas a nuestro estilo personal.

    Antes de empezar es recomendable saber que mide la columna o columnas laterales donde vas a incluir las imágenes para hacer las imágenes con el tamaño adecuado, si no te acuerdas cómo era lo de las columnas puedes ver nuestro post de cómo cambiar el ancho de las columnas en blogger .

    Lo siguiente es tener claro que quieres hacer, por ejemplo yo he puesto 2 imágenes iguales que me sirven para enmarcar los iconos de las redes sociales del blog que pusimos el otro día. He puesto una encima y otra debajo. También he hecho otra imagen con texto para poner sobre los archivos del blog.

    Una vez tengáis las imagenes las vamos subiendo.

    • Vamos a Diseño y hacemos click en añadir un gadget (en la barra lateral)

    insertar imagen lateral blogger

    • Ahora en la ventana que nos sale buscamos la opción de imagen y le damos al +.

    poner imagen barra en blogger


    • Lo siguiente es buscar la imagen del ordenador para subirla (también puedes subirla desde una url) no pongas nada en título ni en pie de foto. Si quieres que la imagen que subes vaya enlazada a algún sitio tienes que poner la url en enlace, después haz click en guardar.
    poner imagen en barra de blogger

    • Ahora tienes tu imagen en la barra (columna) lateral en la zona superior, para situarla donde quieres tienes que colocar el puntero en el borde izquierdo de la caja que contiene tu imagen (sobre la zona de color verde claro) al ponerte en esa zona el puntero cambia a una mano entonces puedes hacer click y arrastrar la caja para situarla donde quieres que vaya en la barra, yo quería la imagen de la  barrita con las rayas rosas situada una sobre los icono de las redes sociales y otra debajo así que he subido la imagen dos veces siguiendo estos pasos y después las he colocado en el orden que quería.

    Para poner la otra imagen sobre los archivos tienes que seguir los mismos pasos pero además si vas a sustituir el texto original que pone blogger por tu imagen tienes que editar el gadget de archivos y quitar el texto del título para evitar que salga repetido lo de Archivos del blog.

    como crear Blogger

    Abrir una cuenta en Blogger
    Blogger es uno de los servicios de blog más usados por las personas en internet, ya que tiene la ventaja de enlazarse con todas las herramientas de google.
    El servicio de creación de blogs Blogger es el más indicado para quienes apenas están empezando a crear un blog en internet. Lo anterior, porque es muy sencillo de usar y en apenas unos cortos pasos podrás crear tu propio blog con artículos y un diseño limpio y fácil de aplicar.

    Pasos para crear una cuenta en Blogger

    Paso 1:

    Ingresa a la página web: http://blogger.com. Si ya tienes una cuenta creada en GmailYoutube o algunos de los servicios de Google, sólo tienes que escribir en los campos de Inciar sesión  tu nombre de usuario y contraseña y omite los pasos que siguen.

    Paso 2:

    Cuando estés allí, haz clic en el botón Crear cuenta de la parte superior derecha.
    Botón Crear cuenta.

    comentarios

    Cómo habilitar las respuestas a los comentarios en Blogger




    1. Dirígete a la página web Blogger.com y accede a tu cuenta.
    2. Acude al menú desplegable de tu menú de Blogger y haz click en 'Configuración'.
    3. Selecciona, en el menú de la izquierda, la opción 'Otros' y permite el feed del blog al completo para poder contestar comentarios en Blogger.
    4. Si todavía no se han activado, dirígete a la sección 'Entradas y comentarios', dentro del menú de 'Configuración' de Blogger y ubica todos tus comentarios 'Debajo de la entrada'.
    5. Si deseas leer más artículos parecidos a cómo habilitar las respuestas a los comentarios en Blogger, te recomendamos que entres en nuestra categoría de Blogear.
    Necesitas

    • Un ordenador con acceso a Internet.
    • Una cuenta de Google.
    • Una cuenta en Blogger.
    Consejos

    • Si instalas plantillas diseñadas por terceros en Blogger, debes 'Restablecer plantillas de artilugios a los valores predeterminados' en la Edición HTML de tu blog.

    las plantillas de blogger, fondo, color y plantillas

    Diseñador de plantillas de Blogger

    El Diseñador de plantillas de Blogger te ofrece otra forma de personalizar fácilmente el aspecto de tu blog. Tienes un montón de plantillas, imágenes, colores y diseños de columnas para expresar tu personalidad en tu blog. Para acceder al Diseñador de plantillas, solo tienes que hacer clic en el menú desplegable que aparece junto al icono gris de lista de entradas y seleccionar Plantilla. Desde aquí, puedes elegir y personalizar tu plantilla.
    Cuando pruebes el Diseñador de plantillas, observarás una vista previa que muestra el aspecto que tendrá el blog según las opciones que elijas; puedes ampliarla si pulsas en Mostrar vista previa entre el panel de control del Diseñador de plantillas de Blogger y la vista previa. Cuando estés satisfecho con el aspecto del blog, puedes aplicarlo directamente si pulsas la opción Aplicar al blog en la esquina superior derecha del Diseñador de plantillas.
    Para empezar a trabajar con el Diseñador de plantillas de Blogger, selecciona una de las plantillas de diseño profesional que tienes a tu disposición para el blog. Cada plantilla aparece como una miniatura de gran tamaño; al hacer clic en ella se muestran distintas variaciones de la misma que puedes seleccionar. Fíjate en que al hacer clic en una plantilla nueva se borrarán todas las personalizaciones que hayas hecho en una plantilla anterior.
    Cuando hayas elegido una, puedes seguir personalizando el aspecto del blog.

    Independientemente de la plantilla que estés previsualizando en el Diseñador de plantillas, siempre puedes ver el aspecto que tiene tu blog en estos momentos si te fijas en la miniatura Ahora en el blog del panel de control de esta utilidad. También puedes hacer clic en ella para restablecer en el Diseñador de plantillas la plantilla que utilizas actualmente para tu blog.

    Fondo

    Aunque hayas elegido una plantilla, puedes cambiar su aspecto. Con el Diseñador de plantillas de Blogger puedes elegir el color o la imagen de fondo que quieras en tu blog y luego aprovechar las opciones del esquema de color. Para empezar a personalizar el fondo, haz clic en la miniatura situada bajo Imagen de fondo.
    De entre las nuevas funciones del Diseñador de plantillas, una de las mejores es la capacidad de cambiar el color de la imagen de fondo. Es posible realizar este cambio si la imagen de fondo tiene transparencia. Se sabe que una imagen de fondo es transparente si en la esquina superior derecha muestra un tablero de ajedrez.
    Cuando hayas seleccionado la imagen, puedes cambiar el color del fondo si haces clic en Gama de colores principal y, a continuación, seleccionas el color que prefieras.

    Solamente puedes cambiar el color del fondo si éste último es transparente. Asimismo, si la plantilla que has elegido tiene un fondo gris, no podrás cambiar su color.
    Además de seleccionar y personalizar la imagen de fondo de tu blog, también puedes elegir una gama de colores y aplicarla a otros elementos del blog, como el texto o los enlaces. Para ello, prueba a usar la opción Gama de colores principal o elige uno de los Temas sugeridos. Al cambiar la gama de colores de tu blog, también cambiará el color de todos los elementos de la plantilla que se puedan modificar.
    Nota: si la imagen de fondo no es transparente, el cambio de tema modificará el esquema de colores del blog.
    Si quieres instrucciones para subir tu imagen de fondo personalizada, consulta nuestro artículo sobre cómo añadir código CSS personalizado a tu blog.

    Diseño

    Puedes elegir entre una variedad de opciones de diseño para tu blog, de una a tres columnas. Estos diseños cuentan con la funcionalidad de arrastrar y soltar para los gadgets. También dispones de una variada gama de opciones de diseño para el pie de página del blog.

    Si deseas añadir o suprimir gadgets, o bien modificar su configuración, no podrás hacerlo con el Diseñador de plantillas de Blogger. En su lugar, debes utilizar la ficha general Diseño.

    Ajuste del ancho

    Puedes cambiar el ancho del blog y de las columnas izquierda y derecha si arrastras los controles deslizantes de las distintas partes del diseño del blog. Fíjate en que las opciones que ves aquí se corresponden con el tipo de diseño que has elegido. Si, por ejemplo, has elegido un blog con columnas a los lados, verás controles deslizantes tanto en la izquierda como en la derecha. Sin embargo, si has elegido un blog con una sola columna a la izquierda, aquí solamente verás esa opción.