Mostrando entradas con la etiqueta ADSENSE. Mostrar todas las entradas
Mostrando entradas con la etiqueta ADSENSE. Mostrar todas las entradas

martes, 30 de octubre de 2018

Como añadir Adsense In-feed a las plantilla de Blooger mobil

Información de:
How To Add Adsense In-feed Ad To Blogger Old Themes On Mobile 
How To Add AdSense In-Feed Ad To Old Mobile Blogger Themes

If you have learned how to add Adsense in-feed ads to the blogger old themes and it’s not displaying on mobile view, that means you could lose some few bucks. Well, it is possible to add the in-feed ad to the mobile blogger old theme.

The following simple steps will show you how to allow in-feed ads display on blogger old theme mobile view. The trick behind this tweak is to copy few codes of the inline ads and place in the mobile HTML codes.


==> Go to your template 'Edit HTML'. Search for this line of codes <div class='mobile-index-comment'>.

.

==> Paste these codes below just after the second you will see.

  <b:if cond='data:post.includeAd'>

          <div class='inline-ad'>

              <div style='text-align:center; margin:15px 0px;'>

   IN-FEED

    </div>

    </div>

          <data:adStart/>

        </b:if>

     
==> Replace the words IN-FEED with your in-feed ad code.



==> Save Theme

That's all

Note: You can also add any ad network codes or affiliate code with this little tweak.

I hope it works.

domingo, 19 de julio de 2015

online HTML to XML parser | Blogger adsense converter | escape tool

This online converter will convert your adsense,chitika, adbrite and any HTML code into XML coding which are compatible with the blogger templates.

Enter Code:
 
Parsed Code

This Adsense Parser / escape Online tool is Very Cool. Instead of Manually parse adsense code you can easily conver any html code to xml format. This tool are very easy and accurately escape tool which are hassle free parse the any html code. How To use ? when you enter html code in to above box parse code will be generated automatically just copy and past this code to your blogger use. 

viernes, 3 de julio de 2015

Añadir Adsense en los post de plantillas mobiles de Blogger

Fuente: Add Adsense Below Post Title of Mobile Blogger Templates

I've customized the mobile view of OgbongeBlog in such a way that I now have an Adsense 320x50 mobile banner been displayed under post titles as well as an Adsense 250x250 ad unit been displayed at the end of each post on the mobile view.



Besides that, I created an extra section above the header region and right there, I can also add an Adsense mobile banner or a non-adsense 320x50 banner. In this tutorial, I'm sharing with you how to add Adsense ad inside blog posts of Blogger mobile templates, directly below post titles.



Just follow me through the steps.



==> Log in to www.google.com/adsense to generate the Adsense code for the ad unit you want to add to the mobile view. eg 320x50 mobile banner.



Now, we need to parse the ad code.



==> Go to http://www.freehtmlparser.blogspot.com/

==> Copy and paste your ad code inside the box and click the "Encode" button

==> Copy and paste the code somewhere eg in a notepad



==> Ensure you have enabled CUSTOM Blogger mobile template.



If not sure, login to your Blogger dashboard, go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box and save your settings.



==> Now, we need to find the code for the Blogger Mobile Template Post title so we can place the Adsense code directly below it.



==> So, back up your template and go to "Template" > "Edit HTML"



==> Click inside the HTML and use CTRL F to find the code below:


<b:includable id='mobile-post' var='post'>


==> Once you find the code, scroll down gently till you see the code below:



<div class='post-body entry-content'
expr:id='&quot;post-body-&quot; + data:post.id'
itemprop='articleBody'>


==> Paste your parsed Adsense code directly below the code above.



Save your template.



View one of your blog posts on mobile view using default browser of your mobile device (NOT Opera Mini) and you should see the ad below the post title on POST pages (Not on the homepage).







NBYou can place any ad code there be it AdDynamo, Infolink, media.net ad etc

martes, 24 de marzo de 2015

Como poner Adsense en vista móvil para blogger

Vito en: Como poner Adsense en vista móvil para blogger
Bien en esta entrada os voy a enseñar a poner un banner de adsense para la vista móvil en blogger justo debajo del título. Tenemos 2 opciones, una fácil con problemas que luego explicaré más adelante y otra un poco más complicada pero con óptimos resultados.



Antes de todo debemos habilitar la vista móvil en blogger/plantilla y donde pone móvil pulsamos abajo y la ventana que se nos abre la dejamos de la siguiente manera







Opción 1

Con esta opción debemos localizar el gadget o widget que queremos que sea visible para la vista móvil y añadiendo los atributos en HTML podremos elegir entre:

mobile='yes' para que sea visible tanto en vista de escritorio como en móvil

mobile='no' para que no sea visible en vista móvil

mobile='only' visible solo en vista móvil



Supongamos que queremos que el widget Adsense sea visible en vista móvil también, pues nos vamos a plantilla/editar HTML localizamos el widget y añadimos mobile='yes'



<b:widget id='Label1' mobile='yes' locked='false' title='Adsense' type='Label'/>



Recuerda que donde pone Label1 es el numero del widget y donde pone title es el nombre.



El problema de esto es que a la hora de poner mobile='only' para que sea visible solo desde la vista móvil, el widget desaparece del diseño y cuando queramos cambiar algo dará el error bX-7d26hw al guardar los cambios.



Opción 2

Para poner Adsense debajo de la descripción de nuestro blog para que quede de esta manera



Lo aremos con el siguiente condicional <b:if cond='data:blog.isMobile'> visible solo en vista móvil </b:if> de esta manera a la hora de cargar la página, le estamos diciendo a blogger que esa parte la queremos que sea visible solo en vista móvil. Entonces al lío.



Nos vamos a plantilla/editar HTML y pulsamos Ctrl+F para abrir el buscador y escribimos </header> justo debajo ponemos lo siguiente:



<!-- Adsense vista movil -->

<b:if cond='data:blog.isMobile'> 

<div align='center'>



Tu código Adsense en texto plano aquí



</div>

</b:if>

<!-- Adsense vista movil -->



Para pasar adsense en texto plano



Una vez hecho esto, guardamos cambios y probamos la vista móvil, recuerdo que debes añadir /?m=1 de tal forma www.tublog.com/?m=1 para hacer visible la vista móvil desde el escritorio.



Explicación de lo que hemos hecho



</header> es el cierre de la cabecera donde va el título del blog

<!-- Adsense vista movil --> para localizar el widget facilmente ya que lo que escribamos dentro de <!-- --> no es visible

<b:if cond='data:blog.isMobile'> le estamos diciendo que sea visible solo en vista móvil

<div align='center'> que esté centrado en la pantalla



y los correspondientes cierres de cada atributo </div> </b:if>

martes, 30 de junio de 2009

Cómo añadir Adsense en los posts del nuevo Blogger (antes beta)

Sacado de Blogmundi


El título en bastante largo y puede asustar, pero el proceso no es tan díficil. Puede que lo hayas intentado o no, pero cuando quieres añadir código Adsense directamente en la plantilla del blog en Blogger para, por ejemplo, añadir bloques de anuncios en los posts, el sistema nos avisa de que existe un error y es por lo estricto de la estandarización XML del nuevo Blogger.

Bien, la solución pasa por hacer un pequeño retoque en el código Adsense, estarás pensando, pero eso está prohibido! En Blogcrowds se han encargado de realizar las gestiones oportunidades para conocer la opinión de Google Adsense al respecto y parece que esta modificación cumple las condiciones del programa, al no alterar de forma alguna el formato, la fuente o tratar de ocultar el “Anuncios Google”.

Pero si lo vemos con un ejemplo seguro que entiendes mejor por qué:


Éste es el código que nos proporcionan:



<script type="text/javascript"><!--


google_ad_client = "pub-XXXXXXXXXXXXXXX";

google_ad_width = 336;

google_ad_height = 280;

google_ad_format = "336x280_as";

google_ad_type = "text_image";

google_ad_channel = "";

google_color_border = "FFFFFF";

google_color_bg = "FFFFFF";

google_color_link = "000000";


google_color_text = "000000";

google_color_url = "000000";

//--></script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

No obstante debemos transformarlo a lo siguiente para que Blogger lo acepte, es decir, cambiar los símbolos “<>” por su entidad HTML “< > ” y con las comillas igual. Puedes hacerlo manualmente, no obstante en Blogcrowds han desarrollado un sistema que lo hace por tí.
Aca otros dos sistemas: 

Blogger Ad Code Converter






<script type="text/javascript"><!--

google_ad_client = "pub-XXXXXXXXXXXXXXX";

google_ad_width = 336;

google_ad_height = 280;

google_ad_format = "336x280_as";

google_ad_type = "text_image";

google_ad_channel = "";

google_color_border = "FFFFFF";


google_color_bg = "FFFFFF";

google_color_link = "000000";

google_color_text = "000000";

google_color_url = "000000";

//--></script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js"

>

</script>


Eso es todo, cuando accedas a tu blog, los bloques de anuncios se mostrarán donde tu quieras. No obstante, por si no sabes bien donde colocarlos vamos a ver una serie de ejemplos:

En primer lugar debes acceder a la edición de tu plantilla del blog. “Plantilla -> Edición HTML” y recuerda activar “Expandir plantilla de artilugios”

1) Al lado del post

Si te has fijado en este blog hay un bloque de anuncios pequeño al empezar el post en su lado derecho, sería el equivalente a lo que vamos a hacer ahora, ¿cómo colocas un bloque igual?



<div style="float:left;">

<!–el código creado de Adsense–>

</div>


<div class=’post-body’>

<p><data:post.body/></p>

<div style=’clear: both;’/> <!– clear for photos floats –>

</div>


Nota para el Centro del Post <div style="text-align: center;">










2) Después del post antes de los créditos.

Es decir, entre el final del artículo y el “Publicado por…”, “Comentarios”


<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

<div> <!–el código creado de Adsense–> </div>


<div class=’post-footer’>

<p class=’post-footer-line post-footer-line-1′>

<span class=’post-author’>

<b:if cond=’data:top.showAuthor’>

<data:top.authorLabel/> <data:post.author/>

3) Después de los créditos

<p class='post-footer-line post-footer-line-3'/>


<div> <!–el código creado de Adsense–> </div>

</div>

</div>

</b:includable>

</b:widget>

</b:section>



Si surge algún error comprueba que has copiado y pegado todo correctamente, por lo demás, es así de sencillo!

martes, 26 de febrero de 2008

ColorZilla



Esta aplicacion de ayudara mucho con tu Adsense es un pluguin pra firefox
News
ColorZilla 2 Beta is here!
Install ColorZilla 2 Beta
New in ColorZilla 2:
Webpage DOM Color Analyzer
Analyze DOM element colors on any Web page and create a corresponding palette
Locate elements on the page that correspond to a given color
Find out what CSS rules specify a given color
Save, bookmark and share the palettes
Online Palette Viewer
Click here for an example
Allows viewing, bookmarking and sharing any color palette
Provides a permalink URL that represents any set of colors
Online Eyedropper shows colors in RGB, HSV and additional formats
Use Full Page Zoom introduced in Firefox 3
Firebug support - allows opening the selected element in Firebug
New languages - Indonesian, Korean, Norwegian. Thanks to the BabelZilla team!
Firefox 3 support
Ubuntu support (gcc4 based build included)
Minor tweaks and bug fixes
Read more about ColorZilla v2 on this blog post
Install ColorZilla 2 Beta
About ColorZilla
ColorZilla is an extension for Mozilla Firefox and the Mozilla Suite.
It assists web developers and graphic designers with color related tasks - both basic and advanced.
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. And there's more...
ColorZilla on Ubuntu/FC5 LinuxIf you have the latest ColorZilla and it's not working on Ubuntu, try the following:
Download and install the official Firefox version from Mozilla.com
Make sure you have libstdc++5 installed by running "sudo apt-get install libstdc++5"
Feedback
Please contact me with comments, suggestions, questions or bug reports.
Donation
If you like this extension and want to support its further development and the development of other free stuff on this site, please consider making a small ($1/$5/$10/...) donation. The donation is particularly encouraged if you are using ColorZilla for commercial purposes.
-->
Acknowledgements
The Zoom function was inspired by similar (but somewhat different) Zoom In/Out functions found in the excellent Web Developer extension.
Thanks to everyone who suggested new features and reported bugs.