En este tutorial veremos como agregar publicidad en distintos sectores de una entrada en blogger. Este es un tutorial a pedido de Carlo Andre que me ha pedido un tutorial donde agregar publicidad que no sea Adsense.



También puede intersarles este tutorial para agregarle css

Agregar Publicidad debajo del Titulo del Blogg medidas 300x250


  • Paso 1: Vamos a Blogger>> Plantilla>> Edicion HTML>>
  • Paso 2: Buscamos la siguiente linea (Ctrol + F)
<div class='post-header-line-1'/>

  • Paso 3: Justo debajo de <div class='post-header-line-1'/> pegamos el siguiente código HTML 
Publicidad a la izquierda medida 350x250 : 

<p align="left">
Codigo HTML de tu publicidad</p>
Publicidad a la derecha medida 350x250 : 
<p align="right">
Codigo HTML de tu publicidad</p>
 Publicidad al centro medida 350x250 :
<p align="center">
Codigo HTML de tu publicidad</p>
Solo debes de agregar donde esta el texto en rojo por lo siguiente 


<a href="URL de la Publicidad" rel="nofollow" title="Tu Publicidad Aquí " class="adhere ad2" target="_blank"><img border="0" alt="Tu Publicidad Aqui" width="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFjGEO_0vHq-Rq7C4z-k3uenHwMvjKK0L6uAa3Wth_yVzXOE4_pO3M_mIf_uWPltdOA43YwQE0AJPmblnIDrrFpW02eACrq942sqJ0BwaExupv4I-q6A900UpAF3vnd8Sbvb_owTT6LCL/s1600/Banner+300x250.png" height="250" /></a>

Agregar publicidad debajo del titulo medidas 468x60:  

  • Paso 1: Vamos a Blogger>> Plantilla>> Edicion HTML>>
  • Paso 2: Buscamos la siguiente linea (Ctrol + F)

<data:post.body/>

  • Paso 3: Justo por encima de <data:post.body/> pegamos el siguiente código HTML 
<p align="center">
<a href="URL de la publicidad" rel="nofollow" title="Titulo de la publiciad" class="adhere ad11" target="_blank"><img border="0" alt="Titulo de la Publicidad" width="468" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLEAqzAxOyU0_5NoOA5-ldBCb6Gqy8TAymJu2Zh3oYyLQ2kJalqou7q1OOV0JQhh_JUMK_g0a9x03ACL16Ykj49Wm_N8wF7_VUmhKEZ8-tXB97F_uu8HxLBKCa3DTlcB2TFCaPsEyNTkKh/s1600/Banner+468x60.png" height="60" /></a></p>

 Por ultimo agregar publicidad debajo de cada entrada medidas 

  • Paso 1: Vamos a Blogger>> Plantilla>> Edición HTML>>
  • Paso 2: Buscamos la siguiente linea (Ctrol + F)

<data:post.body/>

  • Paso 3: Justo debajo de <data:post.body/> podemos pegar publicidad 350x250; izquierda, derecha o centrada. También podemos pegar publicidad medidas 468x60

Espero que hallan entendido


Nota: Cambia la URL en rojo por la imagen que tu quieras *recuerda tiene que ser medidas 350x250 o 468x60
Nota: Cambia las URL en rojo por la URL de tu publicidad
- - 4 Comentarios
Tag

Comentarios (4)

  1. Exelente amigo que gran apoyo el tuyo con todos nosotros gracias amigo para mi el mejor blog de de tutoriales para blogger saludos

    ResponderEliminar
  2. Gracias a ti por este comentario, no creo que seamos el mejor blog, aunque tratamos de ir mejorando día a día.
    Nuevamente gracias a ti

    ResponderEliminar
  3. caul es url de publicidad URL de la Publicidad

    ResponderEliminar
    Respuestas
    1. Donde desees agregar la publicidad solo tienes que agregar

      Para introducir el código, utilice la etiqueta <p align="center">
      <a href="URL de la publicidad" rel="nofollow" title="Titulo de la publiciad" class="adhere ad11" target="_blank"><img border="0" alt="Titulo de la Publicidad" width="468" src="http://3.bp.blogspot.com/-KtTyngn1GG4/UQWvClZZV1I/AAAAAAAAAgQ/b9uJzAkzarQ/s1600/Banner+468x60.png" height="60" /></a></p>



      Solo debes de cambiar la URL de la publicidad por el enlace que tu requieras

      Eliminar
:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar