add

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?


Dentro de las prácticas de inserción de anuncios de Adsense.com se encuentra una de las mejores prácticas recomendadas por Adsense, y es la colocación de un anuncio adaptable que se posicione justo arriba de la cabecera principal de su blog de Blogger. ¿Cómo hacerlo? De una forma fácil y sencilla, les guiare paso a paso como realizar este grandioso truco de Blogger. Este manual de Blogger le servirá para generar unos ingresos extra, ganando dinero con Adsense.com


¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

¿Por qué es importante?

Es importante insertar un anuncio publicitario adaptable de Adsense arriba en la cabecera principal porque  nos servirá mostrar el anuncio en diferentes pantallas, tanto como en computadores de escritorio, Smartphone de gama alta, tablets, etc.

Los tamaños de pantalla están cambiando siempre, por eso es importante que tu blog de Blogger pueda adaptarse a cualquier tamaño de anuncio hoy y en el futuro.


Video tutorial


Indicaciones ¿Cómo puedo obtener un anuncio adaptable?

Siga las siguientes instrucciones:

1 Abrir Adsense.com

2 Un clic en “Mis anuncios”

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

3 Un clic en “Nuevo bloque de anuncios”

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Le mostrara la siguiente ventana

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

4 Ingrese un nombre donde lo señale

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

5 Modifique el Estilo de Anuncio de Texto, escoja el color que mejor se adapte a su blog

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

6 Un clic en “Guardar y obtener el código

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

7 Le mostrara una nueva ventana, el cual contiene el código adaptable

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Ahora, dejamos abierto la ventana y esperamos a seguir las instrucciones pertinentes para poder insertar dicho código de Adsense.

Creación de un nuevo widget para insertar el código de Adsense

Vamos a crear un nuevo widget desde cero, y así poder insertar el código de Adsense justo arriba de la cabecera principal de nuestro blog de Blogger

Tutorial

1 Ir a Blogger.com

2 Un clic en “Plantilla

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

3 Un clic en “Editar HTML

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Ahora se le abrirá el Editor HTML de su plantilla

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

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.

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

4 Busca este código

]]></b:skin>

5 Ingrese las siguientes líneas código justo arriba del código que encontró

#ayudadeblogger-header {
 clear:both;
 }
 .columna {
 }

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

6 Busca este código

<body>

Ingrese el siguiente código justo abajo del código que encontró

<div id='ayudadeblogger-header'>
<div id='columna1' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='columna1' id='columna1' preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

7 Un clic en “Guardar plantilla

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Vamos al Diseño de nuestro blog

1 Un clic en “Diseño

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

2 Ahora les mostrara un nuevo widget llamado “columna1”que se encontrara habilitado justo arriba de la cabecera de su blog de Blogger, miren el siguiente ejemplo

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

3 Un clic en “Añadir un gadget

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

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

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

5 Ingresa las siguientes líneas de código “Este código sirve para centrar el anuncio

<div style="text-align: center;">



</div>

6 Diríjase a la página de Adsense.com y copie el código que usted género

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Ingrese el código de Adsense justo debajo de <div style="text-align: center;">

Por ejemplo así debería de quedarles

<div style="text-align: center;">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- mobil Ads Adaptable -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9022262903786221"
     data-ad-slot="2222222734"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>


7 Un clic en “Guardar

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Todavía no hemos terminado, ya que necesitamos habilitar el widget para se muestre en los teléfonos inteligentes, tablets

1 Ir a Blogger.com

2 Un clic en “Plantilla

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

3 Un clic en “Editar HTML

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Ahora se le abrirá el Editor HTML de su plantilla

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

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.

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

4 Busca este código

<body>

Por ejemplo nos mostrara lo siguiente

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Ingresa el siguiente código justo antes del código que dice title=''

mobile = 'yes'

Ejemplo, mire la siguiente línea de código, el cual se indica cómo debe de estar ingresado el código

<b:widget id='HTML17' locked='false' mobile = 'yes'  title='' type='HTML' visible='true'>

Nota: en mi blog de pruebas me muestra el nombre Id que está identificado como 'HTML17' a ustedes les mostrara otro número de identificación, así que no se preocupe si no es el mismo


5 Un clic en “Guardar plantilla

¿Cómo insertar Adsense justo arriba de la cabecera principal de mi blog?

Es momento de visitar su blog de Blogger y ver cómo funciona su anuncio adaptable ubicado arriba de la cabecera principal de su blog de Blogger

Ademas, si no has habilitado la plantilla móvil de su blog de Blogger, puedes realizar siguiendo las instrucciones del siguiente enlace


Recuerde, que si su anuncio de Adsense es nuevo, es más que probable que se muestre en un término de dos horas, así que no se desespere si no lo puede ver de inmediato.

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no dudes en escribir

0 comentarios:

Publicar un comentario en la entrada

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios