Finally the help of IT is here

Blog de soluciones informaticas.

Desarrolla JavaScript, HTML y CSS Online.

Posteado por Xavier Xaus Nadal on 28th Octubre 2012

JsFiddle o como ellos lo llaman “parque recreativo para desarrolladores web”, es una gran herramienta web que se puede utilizar de muchas formas, como editor en línea para crear fragmentos de código JavaScript, HTML y CSS, para compartir nuestro código fuente y que otras personas lo testeen y para que vean los resultados directamente ejecutándose en una sencilla y amigable página web.

Con esta web los desarrolladores podrán aislar errores fácilmente y ver los resultados en tiempo real, incluso comprobar si el código JavaScript compila correctamente.

En la interfaz del producto tenemos 3 áreas bien diferenciadas donde trabajar, en la parte superior podemos ver los iconos, para ejecutar el código, guardarlo, compartirlo, en la parte lateral izquierda podemos modificar diferentes opciones para conseguir los paneles de la derecha contengan las herramientas necesarias para conseguir lo resultados deseados, desde modificar los paneles hasta modificar el código de programación, SCSS, CofeeScript, JavaScript, etc..

Y la magia en los 4 paneles de la derecha, HTML, CSS, JavaScript y Result donde al pulsar sobre el botón RUN veremos los resultados de nuestro código.

Os dejo un ejemplo y ya me contaréis si os ha sido útil esta web (http://jsfiddle.net/B6Jsy/50/)

En el ejemplo he creado una parte de código CSS y otra HTML para poder poner 2 módulos de publicidad Adsense en un sólo bloque con márgenes entre ellos y con una alineación centrada.

Como podéis ver en el código HTML llamo a la clase “publidiv” que he creado en la hoja de estilos (CSS) y de esta forma puedo usarla en cualquier punto de la página web únicamente llamando a la clase publidiv o publi para que el contenido de la publicidad adsense que centrada siempre.

Sigue leyendo MegaCrack »

Tags: , , , , ,
Posteado por Programación | No Comments »

Insertar publicidad en Blogger

Posteado por Xavier Xaus Nadal on 29th Abril 2012

Hoy vamos a explicar como insertar un código de publicidad en vuestro blog desarrollado bajo tecnología Blogger, vamos a hacerlo un poco más complicado de lo normal, os cuento:

Con este artículo conseguiremos ubicar un bloque de anuncios en un artículo de blogger pero sin que este aparezca en la página principal del blog ya que como sabéis los que tenéis adsense las políticas de uso nos impiden poner más de 3 bloques de publicidad del mismo tipo en una misma página.

Lo primero que debemos hacer es acceder a la administración de nuestra cuenta de Adsense o del gestor de publicidad que vosotros tengáis y obtener el código de publicidad que mejor se adapte a las medidas de vuestro blog.

Por ejemplo el código que hemos escogido hoy es el siguiente: un banner de 468×60

<script type=”text/javascript”><!–
google_ad_client = “ca-pub-2342147052953367”;
/* contessota */
google_ad_slot = “6351243105”;
google_ad_width = 468;
google_ad_height = 60;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

Cuando tengáis el código pulsáis sobre cualquiera de estos 2 enlaces que convertirán el código HTML a un texto plano entendible totalmente por blogger.

http://nosetup.org/php_on_line/convertir_html_texto

http://blogcrowds.com/resources/parse_html.php

Os debería quedar algo como lo siguiente:

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;ca-pub-2342147052953367&quot;;
/* contessota */
google_ad_slot = &quot;6351243105&quot;;
google_ad_width = 468;
google_ad_height = 60;
//–&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

A partir de este momento únicamente debemos definir donde ubicar nuestra publicidad en el blog.

Accedemos a blogger con nuestra cuenta de administrador del blog y nos ubicamos en el menú Plantilla.

Sigue leyendo MegaCrack »

Tags: , , , , , , , , , , , , , ,
Posteado por Active Directory, Google, Publicidad | No Comments »

Anuncios Google Adsense

Posteado por Xavier Xaus Nadal on 24th Septiembre 2010

Buenas.

Os explico como va esto de la publicidad.

Al principio asusta ya que muchos pensaréis, “Seguro que si le doy a la publicidad se me instala malware, o me cobran por algo que no quiero pagar”.

Este NO es el caso de la publicidad proporcionada por Google. Por este motivo me he decantado a poner publicidad de este tipo.

Google ofrece un servicio llamado Adwords donde un empresario contrata el servicio de ofrecer su publicidad en webs ajenas para tener una ventana de mercado mucho mas grande por un valor por clic en su anuncio.

adwords

Google también ofrece un servicio llamado Adsense que hace posible un enlace entre la publicidad albergada en webs ajenas y el anuncio del empresario, mostrando en cualquier web relacionada con su empresa su anuncio.

adsense

Como ejemplo particular de mi blog:

La empresa piensasolutions paga a google por cada clic que hacéis en la publicidad que está albergada en mi blog por compartir sector y yo cobro un porcentaje desde google por ese clic que habéis hecho vosotros en este anuncio sin coste alguno para vosotros y para beneficio del empresario y mío en este caso por ofrecer este anuncio de esta empresa desde mi blog.

Hasta pronto.

Tags: , , , , ,
Posteado por General, Google Apps, Publicidad | No Comments »