Rotulo

FMG TUTORIALES PARA BLOGGER

Bienvenida

BINVENIDO A FMG TUTORIALES PARA BLOGGER: Aquí podréis encontrar toda clase de Tutoriales, Gadgets, Widgets, Trucos para Blogger, Tips, Recursos para Imágenes, Sliders Para la Cabecera, Carruseles de Imágenes, Galerías de Imágenes, y todo lo relacionado con Blogger.Francisco Martinez Gich.

Ultimas entradas

INSERTAR UN WIDGED DE VÍDEOS DE YOUTUBE .   Con este widget podrás mostrar videos de Youtube en un el widget podrás Insertar hasta ...



INSERTAR UN WIDGED DE VÍDEOS DE YOUTUBE .







 Con este widget podrás mostrar videos de Youtube en un el widget podrás Insertar hasta 

5 videos

 de Youtube en un widget es lo que os traigo en esta ocasión.

 Para realizar este truco en nuestro blog de Blogger debereis seguir las instrucciones tal como lo mostrare en este Tutorial. 

Lo que vamos hacer es ingresar unos códigos CSS en nuestra plantilla, luego nos dirigiremos al Diseño de nuestra plantilla he ingresaremos un código en un widget HTML/Javascript y realizaremos unos simples cambios. 

Este widget de Videos de Youtube funciona perfectamente en todos los navegadores web como FireFox, Google Chrome, Internet Explorer, etc.


1 Ir a Blogger


2 Da un clic en “Plantilla”                         



3 Un clic en “Editar HTML”                         



Ahora se te abrirá el editor HTML de su plantilla, se mostrara igual como la imagen que esta a continuación


                                              



En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, 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 te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.


                                                                            


 Busca este código


]]></b:skin>


Ingresa las siguientes líneas de código justo arriba del código que encontraste



/*---VIDEO star--*/
.yt-general{padding:0 0 10px;box-sizing:border-box;text-align:center;line-height:0;font-size:0}
.yt-cargador{max-width:100%;margin:0 auto;padding:4%;background:#333}
.yt-video{position:relative;max-width:100%;padding-bottom:45%;height:0;overflow:hidden;background:#000}
.yt-video iframe,.yt-video object,.yt-video embed{width:1600px;max-width:100%;height:100%;position:absolute;top:0;left:0}
.yt-miniaturas{width:1000px;max-width:100%;margin:0 auto;padding:1% 1% 2%;background:#0A8A94;box-sizing:border-box}
.yt-miniaturas a{position:relative;display:inline-block;width:20%;height:0;overflow:hidden;padding:0 0 13% 0;vertical-align:top;margin:1% 0 0;border:2px solid #333;box-sizing:border-box;transition:.3s all}
.yt-miniaturas a:hover{z-index:2;transform:scale(1.2)}
.yt-miniaturas a img{width:100%;padding:0;background:transparent}
.yt-miniaturas a div{position:absolute;width:100%;overflow:hidden;padding:0 4px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;bottom:0;left:0;font-size:14px;line-height:18px;font-family:Arial;color:white;background:#CC181E;opacity:.8}
/* Símbolo cargador CSS Ayudadeblogger.com  */
.yt-video:before{content:'';display:inline-block;margin:20% auto;border-width:30px;border-radius:50%;animation:spin 1s linear infinite;border-style:double;border-color:#999 transparent}
@keyframes spin{100%{transform:rotate(359deg)}}
@media (max-width:470px){.videominiaturas a div{display:none!important}}


5 Busca este código

</body>




 Un clic en “Plantilla”                                              



 Un clic en “Editar HTML”                               



Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación
 
                                                                         



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.

                                                                                


 Busca este código


</body>

Ingresa el siguiente código justo arriba del código que encontraste.


Ingresa las siguientes líneas de código justo arriba del código que encontraste


<script type='text/javascript'>
    //<![CDATA[
var _0x619f=["\x73\x72\x63","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x79\x6F\x75\x74\x75\x62\x65\x2E\x63\x6F\x6D\x2F\x65\x6D\x62\x65\x64\x2F","\x3F\x72\x65\x6C\x3D\x30"];function cargarVideo(_0x98f3x2,_0x98f3x3){document[_0x619f[1]](_0x98f3x2)[_0x619f[0]]=_0x619f[2]+_0x98f3x3+_0x619f[3]}
    //]]>
</script>

6 Un clic en “Guardar plantilla” 

                                                                          



7 Un clic en “Diseño”                                                


8 Un clic en “Añadir un gadget”                                  



9 Busca el widget que dice “HTML/Javascript” ábrelo                 



10 Ingresa las siguientes líneas de código en su interior

                                                                              



<div class="yt-general">
<div class="yt-cargador">
  <div id="yt-video" class="yt-video">
    <!-- CODIGO COMPLETO PRIMER VIDEO CON ID=ID-FRAME-->
    <iframe id="id-frame" width="420" height="315" src="https://www.youtube.com/embed/iusFM2EowiQ" frameborder="0" allowfullscreen></iframe>
  </div>
</div>
  <div class="yt-miniaturas">
  <!-- INCLUIR LA ID DE CADA VIDEO 2 VECES EN CADA ENLACE: PARA VÍDEO Y PARA MINIATURA -->
  <a href="javascript:cargarVideo('id-frame', 'ykImslIykpc');"><img src="http://img.youtube.com/vi/ykImslIykpc/1.jpg" />
    <div> INGRESE AQUÍ EL NOMBRE DEL VIDEO 1</div>
  </a>
  <a href="javascript:cargarVideo('id-frame', '7IjgZGhHrYY');"><img src="http://img.youtube.com/vi/7IjgZGhHrYY/1.jpg" />
    <div> INGRESE AQUÍ EL NOMBRE DEL VIDEO 2 </div>
  </a>
  <a href="javascript:cargarVideo('id-frame', 'noE1u3Xu6Vg');"><img src="http://img.youtube.com/vi/noE1u3Xu6Vg/1.jpg" />
    <div> INGRESE AQUÍ EL NOMBRE DEL VIDEO  3</div>
  </a>
  <a href="javascript:cargarVideo('id-frame', 'ty31QY5ZGHo');"><img src="http://img.youtube.com/vi/ty31QY5ZGHo/1.jpg" />
    <div> INGRESE AQUÍ EL NOMBRE DEL VIDEO 4 </div>
  </a>
  <a href="javascript:cargarVideo('id-frame', 'u0yGXKoA6Ek');"><img src="http://img.youtube.com/vi/u0yGXKoA6Ek/1.jpg" />
    <div> INGRESE AQUÍ EL NOMBRE DEL VIDEO 5 </div>
  </a>
</div>
</div>

1Clic en Guardar                                            



Realiza estos cambios

1.1 Elimina el código que está marcado de color Azul y reemplázalo por el código de tu video, si no sabes cuál es el código de tu video, mira la siguiente imagen para que tengas una mejor idea.


                                                                        

2.2 Elimina los 10 códigos que están marcados de color rojo, y remplaza cada uno de ellos por el código correspondiente de tu video

Por ejemplo:

Tenemos el siguiente código:

<a href="javascript:cargarVideo('id-frame', 'ykImslIykpc');"><img src="http://img.youtube.com/vi/ykImslIykpc/1.jpg" />
    <div> INGRESE AQUÍ EL NOMBRE DEL VIDEO 1 </div>

Vas a borrar los dos códigos que están marcados de color rojo, y los vas a reemplazar por el código de tu video, recuerda poner el mismo código en los dos códigos que están marcados de color rojo.

Nota: si no sabes cuál es el código de tu video mira la siguiente imagen para que así te puedas guiar.

¿Cómo insertar un widget de videos de Youtube en mi blog de Blogger?

3.3 Elimina el la frase que está marcada de color verde que dice INGRESE AQUÍ EL NOMBRE DEL VIDEO 1 por el nombre de tu video

11 Eso es todo, da un clic en “Guardar” y ubica tu nuevo widget de videos de Youtube donde tú quieras y mira en tu blog como funciona este espectacular widget de videos de Youtube


Data de la Publicación; 06-10-2020

 Fuente;  ayudadeblogger

 Publicado por;                                               







TIPS PARA ELEGIR UN BUEN HOSTING Algunos consejos y opciones que necesitamos encontrar en estos tiempos es la de presentarse en i...

TIPS PARA ELEGIR UN BUEN HOSTING



Algunos consejos y opciones que necesitamos encontrar en estos tiempos es la de presentarse en internet a través de sitios web, paginas, blogs, etc., sobretodo empresas y negocios que desean darse a conocer y ofrecer sus productos a los millones de personas que visitan la red, claro está, que podemos encontrar personas que utilizan la red para otra serie de actividades, pero el porcentaje es mayor cuando se trata de vender, ganar, hacer dinero.

Si tú eres uno de los millones de personas que desean crear su sitio web y darse a conocer por internet, te comento que una de las cosas importantes que debes tener en cuenta luego de tener tu sitio es en donde lo vas a alojar, este lugar se llama hosting y debes tener recomendaciones muy presentes para que siempre elijas el mejor.

SEO Y MARKETING EN YOUTUBE. En la parte anterior de esta serie de SEO y Marketing en Youtube, habíamos discutido algunas de la...

SEO Y MARKETING EN YOUTUBE.



En la parte anterior de esta serie de SEO y Marketing en Youtube, habíamos discutido algunas de las pautas básicas que usted necesitaba saber, sobre la comercialización de vídeos de YouTube.

Este es sin duda una gran estrategia, sobre todo porque miles de millones de vídeos se están viendo todos los días en YouTube. 

Así que si lo haces bien, se puede canalizar una fracción de la audiencia en su propio blog, y por lo tanto aumentar su tráfico y suscriptores. 

En este post, vamos a hablar de pautas más técnicas, y también lo que se tiene que ver con los vídeos una vez que se hayan llevado a cabo.

Ya hemos hablado acerca de lo que debe contener un vídeo. Ahora, vamos a discutir la manera de optimizar el vídeo.

 Esto es similar a cómo optimizar un blog. Pero para optimizar sus recursos en YouTube, no va a necesitar de muchas técnicas como los blogs. 

Para los vídeos de YouTube, sólo es necesario optimizar los títulos, descripciones, y algunas cosas más. Así que vamos a empezar. 


LOS MEJORES SECRETOS DE REDACCIÓN PARA UN BLOGGER PROFESIONAL. ¿Es usted un escritor o no? ¿Trata realmente de escribir un artícu...

LOS MEJORES SECRETOS DE REDACCIÓN PARA UN BLOGGER PROFESIONAL.



¿Es usted un escritor o no? ¿Trata realmente de escribir un artículo y se le hez un poco difícil de hacerlo, pero todavía no lo ha logrado? 

Usted realiza una investigación previa durante horas antes de publicar un articulo sobre algún tema interesante y todavía no es capaz de producir una articulo efectivo de escritura? 

Hoy les contare algunos de los contenidos más importantes que deben saber al momento de crear su primer contenido rico en palabras interesantes, y así puedan volverse un escritor de contenido. 

Estos son también las diferentes etiquetas de escritura y técnicas utilizadas por los bloggers profesionales que hacen su escritura eficaz.

 Así, en lugar de culparse y subestimarse a sí mismo, se centran en estos 15 secretos para mejorar sustancialmente su escritura:

LOS VEINTE MEJORES CONSEJOS SEO. para obtener un mejor ranking de su página y la búsqueda de índices en base al motor de sus pági...

LOS VEINTE MEJORES CONSEJOS SEO.



para obtener un mejor ranking de su página y la búsqueda de índices en base al motor de sus páginas fácilmente. 

Estos 20 mejores consejos de SEO son algunos de mis secretos personales que me gustaría compartir con ustedes para que puedan implementarlo en su sitio y beneficiarse de ella. Estas técnicas son modificaciones muy simples de realizarlos y pequeños pasos que se pueden implementar para su sitio.

Aprender el secreto de cómo obtener la parte superior en el SEO no es escribir cualquier cosa para atraer a los motores de búsqueda, pero deberían escribir algo que los usuarios podrán disfrutar de la lectura y beneficiarse con el artículo. Escribir para no usuarios de los motores de búsqueda.

LOS DIEZ MEJORES SOFTWARE PARA OTIMIZAR TU SITIO WEB . Quien dice que tienes que ir a los servicios en línea cada vez que quiera...

LOS DIEZ MEJORES SOFTWARE PARA OTIMIZAR TU SITIO WEB .



Quien dice que tienes que ir a los servicios en línea cada vez que quiera mirar por encima de la optimización del motor de búsqueda  de su sitio web? SEO no es un proceso de una sola vez. 

Más bien, es uno solo. Para hacerlo más fácil, hay  algunos software de escritorio de SEO que se puede instalar en su ordenador, y que van a trabajar en segundo plano cuando no se está interactuando con ellos, por lo tanto, es hacer las tareas ordinarias de SEO más fácil. 

En este artículo vamos a tratar sobre los 10 mejores software de escritorio de SEO para optimizar su sitio web.

LAS TREINTA MEJORES RECOMENDACIONES DE SEO. Aprender SEO para optimizar recursos en su blog de blogger es de suma importancia pa...

LAS TREINTA MEJORES RECOMENDACIONES DE SEO.



Aprender SEO para optimizar recursos en su blog de blogger es de suma importancia para todos los webmaster y Blogger. ¿Todos se preguntaran! por qué? Porque no importa cuán grande es el contenido de su sitio, usted no está recibiendo nada de eso en los resultados de búsqueda si no aplica las tácticas de SEO.

 SEO hace que su contenido sea visible para el mundo del internet. Por lo tanto, su contenido tendrá que producir todo el tráfico posible del internet, usted necesita SEO. 

He compartido anteriormente algunos artículos destacados sobre la optimización de los motores de búsqueda, pero hoy en día, me gustaría compartir con ustedes algunos ajustes de SEO que cada blogger debe saber y aplicarlo en su blog. 

Estos son temas específicos de Blogger, pero esto no significa que no se pueda aplicar algunos de ellos a otras plataformas.

LAS 20 MEJORES TÁCTICAS SE SEO QUE CADA BLOGGER DEBE SABER . El propietario de cada sitio web o blog debe saber sobre SEO (Sear...

LAS 20 MEJORES TÁCTICAS SE SEO QUE CADA BLOGGER DEBE SABER .



El propietario de cada sitio web o blog debe saber sobre SEO (Search Engine Optimization). ¿Por qué? Debido a la Optimización para motores de búsqueda  se forma la columna vertebral de su sitio web.

 Siempre y cuando lo haga bien, puede hacer maravillas en su blog. De lo contrario, su blog no será más que una granja que contiene un gran contenido de artículos de los cuales jamás serán vistos.

 Como resultado, su contenido de artículos envejece y no será visualizado en ningún motor de búsqueda. SEO es como la transmisión de un coche.

 No importa cuán grande o poderoso sea su motor, si usted tiene una transmisión defectuosa, usted no va a ganar ninguna carrera.

 Por lo tanto para un blog, todo debe ser perfecto, no sólo el contenido que usted escriba. En este post voy a compartir algunos consejos claves que ustedes deben saber.

 Esto es más que una lista de control que cualquier otra cosa, así que tome lista y compruebe lo que está haciendo bien o mal en su blog.

LA DIFERENCIA ENTRE UN BLOGGER PROFESIONAL Y UNA CELEBRIDAD . Ser un blogger profesional es un sueño para muchos, sin embarg...

LA DIFERENCIA ENTRE UN BLOGGER PROFESIONAL Y UNA CELEBRIDAD .



Ser un blogger profesional es un sueño para muchos, sin embargo, muy pocos realmente lo hacen. No es una cuestión de simplemente tener tiempo extra en sus manos o no tener nada más que hacer.

La gente, que no son bloggers, a menudo piensan que los bloggers están perdiendo el tiempo, o que son nerds que "no tienen una vida", y pasan demasiado tiempo en un equipo y no jugar nada de juegos, etc.

 Bueno, un blogger profesional no es nada parecido a un nerd. De hecho, un blogger profesional puede ser comparado a una celebridad.

 Para todos aquellos que son nuevos y no saben que es ser un blogger profesional, primero vamos a entrar en las definiciones.


GOOGLE EXPLICA LA DIFERENCIA ENTRE GOOGLE PLUS EL BOTÓN +1 Y EL BUSCADOR . Google Plus es el jugador más reciente en el campo de ...

GOOGLE EXPLICA LA DIFERENCIA ENTRE GOOGLE PLUS EL BOTÓN +1 Y EL BUSCADOR .



Google Plus es el jugador más reciente en el campo de las redes sociales. Cuando llegó por primera vez, se pensaba que lo hacía sólo para contrarrestar el dominio de Facebook, y que solo era otro proyecto más que al  final terminaría como otro de sus proyectos que no dieron resultados como Google Buzz, Orkut, etc. 

Pero ahora, parece ser que esta plataforma conocida por muchos como Google Plus llego para quedarse. Google + es mucho más que un sitio web de redes sociales. 

ESTRATEGIAS DE TRÁFICO CON YOUTUBE PARA AUMENTAR LOS SUSCRIPTORES DE TU BLOG. YouTube es el sitio web para compartir videos más p...

ESTRATEGIAS DE TRÁFICO CON YOUTUBE PARA AUMENTAR LOS SUSCRIPTORES DE TU BLOG.



YouTube es el sitio web para compartir videos más populares en la web. Aproximadamente, más de 2 mil millones de videos son vistos a diario en YouTube.

 Esta gran audiencia significa un gran potencial. Sorprendentemente, todo ese potencial de tráfico parece algo inexplorado por la mayoría de los bloggers.

 Esta es una puerta que está esperando ser abierta por muchos de los bloggers.

 Y una vez que lo abra, verán cuántas oportunidades te has estado perdiendo.

EMPEZAR UN NUEVO BLOG, LAS DECISIONES CORRECTAS. Hoy en día, muchas personas toman los blogs como una manera de hacer dinero. Se...

EMPEZAR UN NUEVO BLOG, LAS DECISIONES CORRECTAS.



Hoy en día, muchas personas toman los blogs como una manera de hacer dinero. Se ha convertido en toda una tradición, porque todo el mundo piensa que es fácil.

 Su lógica detrás de esto es: "Bueno, todo el mundo parece ser capaz de hacerlo, lo que significa que puedo hacerlo, también.

" Esto es algo que no puede ser más falso. Si bien puede parecer que cualquiera puede ejecutar uno, un blog es algo que requiere mucha atención y, sobre todo, mucha creatividad.

 Aquí hay algunas cosas que usted necesita para prestar atención, si va a tener éxito.

Paginacion