Tutoriales Gratis de Internet

monetizar blogger

Como Implementar un Reproductor de Radio Online para Blogger


Reproductor de Radio online para Blogger generalmente estas paginas que distribuyen contenido de música y ondas radiales ya sea strems o contenido de audio en secuencia de forma gratuita, son muy concurridas por los usuarios en la actualidad, una forma de atrapar ese trafico es crear una radio, en esta oportunidad vamos aprender a como agregar un reproductor de radio online para nuestro blog en blogger, totalmente  personalizado y listo para usar.

Paginas especializadas en Servidores de Radio: Existen muchas paginas especializadas donde podemos crear nuestras estaciones de radios ya sea en vivo o colocar audios pregrabados en secuencia, algunos de estos servidores nos ofrecen reproductores gratuitos y en algunos casos solo nos ofrecen el enlace url de nuestra estación radial. 

Hay muchas plataformas comerciales que ofrecen el servicio de streaming gratuito. Son empresas que intentan captar clientes regalando planes freemium para luego intentar venderles el paquete premium. Sin embargo, son una buena alternativa para comenzar.

1º Listen2myradio

2º Myradiostream

3º Caster.FM

4º Zeno.FM




Entrar a Blogger y buscar Tema / Editar HTML buscar ]]></b:skin>  o  </style> y colocar el siguiente código en la parte de arriba.
 
#radio1 {color: #03222d;margin: 0 0 2px;overflow: hidden;padding: 15px; background:#da123a; border: solid 10px #000; border-radius:5px;}
#radio {direction: ltr;margin: 0 0 2px;/*27px*/ min-height: 180px; width: 100%;}
.caja-box { float: left; margin: 0; text-align: left; width: 100%;}
.img-box { float: left; margin: 0 10px 0 0;width:120px}
.repro-box {  padding: 12px 0 0;width:350px;float:left}
.repro-box2 {  padding: 12px 0 0;width:400px;float:left}
.repro-box3 { padding: 12px 0 0;width: 100px;float: right; } /*padding: 12px 0 0;width:100px;float:left*/


Para usar el reproductor en nuestras entradas o paginas de blogger vamos a colocar el siguiente código en la sección VISTA HTML.
 
<div id="radio1">
<div class="img-box"><div class="separator" style="clear: both;"><img border="0" src="URL-IMAGEN" /></div>
</div>
  
<div class="repro-box2">
<iframe allowtransparency="true" frameborder="0" height="90" marginheight="0" marginwidth="0" scrolling="No" src="URL-RADIO" style="background: transparent;" width="100%" wmode="transparent">
</iframe>
</div>
</div><div>
<br />

Debemos reemplazar URL-IMAGEN por un enlace de nuestra imagen radial, también reemplazar URL-RADIO por la estación de su radio online php. 






Cómo insertar iconos en Blogger (Font Awesome)


Font Awesome es un conjunto de herramientas de fuentes e íconos basado en CSS. En la actualidad la mayor cantidad de sitios webs lo utilizan en sus plantillas. Font Awesome es la biblioteca de íconos y el conjunto de herramientas de Internet para mejorar la apariencia de tu blog, utilizado por millones de diseñadores, desarrolladores y creadores de contenido.

Como Ganar Dinero Colocando tus enlaces URL en PASFOX

 

Pasfox nació con la determinación de cambiar la industria de los acortadores que pagan dinero a los editores de sitios web, bloggeros, youtubers, etc, exactamente no es un acortador simple, Pasfox es la mejor herramienta para compartir textos, enlaces, imágenes y videos de manera fácil, rápida, sencilla, protegiendo nuestros enlaces publicado en internet totalmente gratis, gracias a su tecnología ayuda a gestionar nuestros enlaces acortados de una manera fácil e intuitiva.

Como Cambiar las Entradas que se muestran en Slider principal de Blogger


Generalmente un Slider en paginas o plantillas diseñadas en Blogger viene por defecto para mostrar las ultimas publicaciones dentro del blog, en esta oportunidad vamos aprender a como cambiar las entradas que se muestran en el slider principal por etiquetas creados por nosotros mismos, así podemos elegir las entradas que nosotros deseamos mostrar en nuestro slider principal de nuestro blog o sitio web.

¿Que es un slider? Un slider es un recurso de diseño web que consiste en mostrar distintas imágenes con enlaces a entradas especificas que se van deslizando unas sobre otras pueden ser estáticas o giratorias. Cada una de las imágenes se llama slide y pueden contener texto e incluso vídeos y botones.


Entrar a Blogger / Tema / Editar HTML, buscar el siguiente código. 

Este código Muestra las ultimas entradas publicada en blogger por defecto  

feeds/posts/default?


Reemplazar el código encontrado por el siguiente código por etiquetas.

Este código Muestra las entradas por etiquetas en blogger
/feeds/posts/default/-/ETIQUETAS?

Cambiar o reemplazar ETIQUETAS por su propia etiqueta que desea mostrar




Como Implementar Metaetiquetas Compatible con SEO en Blogger

Las metaetiquetas  son una de las optimizaciones que se implementan en las plantillas blogger para que los blogs y artículos que publicamos tengan una identidad clara.  Para que los robots de búsqueda como Google, Bing y otras herramientas de búsqueda busquen más fácilmente nuestro blog y sea más fácil clasificarlo en la página de resultados del motor de búsqueda.

La función de metaetiqueta básicamente consta de varios elementos importantes, entre ellos: 

La Meta Descripción

La metadescripción se utiliza para proporcionar una descripción general del contenido de la página de su blog en blogger. El tamaño recomendado no debe superar los 200 caracteres. Y tratar de que esta descripción pueda ser breve.

<meta content='DESCRIPCION-DEL-BLOG' name='description'/>


Las Meta etiquetas 

Las meta etiquetas son palabras clave dentro de blogger, es muy importante porque determina qué palabras clave pueden encontrarse de las páginas de su blog en los motores de búsqueda.

<meta content='PALABRA CLAVE 1, PALABRA CLAVE 2, PALABRA CLAVE 3,...' name='keywords'/>

La Meta etiqueta Robots

El propósito principal de usar la metaetiqueta de robots es determinar qué páginas del blog se indexarán mediante los resultados de búsqueda y qué páginas de blog no se buscarán. Esta etiqueta es útil, especialmente si un blog usa marcos para la navegación.

<meta content="index follow" name="robots"/>

* Estos tres componentes de meta etiquetas, cuando se combinan, se ven así:

<meta content='DESCRIPCION-DEL-BLOG' name='description'/>
<meta content='PALABRA CLAVE 1, PALABRA CLAVE 2, PALABRA CLAVE 3,...' name='keywords'/>
<meta content='index, follow' name='robots'/>

Después de conocer las funciones y algunos conceptos básicos de meta etiquetas que debes implementar en tu plantilla de blogger. Ahora explicare como implementar o modificar las meta etiquetas que se encuentra a menudo en las plantillas que compartimos.



Compartiremos un ejemplo de metaetiquetas SEO para blogger en HTML5 que se utiliza en diferentes diseños de plantillas blogger, este código se puede colocar debajo de la etiqueta de apertura <head> o antes del cierre </head> 

Algunos diseños de plantillas blogger tienen implementado las metaetiquetas, en este caso solo debemos rellenar con nuestros datos o datos de nuestro blog. En otro caso simplemente reemplace la metaetiqueta existente con esta  metaetiquetas HTML5 compatibles con SEO. Estas metaetiquetas pueden tener muchas variantes pero cumplen la misma función.

<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title> Página no encontrada - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "https://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPCIÓN-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.blogger.com/profile/ID-BLOGGER' rel='publisher'/>
<link href='https://www.blogger.com/profile/ID-BLOGGER' rel='author'/>
<link href='https://www.blogger.com/profile/ID-BLOGGER' rel='me'/>
<meta content='CÓDIGO-VALIDACIÓN-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CÓDIGO-VALIDACIÓN-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='PAIS' name='geo.placename'/>
<meta content='NOMBRE-ADMINISTRADOR' name='Author'/>
<meta content='general' name='rating'/>
<meta content='ID' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5cMz6RZFDPW4jdeskn_PCMXXIqd55wYaV-ABcw6pZwwdv1i7KHxoVS_ueGHWnqrd33P9YJGvJB1a_05faYJfLiL3GEnOkn9whX0gcqHoh3q86TxrzEtFIhgb0_ptZXm31uipYvyt6HY4ixZGNN3Via7FvOx-w82mvC2rpfksLXUrAPrjMrA7r4z4eiQ/s180/tutoriales%20gratis%20de%20internet.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PERFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/PAGINA-FACEBOOK' property='article:publisher'/>
<meta content='CÓDIGO-APLICACIÓN-FACEBOOK' property='fb:app_id'/>
<meta content='CÓDIGO-ADMINISTRADOR-FACEBOOK' property='fb:admins'/>
<meta content='es_ES' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USUARIO-TWITTER' name='twitter:site'/>
<meta content='USUARIO-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>

DESCRIPCION INFORMACION
DESCRIPCION-BLOG Rellenar la descripción del blog o las palabras clave
USUARIO-BLOGGER Rellenar con ID de usuario del blog, ejemplo: https://www.blogger.com/profile/07839937594714189422
CODIGO-VALIDACION-GOOGLE-WEBMASTER Rellenar con el código de validación de Google en Search Console
CODIGO-VALIDACION-BING-WEBMASTER Rellenar con el código de validación de Bing Webmaster
NOMBRE-ADMINISTRADOR Rellenar con el nombre del autor
ID PAIS Rellenar el código de país de la ubicación donde se publica su blog, puede encontrarlos en Codigo Paises
PERFIL-FACEBOOK Rellenar con el enlace url del perfil en Facebook
PAGINA-FACEBOOK Rellenar con el enlace de la página de fans en Facebook
CODIGO-APLICACION-FACEBOOK Rellenar con el código de la aplicación de Facebook, puede hacerlo en https://developers.facebook.com
CODIGO-ADMINISTRADOR-FACEBOOK Rellene con el código de perfil de su Facebook
USUARIO-TWITTER Rellenar con tu nombre de usuario en Twitter

*Puede eliminar alguna de las funciones que no desea usar en su metaetiquetas de su plantilla blogger.

 


Como Crear un Efecto de Carga en paginas de Blooger - Loading



Como podemos crear un Efecto de Carga o Loading en Blogger. Hay muchas formas de mejorar nuestro blog, una de ellas es instalar un genial efecto de precarga cuando se ingresa a una nueva pagina de nuestro Blogger. 

Las Mejores Alternativas para Monetizar Blogger sin Google AdSense

 

Google AdSense es una de las redes de publicidad en línea más conocidas en internet, publicidad que nos permite ganar dinero a través de un sitio web en blogger, por la venta de trafico a través de anuncios en esta plataforma, pero no es la única opción de publicidad que podemos encontrar en línea. Hay varias alternativas para Adsense que usted puede probar en su Sitio Web.

Si aún no se ha creado una cuenta de AdSense, si ya cuenta con una cuenta y tiene problemas para conseguir su aprobación o simplemente desea diversificar sus ingresos, existen muchas empresas publicitarias alternativas que ofrecen el mismo servicio con excelentes funciones que le permiten obtener ingresos adicionales para su sitio web.

Cualquier sitio web puede utilizar Google AdSense. Pero hay algunos sitios web que son mas atractivos para Adsense por eso son aceptados rápidamente, así como hay sitios web que son ignorados por ser pocos originales o no tener un contenido amplio.


Sitios que pueden monetizar en Adsense:

Si usted trabaja con blogger y está publicando constantemente contenido de alta calidad a una audiencia de seguidores constantes, los anuncios de adsense pueden ser una gran manera de monetizar su contenido.

Tiene un Foro, Los foros son una gran manera para que la gente interactúe entre ellos sobre un tema en especifico, también se puede generan ingresos utilizando Adsense.

Tiene Herramientas Gratis en Internet: Si usted cuenta con un sitio que ofrece una herramienta o algún servicio gratuito en línea, también puede usar anuncios de adsense.

En conclusión: cualquier sitio web que está recibiendo tráfico regular es adecuado para Adsense. 


Sitios que no pueden usar Adsense:

Sitios que difícilmente sean aceptados en Adsense son blogs de descargas, películas, series, programas, utilitarios, pornografía, entre otros que implica faltas a los derechos de autor en Internet de otras personas.


*Pero qué sucede si usted tiene un sitio web en blogger con trafico constante y no desea utilizar los anuncios de Adsense por obvias razones es importante conocer las mejores alternativas que encontramos en internet, plataformas similares ha Adsense con el cual se puede generar ingresos aceptables por poner publicidad en nuestro sitio web. 


AdsTerra


AdsTerra es la mejor alternativa a la publicidad de Google Adsense en la actualidad, por su rápido acceso y fácil uso de su plataforma, es la única empresa que te acepta al instante como editor de sitios web con trafico. Es una empresa de publicidad digital que ofrece servicio de monetización para sitios web como blogger de alta y baja densidad de trafico al rededor del mundo, tiene una amplia gama de publicidad ideal para pequeños editores por su inmediato acceso a esta plataforma.

AdsTerra fue Fundado en el año 2013, su crecimiento en la actualidad es constante, cuenta con más de 10.000 millones de impresiones al mes, tiene una plataforma fácil de usar, Adsterra hace que sea increíblemente fácil monetizar tráfico en un sitio web de blogger, Wordpress y cualquier plataforma de sitios web. Es una de las compañías de publicidad digital líderes en el mundo.

La distribución de anuncios que cuenta AdsTerra es estándar como los publicidad estática. banners, popunders, pre-rolls de vídeo, notificaciones push, social, entre otros. Publicidad adaptada para reproducirse en equipos de escritorio y móvil.

Cuenta con los mejores pagos en impresiones por cada clic o CTR (Costo por reacción), la mejor fuente de ingresos de Adsterra es por CPM (Costo por mil impresiones). Sus opciones de ingresos son bastante variables sube y baja de acuerdo al trafico y tipo de visitantes en nuestros sitios web. 

Pagos mínimos desde 5 dólares o euros se realizan de forma automática. Paypal (mínimo 100 dólares), WebMoney (mínimo 5 dólares), Paxum (mínimo 5 dólares), Bitcoin (mínimo 100 dólares), Tether (mínimo 100 dólares) y Transferencia Bancaria (mínimo 1000 dólares). Tiene soporte en español e ingles, para ver mas información sobre AdsTerra visitar el siguiente enlaces 👉 AdsTerra 



PopCash


PopCash es una red de publicidad tipo Popunder que ofrece cobertura mundial y de rápido acceso para sitios web de poca o alta densidad de trafico con publicidad en ventanas emergentes, ventanas que se abren en nuevas pestañas sin ser intrusivo para el usuario. Esto asegura que la experiencia de sus espectadores no se verá afectada por los anuncios. Todo lo que le queda por hacer es concentrarse en atraer más visitantes a su sitio web.

El registro en PopCash es de rápido acceso solo se necesita verificar la cuenta y aceptar los terminos, podemos registrar nuestro sitio web alojadas en Blogger, wordpress  y demás plataformas. Luego de colocar el código popunder en el sitio web debemos esperar la aprobación generalmente se da entres las 24 horas del día.

PopCash trabaja esta en línea desde 2012, las mejores ganancias de pagos es por CPM (costo por 1000 impresiones) retiro mínimos desde 10 dólares los pagos son diarios alcanzando el limite mínimo de pago en monederos virtuales. Pagos por Paypal (mínimo 10 dólares), Paxum (mínimo 10 dólares), Skrill (mínimo 10 dólares), Payoneer (mínimo 50 dólares), WebMoney  (mínimo 10 dólares), Bitcoin (mínimo 150 dólares) entre otras opciones.

Paga el 80% por publicidad, lo que nos permite aprovechar al máximo el potencial de ingresos de nuestros sitios web. Tiene publicidad adaptado para ordenador y móvil puede registrarse en el enlace de abajo.

PopCash.net



  PopAds


PopAds es una pagina de publicidad que se especializa en la entrega de anuncios popunder o ventanas emergentes para sitios web, aceptan cualquier sitio web con requisitos mínimos de trafico que no infrinjan los derechos de autor en estados unidos o costa rica. En línea desde 2010.

La tarifa de ingresos por poner publicidad en nuestros sitios web que nos ofrece PopAds es variable depende del país donde sea nuestro trafico o el nicho de nuestro sitio web. Utiliza la forma de pago por CPM (costo por 1000 impresiones), Hay muchas opciones de segmentación que le permiten mejorar sus ingresos al colocar su PopAds en su sitio web

Su sistema de editores tiene una gama de anuncios emergentes que pueden ser implementados una vez sean aceptados en esta plataforma de publicidad. Aprobación de registro aproximadamente dentro de las 24 horas una vez haya registrado su sitio web en PopAds.

Pagos diarios mínimo desde 10 dólares acumulados, puede reclamar sus pagos todos los días alcanzado el monto mínimo. Paypal (mínimo 10 dólares), WebMoney (mínimo 10 dólares), Bitcoin (mínimo 10 dólares) y otros monederos virtuales.  

Registrarte en PopAds usa su publicidad e tu sitio web y empieza a ganar en el enlace de abajo.  

PopAds.net - The Best Popunder Adnetwork


AdNow  

ADNOW es una plataforma de publicidad para sitios web con la distribución de publicidad nativa similar a Google Adsense, aceptan cualquier sitio web en diferentes temáticas para editores de sitios web. El registro es bastante sencillo solo debe confirmar su correo electrónico y empezar a registrar su sitio web alojado en Blogger y otras plataformas. 

Nos permite configurar la publicidad para que se adapte mejor en nuestro sitios web, tiene publicidad para ordenadores y móvil. Todos los anuncios están moderados libres de virus ni malware.

Montos mínimo para cobrar 20 dólares. El proceso de pago es semanal, puede demorar hasta 2 semanas. No hay retrasos en los pagos a través de transferencias bancarias, webmoney, Paypal.

La base de ganancias en Adnow esta referido al CTR medio de los anuncios nativos es del 1 % , tiene un soporte en diferentes idiomas, configuración de la publicidad en menos de 5 minutos. 

AdNow recomiendan nuestro sitio web para e mejorar nuestro trafico registrate para empezar a ganar en el enlace abajo.

PopAds.net - The Best Popunder Adnetwork



AdSense puede ser una de plataformas más grandes y conocidas para monetizar nuestro sitio web en internet, pero existen muchas alternativas similares a Google AdSense que iremos enumerando de a poco en esta publicación. 
Puede ir realizando pruebas si no está obteniendo los resultados que desea con otras plataformas de publicidad o simplemente está buscando diversificar sus fuentes de ingresos con sus sitios web.
Se recomienda usar solo una plataforma de publicidad a la vez para nuestros sitios web, es cierto que algunas de estas empresas permiten el uso de diferentes plataformas de publicidad pero debemos evitar conflictos o bloqueos en nuestras cuentas. 

Como hacer Videos Flotantes de Youtube en Paginas de Blogger

Videos flotantes de Youtube en paginas o entradas de Blogger, videos que floten cuando la página se desplaza hacia abajo. Tal vez haya visto videos en sitios web cuando el video se está reproduciendo o simplemente se visualiza esta se desplaza hacia la parte de abajo al lado lateral de la página, el video seguirá automáticamente flotando siguiendo la página incentivando al visitante darle clic en reproducir el video. 

Videos totalmente responsivos de Youtube en nuestro blog, de esa manera, el video de Youtube agregado en la publicación seguirá automáticamente las dimensiones de la pantalla del dispositivo que está utilizando. Para aquellos que estén interesados es instalar esta opción en su plantilla, seguir los pasos a continuación.

Abrir el panel de control de Blogger / Tema / Perzonalizar /  Editar HTML. Agregar el siguiente código CSS antes </head>

<style>
@keyframes fade-in-up{0%{opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes littleShine{0%{background-position:-400px 0}100%{background-position:400px 0}}
.loader{position:absolute;left:0;right:0;top:0;bottom:0;float:left;overflow:hidden;margin-right:12px;animation:littleShine .85s linear infinite;background:#f5f5f5 linear-gradient(to right,rgba(255,255,255,0) 5%,rgba(255,255,255,.75) 20%,rgba(255,255,255,0) 30%);background-size:800px 100px}.floatvideo-wrapper{text-align:center}.floatvideo iframe{max-width:100%;max-height:100%}.floatvideo.fly{padding:0;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 10px -5px rgba(0,0,0,0.15);-webkit-transform:translateY(100%);transform:translateY(100%);width:350px;height:250px;-webkit-animation:fade-in-up .25s ease forwards;animation:fade-in-up .25s ease forwards;z-index:99}.videoyoutube{text-align:center;margin:auto;width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
@media screen and (max-width:640px){.floatvideo.fly{bottom:10px;right:10px;width:160px;height:85px}.video-responsive{padding-bottom:54%}}
</style>

Puede editar en el código marcado para determinar la posición del video.


A continuación, agregar el siguiente código antes de </body>

<script>
//<![CDATA[
// Video Melayang
var $window=$(window),$floatvideoWrap=$(".floatvideo-wrapper"),$floatvideo=$(".floatvideo"),floatvideoHeight=$floatvideo.outerHeight();$window.on("scroll",function(){$window.scrollTop()>floatvideoHeight+$floatvideoWrap.offset().top?($floatvideoWrap.height(floatvideoHeight),$floatvideo.addClass("fly")):($floatvideoWrap.height("auto"),$floatvideo.removeClass("fly"))}),setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>

Para aquellos que han agregado el código de videos receptivos de Youtube en blogger , simplemente reemplácelo con el código anterior. Luego haga clic en  guardar tema.



Para colocar el código en nuestras paginas o entradas, utilizar este código en el editor de publicaciones (Vista HTML). 

<div class='floatvideo-wrapper'>
   <div class='floatvideo'>
      <iframe width='600' height='340' src='//www.youtube.com/embed/IDENTIDAD-VIDEO' frameborder='0' gesture='media' allowfullscreen></iframe>
   </div>
</div>

Remplazar el código IDENTIDAD-VIDEO por la identidad de otro de video de Youtube que desee mostrar en su publicación.


Opcional se puede utilizar el código de arriba para videos flotantes en sus entradas o paginas en blogger de diferentes plataformas que distribuyen videos como Facebook, Vimeo, Dailymotion, entre otros. Solo debe Reemplazar (//www.youtube.com/embed/IDENTIDAD-VIDEO) por la url de su video embed.

 


Como instalar botones Subir y Bajar en Blogger


Como instalar los botones de Subir y Bajar en blogger muy practico, los botones de Subir y Bajar son botones que sirven para subir hacia arriba y hacia abajo dentro de las publicaciones en las paginas de blogger, en lugar de mover el puntero con el mouse. Esta es una forma de alentar a los usuarios a ver nuestro contenido fácilmente. 

Cómo instalar un cuadro de descargas en Blogger


Cómo instalar un cuadro de descargas para Sitios web en Blogger, es importante tener ordenado todas nuestros enlaces url de descarga en un cuadro sencillo y de fácil entendimiento para las personas que visitan nuestro sitio web de descargas en blogger, 

Como Ganar Dinero con MEGA


Mega es un servicio en la nube mas conocidos en la actualidad similar a Dropbox o Google Drive que permite intercambiar libremente archivos en internet. Crea su nueva forma de ganar dinero a través de su nuevo Programa de Referencia, en donde sus usuarios registrados que comparten (archivos, videos, imágenes, documentos, etc) en las paginas web o las redes sociales, pueden ganar el 20% de los ingresos de cada compra realizada por los usuarios que hayan utilizado su enlace de referencia en los productos compartidos de MEGA.

Como agregar botón de favoritos en Blogger

El botón de favoritos es un opción muy útil e importante para nuestro sitio web en blogger,  podemos hacer que las personas que visitan nuestro blog le den clic al botón de favoritos en su navegador eso les dará un acceso mas rápido y se mantendrán al tanto de las nuevas publicaciones dentro de la pagina.

Como modificar Enlaces de Menú por Etiquetas en Blogger

Tener ordenado el menú principal de nuestro blogger es muy importante para el posicionamiento en los buscadores de google y otros navegadores de internet, ordenar el menú principal cumple la función de llevar a los lectores a sitios o enlaces específicos en nuestro sitio web de forma ordenada por sencillas etiquetas configuradas en las entradas del blog.

Como abrir Videojuegos en Ventana Completa Blogger (Fullscreen)

 
Resulta tedioso jugar un videojuego en Blogger al ser limitado por un cuadro o ventana que encierra el juego muchas veces incompleto por ese motivo les traigo un nuevo tutorial de como abrir videojuegos en ventana completa (Fullscreen). Con el uso de códigos que pueden ser implementados en las publicaciones de sus entradas HTML. 

tutoriales de blogger

tutoriales de youtube

tutoriales de facebook