Gadget para contacto Blogger. Cambiar estilo. Instalar en una página estática – Registros – Email

Bueno, pues ya tenemos un nuevo cacharrito que viene de serie con Blogger. Se trata de un formulario de contacto que permite remitir un mensaje al administrador del blog.

Es muy básico, pues -al menos de momento- no permite incorporar ficheros o enviar nada que no sea texto plano. Es decir, que si estáis ya pensando en enviarme una plantilla o código por ahí, olvidaros (no voy a explicar de nuevo el truco para lo segundo ☺).


Pero tan simple es su formato como la manera de instalarlo.

Como con otros gadgets sólo hay que ir aDiseño Añadir gadget y en la ventana emergente que sale, seleccionar este del que hablamos: Formulario de Contacto.

Si de primeras no lo veis es porque está en el segundo apartado del menú de la izquierda, enMás gadgets, marcado en amarillo en la captura adjunta.

Cambiar estilo

Como el fondo es transparente, el formulario se integrará bien dónde lo pongáis, estéticamente hablando, pero no obstante es fácilmente modificable aplicando estilo (CSS) a los selectores adecuados. Aquí un sencillo ejemplo:

/* Contenedor general */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #ddd;
color: #000;
}
/* Cajas para insertar datos y botón de envío */
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-button-submit {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.contact-form-button-submit {
border-color: #fff;
background: #000;
color: #fff;
}

En una página estática

Esto ya es una chapucilla no muy ortodoxa, pero fácil de hacer y que funciona. El truco consiste en añadir el gadget, cortar la parte del código justo para que no salga dónde debería (en las zonas normales para gadgets) y luego añadir ese mismo código en una página.

Lo de añadir primero el gadget y luego anularlo parcialmente, es porque si Blogger no encuentra el gadget (original) en algún sitio, no carga la parte JavaScript que lo ejecuta. Con esto logramos engañarlo para que lo cargue pero que no se vea el formulario en su ubicación natural.

Así que el primer paso es añadir el gadget (desdeDiseño) y el segundo editar laPlantilla para eliminar casi todo el gadget. Hay que buscar la cadena "ContactForm", desplegar el widget pinchando en la flecha negra de la izquierda (lo mismo con elincludable) y borrar las que a continuación he coloreado en gris.

b:widget id='ContactForm1' locked='false' title='Contacta' type='ContactForm'
    b:includable id='main'
  b:if cond='data:title != ""'
    h2 class='title'data:title//h2
  /b:if
  div class='contact-form-widget'
    div class='form'
      form name='contact-form'
        p/
        data:contactFormNameMsg/
        BLA, BLA, BLA
        p/
        div style='text-align: center; max-width: 222px; width: 100%'
          p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/
          p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/
        /div
      /form
    /div
  /div
  b:include name='quickedit'/
/b:includable
  /b:widget

Al final no lo he reproducido entero, porque con dejar las dos primeras y las dos últimas será suficiente.


El problema es que para que el código del gadget nos sirva a todos, este incluyevariables data cuyos valores controla Blogger y a los que sólo se puede acceder si incluimos esas variables en la plantilla. Por tanto, así a pelo no funcionará en una página.

Pero en este caso los datos personalizados para cada blog se reducen a cero, al menos los importantes, así que la solución que se me ocurrió fue pegar ese código y sustituir lasdata por los datos necesarios.

Abreviado sólo un poco, esto es lo que habría que pegar en una nuevaPágina en blanco con el título que queramos, para que el formulario funcione en ella:

div class='widget ContactForm' id='ContactForm1'
  div class='contact-form-widget'
    div class='form'
      form name='contact-form'
        pNombrep
        input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/
        pCorreo electrónico */p
        input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/
        pMensaje */p
        textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'/textarea
        input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Enviar'/
        p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'/p
        p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'/p
      /form
    /div
  /div
/div

Y para comprobar que funciona,en esta página tenéis la prueba que hice. Es una cuenta que no uso, así que no esperéis contestación.


Si hay cambios en el código del gadget puede que este truco deje de funcionar, pero también puede que valga para siempre ;)

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

houston motorcycle accident lawyer home phone internet bundle florida car insurance company Car Insurance Quotes PA Mobile casino mesothelioma survival rates criminal defense attorneys florida accident car florida lawyer Massage school Dallas Texas auto accident attorney Structures Annuity Settlement Criminal Defense Attorneys Florida Futuristic Architecture massage school dallas texas Seo services mesothelioma charities Cheap Domain Registration Hosting insurance medical temporary Online casino Casino Criminal lawyer emergency response plan ppt Social media strategies Php programmers Html email holland michigan college Make money online Australia Donate Car to Charity California Cheap auto insurance in VA att call conference PHD on Counseling Education Custom WordPress theme designer Automobile Accident Attorney How to Donate A Car in California domain name yahoo Annuity Settlements alabama mesothelioma lawyer Donate car to charity California Motor replacements Hire php developers Business management software life insurance quotes Virtual Data Rooms Asbestos Lung Cancer motorcycle accident lawyer san francisco mesothelioma suit donate old cars to charity annuity payment dallas mesothelioma attorneys Car Insurance in South Dakota futuristic architecture Italian cooking school Computer science classes online Criminal defense lawyer Hire php developer all about mesothelioma Casino reviews HOLLAND MICHIGAN COLLEGE CHEAP CAR INSURANCE FOR LADIES DONATE CARS ILLINOIS Live casino Social media platforms for business WordPress theme designers buy my structured settlement Social media examiner Car Accident Lawyers asbestos lawyers DONATING A CAR IN MARYLAND WordPress themes for designers Custom Christmas cards donate car for tax credit DUI lawyer Service business software DONATE YOUR CAR FOR KIDS motor insurance quotes Hire php programmers Christmas cards Business finance group Dwi lawyer mesothelioma compensation mesothelioma attorneys CAR DONATE fortis health insurance temporary mesothelioma law firms DONATE OLD CARS TO CHARITY Car Insurance Quotes MN CAR ACCIDENT LAWYERS data recovery raid Cheap car insurance for ladies DONATE YOUR CAR SACRAMENTO fast cash for house selling annuity illinois mesothelioma lawyer asbestos mesothelioma lawsuit google adsense Donating Used Cars to Charity Email bulk service Php programmers for hire Donate Car To Charity CALIFORNIA Social media campaigns auto insurance cost by state car insurance in south dakota Seo company NUNAVUT CULTURE ONLINE COLLEDGES SELL ANNUITY PAYMENT Life Insurance Co Lincoln Bankruptcy lawyer HARDDRIVE DATA RECOVERY SERVICES buying an annuity calculator uk homeowner loans online criminal justice degree Seo companies Best social media platforms for business New social media platforms webex costs Dayton Freight Lines MASSAGE SCHOOL DALLAS TEXAS maritime lawyer houston colorado mesothelioma lawyers harddrive data recovery services best mesothelioma lawyers Online Criminal Justice Degree Online colledges cash annuity MOTOR REPLACEMENTS tucson car accident attorney Online Christmas cards Psd to WordPress anti spam appliance Online College Course Donate Your Car Sacramento BETTER CONFERENCING CALLS Motor Replacements BEST CRIMINAL LAWYER IN ARIZONA Best Seo company Best social media platforms VIRTUAL DATA ROOMS motor replacements World Trade Center Footage injury lawyer houston tx car donate boca raton personal injury attorney business email web hosting primary pulmonary hypertension Business VOIP Solutions structured annuity settlement Photo Christmas cards refinance with bad credit register free domains canada personals yahoo ONLINECLASSES cheaper insurance companies WordPress hosting Better Conference Calls selling my structured settlement Car Insurance Quotes Utah adverse credit remortgage Royalty free images stock How to donate a car in California business voip solutions Social media management CAR INSURANCE QUOTES MN Tech school event management security LIFE INSURANCE CO LINCOLN Social media platforms structured settlement purchasers DALLAS MESOTHELIOMA ATTORNEYS Proud Italian cook hughes net business personal injury solicitor Personal Injury Lawyers Home phone internet bundle Psd to html Personal Injury Lawyer mesothelioma attorney assistance Adobe illustrator classes ROYALTY FREE IMAGES STOCK Donate Old Cars to Charity car accident lawyer san bernardino Life insurance co Lincoln Learning adobe illustrator HOW TO DONATE A CAR IN CALIFORNIA Cheap Car Insurance in Virginia Social media tools Asbestos Lawyers Mesothelioma Law Firm sell your structured settlement payments Donate Car for Tax Credit Donate a Car in Maryland cash out structured settlement Donate Cars in MA Dedicated Hosting Dedicated Server Hosting selling a structured settlement Health Records Personal Health Record Sell Annuity Payment Hard drive data recovery services Donate Your Car for Kids Donate cars Illinois Webex Costs Car Insurance Quotes Colorado los angeles workers compensation lawyers mesothelioma lawyer dallas Nunavut Culture Hard drive Data Recovery Services CHEAP CAR INSURANCE IN VIRGINIA injury lawyers domain registration yahoo Donating a Car in Maryland

Monta tus propios iconos para redes sociales en tu Blog - Créate una barra personalizada y ¡rápida! – cancer – Abogado – Hipotecario

Las llamadas "redes sociales" se han convertido en un "segundo mundo virtual" para millones de personas, un medio de comunicación incluso a la altura de otros tan poderosos como lo son la televisión o el cine.

Facebook, Twitter, cada vez más Google+, etc... son distintivos que acreditan la existencia de comunicación entre una web y sus usuarios. No siendo "obligatorios", sus iconos, su mera presencia proporciona el "estatus" de "abierto a distintos canales de comunicación" como ningún otro logo en toda la red de redes puede conseguir.

Muchos Bloggers desean difundir sus contenidos por Internet, ya no basta con publicarlos, es necesario "hacerse oir" y parece que las redes sociales han ofrecido "refugio" a todos los que necesitamos expandir nuestra información. Lejos de convertir el medio en un escaparate de nuestra vida, preferimos emplearlo para comunicarnos con nuestros usuarios y difundir nuestros contenidos.

Si quieres crearte tus propia botonera de iconos para redes sociales, bien utilizando imágenes de otros o creando las tuyas propias, este artículo te interesa.




La mayor parte de los blog suelen contar con botones o enlaces que de una manera u otra nos llevan a la aplicación web correspondiente donde queremos tener presencia. Muchos creadores de blog utilizan "scripts" más o menos costosos para el rendimiento para introducir estos iconos en sus diseños. Normalmente, su visualización por parte del usuario suele ser circunstancial e ir ligada a su proceso de navegación por el sitio.

En esta ocasión, vamos a realizar un pequeño "brico-blog" donde montarnos una excelente botonera personalizada con los iconos de acceso a las redes sociales, que va a contar con un rendimiento muy superior al de los scripts que nos descargamos de Internet para añadirnos este tipo de controles. Además, para los más atrevidos, explicaré cómo puse los iconos para redes sociales en la cabecera del título, de manera que fueran totalmente visibles por los usuarios desde la primera carga de mi página principal en su navegador.

Haz una copia de Seguridad

Remarco especialmente la realización de una copia de seguridad de la plantilla y del blog para poder ejecutar los pasos de esta guía, dado que en ella vamos a tocar partes del código fuente que son delicadas. Realiza todos los pasos que expliqué enesta entradapara salvaguardar tu plantilla y tu blog antes de proceder a cualquiera de los pasos que te describo en esta guía. Si tienes cualquier problema podrás recuperar todo a su estado anterior y además no te costará poner a salvo tus datos ni dos minutos.

Trabajo creativo, busca los iconos que van con tu Blog

1) Primero nos vamos a dar un paseo por Internet para escoger los botones, iconos o enlaces que deseamos utilizar para que nuestros usuarios puedan seguirnos en las redes sociales.

Yo voy a poner a tu disposición los que he utilizado en mi blog, pero cada diseño es distinto y te recomiendo que localices el que más se ajuste a las necesidades de tu presentación. Lo bueno de esta creación no es sólo el rendimiento que vas a obtener utilizando tus propios botones sino poderte personalizar y escoger los que tú quieras:

En el buscador de Google y colocándote en "imágenes" escribe: "iconos redes sociales png". Se te mostrará una ingente cantidad de iconos a elegir, aquí se trata de escoger los que más encajen con la "personalidad" de tu blog.

Tenemos diversos ejemplos sumamente interesantes:

Divertidos iconos hechos a mano disponibles en www.puertopixel.com

Curiosos iconos en forma de botón de www.fantastithus.com

Los estándar pero elegantes en www.recursos2d.com

Estos con aspecto de vidrio de www.kabytes.com

2) Es importante buscar los iconos del tamaño que realmente vamos a utilizar. Como hemos visto en otras entradas de maquetación, el ancho y alto de cualquier objeto que deseemos poner en nuestro blog se mide píxeles (esos pequeños puntos que conforman la imagen que se ve en pantalla). Para este tipo de presentación, las botoneras oscilan en alturas y anchuras de 28x28 hasta 64x64 o lo que nosotros prefiramos.

• Para ganar en rendimiento es esencial que no "obligues" al navegador a redimensionar el tamaño de los iconos que utilices. Es decir, si te bajas iconos con unas dimensiones de 512x512 píxeles y luego cuando los "dibujas" en HTML pones "size="32", estás obligando al navegador a que "pierda tiempo" en reducir y escalar a la proporción adecuada los 512x512 de la imagen del icono original a los 32 que le pides al navegador que haga.

• Si no quieres "trabajar mucho", busca directamente en Google "iconos redes sociales png 28x28" o el número que desees.

• Si has encontrado unos que te encantan pero no están en el tamaño que deseas, no hay ningún problema, bájate Image Resizery cambia el tamaño de la imagen:

• Una vez descargada e instalada la apliación, selecciona la imagen del icono que te has descargado y haz "click derecho". En el menú contextual de Windows dispondrás de una opción en la que pone "Resize pictures", haz click para redimensionar el icono al tamaño deseado.

• Te saldrá un cuadro de diálogo para que pongas el tamaño en píxeles que vas a utilizar (28x28 ó 32x32 ó 64x64...).

• Si eres de los más atrevidos podrás hacerte tus propios iconos o editar los que te bajaste. Basta con utilizar Photoshop o aplicaciones online comohttp://www.xiconeditor.com/. Cuando lo tengas lo guardas como .png y te sirve exactamente igual que cualquier icono que descargues de Internet.

Sube tus iconos personalizados

3) Una vez tengas tus imágenes, lo mejor es que las pongas en Google Drive o en un almacenamiento fiable y disponible para tí.

• En Google selecciona en el menú superior "Drive" y el icono de la flecha apuntando arriba que te he marcada en la imagen.

• En el menú desplegable que te sale pulsa "Files" y selecciona las imágenes de los iconos que te descargarte para utilizar en el blog.
• Luego, cuando ya te aparezcan las imágenes subdias, no olvides seleccionarlas con la casilla de verificación que aparece a su izquierda y hacer clic en el icono que te marco en la imagen (el del "hombrecito" con un símbolo+):

• Cuando hagas "Share", vas a dejar la imagen compartida como pública para que pueda dibujarse en tu blog para todos los usuarios que accedan al mismo. Si no la compartes, no se dibujará. Deberás seleccionar "Public" en la sección "Who has access" tal como te muestro en pantalla. Además cópiate el código que te he marcado de cada una de las imágenes que hagas públicas. Es el código identificativo único que Drive asignará a tu imagen para que puedas compartirla, lo utilizaremos después en los próximos pasos (cada imagen que subas tendrá uno, apúntate cada uno con cada imagen que compartas):

Otra opción para ganar más velocidad para el dibujado de los iconos en el navegador de tus usuarios:

1) Créate una nueva entrada vacía en Blogger.

2)Con el icono insertar imagen metes la imagen en la entrada como sueles hacer normalmente (la subes a Blogger como normalmente haces o utilizas una ya existente). Mete la imagen de cada icono.

3)Una vez insertada en la entrada, haz "clic" derecho sobre la imagen y copia la URL que Blogger ha asignado a la misma.

4)Cuando necesites llamar a esa imagen en tus páginas, por ejemplo iconos de redes sociales o de más que puedas tener alojados en Drive o servidores externos, cambia la URL por la nueva que Blogger ha asignado a la imagen al alojarla en sus servidores.

Con esto la carga de la imagen será por HTTP con un correcto alojado en caché y además dentro de los propios servidores de Blogger (sin necesidad de "salir fuera" a por dicha imagen).

Monta y coloca tu propia botonera personalizada en tu Blog

4) Ahora queda meter las imágenes que hemos compartido en Drive de los iconos que nos descargamos en los pasos anteriores, dentro del código fuente que te voy a mostrar y dentro de un "Gadget" Blogger de los de tipo "HTML/Javascript":

• Dentro de Blogger, en el menú de la izquierda haz "click" sobre la opción "Diseño"

• A continuación pulsa "Añadir un Gadget" de la zona donde desees y selecciona el Gadget "HTML/Javascript"

• Dentro de la pantalla de configuración del Gadget HTML/Javascript copia y pega el código que te pongo a continuación y luego te explico:

• El código:

p align='left' a href='https://www.facebook.com/TU_DIRECCION_FACEBOOK' target='_blank'img alt='Sígueme en Facebook' height='30' src='https://googledrive.com/host/0Bwgc28XHjPA2OWpfdWU3S2M0M2M/' width='30'//aa href='https://plus.google.com/u/0/TU_CODIGO_GOOGLE+' target='_blank'img alt='Sígueme en Google+' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2OTZmaW5LY3JPdXM' width='28'//a a href='https://twitter.com/TU_CODIGO_TWITTER' target='_blank'img alt='Sígueme en Facebook' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2VURFcDVLNlJxTVk/' width='28'//a a href='http://feeds.feedburner.com/TU_FEED' target='_blank'img alt='Sigue mi Feed' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2NEVDM2M2blVCa2M/' width='28'//a /p a href='https://plus.google.com/hangouts/_?gid=
APP_ID' target='_blank'img alt='Inicia un Hangout' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2QWNrY3UwdzJGQ00/' width='28'//a /p

• Recuerda copiar y pegar el código fuente en la pantalla de configuración del gadget HMTL/Javascript sin que haya retornos de carro (enter) o espacios en blanco añadidos.

• Este código es sencillo y mucho más rápido que cualquier "script" de cualquier añadido que nos bajemos de Internet para dibujarnos los iconos de acceso a las redes sociales:

Se trata de puro HTML:

• p align="left": Puedes utilizarlo si lo deseas con center, right o left. Te permitirá situar la botonera en la misma línea donde la hayas colocado pero a izquierda, centro o derecha. Si quitas esta línea (por defecto es left), no olvides quitar el "/p" del final para el cierre.
• a href: es cada hiper-enlace (enlace a secas) a tu dirección de la aplicación de redes sociales a la que te va a dirigir el icono de imagen que después acompaña. En Rosa te he puesto la parte del código que debes editar para poner tu propia dirección de Facebook, Twitter, Google+, o tu Feed.
• img alt=: forma parte del href, es el texto alternativo relacionado al icono y a la dirección que pusiste que debe abrir el navegador cuando se pulse el enlace.
• src=: es la URL a la imagen del icono que quieres que se muestre asociado a la dirección del "a href" al que cuando pulse el usuario, el navegador le dirigirá. Aquí ponemos la URL que nos guardamos del paso 3). Como es una dirección de Drive, deberás ponerla de esta manera para que funcione en el navegador:

https://googledrive.com/host/TU_CÓDIGO_DRIVE

• "width" y "height": el ancho y alto en el cual quieres que se dibuje la imagen. Si te bajaste una imagen de 28x28 pondrás "width=28" y "height=28". Escribirás el tamaño que asignaste a las imágenes que te descargarte del paso 2). Aquí lo mejor es que la imagen que te descargaras coincida totalmente con el ancho y alto que escribas en el código, de manera que el navegador no tenga que "gastar tiempo" en redimensionar la imagen del icono.

Resumiendo: cada "tupla" "a href" contiene la dirección a la imagen a la que el navegador dirigirá al usuario cuando pulse sobre la imagen que hemos puesto en la dirección indicada del "src" con el tamaño "width" y "height" que hayamos especificado.

5) Y ahora ya por fin, utiliza la "Vista Previa" para ver dónde prefieres colocar tu propia botonera personalizada.

¡Eso es todo!, así podrás disfrutar de unos bonitos "iconos" de acceso a tus aplicaciones para redes sociales.

Para los más osados, sólo para usuarios avanzados

Os explico en pocos pasos cómo añadí mi "botonera social" a la cabecera del título. Es una zona ideal para colocar los iconos de acceso a aplicaciones sociales puesto que el usuario los ve desde que accede a tu Blog.

El problema que el proceso no es sencillo y requiere que sí o sí hagas una copia de seguridad de tu blog, pues si vas a seguir los pasos, cada plantilla tiene una formato diferente y se pueden cometer muchos errores.

Conceptos Iniciales

• Cada plantilla utilizada en cada Blog puede ser distinta. Internamente Blogger asigna etiquetas de uso propio a "porciones de código más grandes" que se escriben después cuando se "dibuja" la página HTML en el navegador del cliente.

• Por ejemplo, Blogger utiliza estas eqituetas propias de Blogger para escribir todo el código de mi cabecera:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

b:widget id='Header1' locked='true' title='Diarios de la nube (cabecera)' type='Header'

• Donde cada etiqueta section y su class 'header' se "traduce" después en todo este código al dibujarse en el navegador del cliente (lo voy a reducir para que no ocupe espacio innecesariamente):

div id="header" class="header section"div id="Header1" class="widget Header"

div style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8z-kfTSab2IZayigmUFQ8izHpsqw_XhcFog7ecE_GLMoa-S7Dl8b6nCWP7-ckfMAWFEIAtyIxkh8IAyGDNBcpR2Yw8WBrsiCA1Yrl4ctp8x56Fi1dyLX88DvWdCB4znB7MHGy4xnkhg/s1600/nueva2.jpg"); background-position: left; width: 920px; min-height: 157px; _height: 157px; background-repeat: no-repeat; " id="header-inner"

div style="background: transparent" class="titlewrapper"

h1 style="background: transparent; border-width: 0px" class="title"

Diarios de la nube

/h1

/div

div class="descriptionwrapper"

p class="description"

span

Tecnología, ayuda al Blogger, ocio, consumo y opinión en la nube.

/span

/p

• Es decir, una vez visto el ejemplo podemos comprender cómo Blogger maneja con unas pocas etiquetas, grandes conjuntos de código HTML que son los que finalmente se utilizan en el navegador del usuario.

Buscando nuestro código:

0) El código que yo te pongo de ejemplo en esta parte de la guía para usuarios avanzados NO tiene porqué ser el mismo que tú manejas en tu plantilla. Es decir,no copies y pegues directamente el código de este apartado de la guíay sigue los pasos que te explico a continuación para poder comprender cómo realizarlo. Por supuesto, en este punto es estrictamente necesario que realices unacopia de seguridad.

1) En el navegador Google Chrome o en Internet Explorer (en Firefox con Firebug instalado) pulsa F12.

2) seleccionando la lupa de código (es necesaria para que cuando coloques el ratón en alguna parte de la página, te muestre el código que dicha parte contiene), dirige tu ratón a todo el marco de la cabecera del título.

3) Extrae el código localizado, normalmente estará donde encuentres "tags" como estos, esto te servirá para ver dónde vas a tener que meter tu nueva "botonera" de acceso a los servicios para redes sociales:

div id="header" class="header section"div id="Header1" class="widget Header"

En mi caso localicé toda esta parte como la cabecera donde tengo el título en mi blog:

b:widget id='Header1' locked='true' title='Diarios de la nube (cabecera)' type='Header'

4) En Blogger, dirígete a la plantilla y pulsa "Editar HTML", localicé que Blogger escribe lo siguiente para meter el código de mi cabecera:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

b:widget id='Header1' locked='true' title='Diarios de la nube (cabecera)' type='Header'

[..]

hasta donde cierra con /b.

5) Sustituyo el código fuente de Blogger por el HTML sobreescrito mío para poder meter mi "botonera" para redes sociales:

en mi caso, el código blogger se encontraba bajo " div class='fauxborder-right header-fauxborder-right'/" así pues, añadí el código fuente asignado a la cabecera del título

div class='fauxborder-right header-fauxborder-right'/

div class='widget Header' id='Header1'

div id='header-inner' style='background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8z-kfTSab2IZayigmUFQ8izHpsqw_XhcFog7ecE_GLMoa-S7Dl8b6nCWP7-ckfMAWFEIAtyIxkh8IAyGDNBcpR2Yw8WBrsiCA1Yrl4ctp8x56Fi1dyLX88DvWdCB4znB7MHGy4xnkhg/s1600/nueva2.jpg"); background-position: left; width: 920px; min-height: 157px; _height: 157px; background-repeat: no-repeat; '

div class='titlewrapper' style='background: transparent'

h1 class='title' style='background: transparent; border-width: 0px'Diarios de la nube/h1

/div

div class='descriptionwrapper'

p class='description'

span

bTecnología, ayuda al Blogger, ocio, consumo y opinión en la nube./b

/span

/p

/div

/div

/div

/div

6) A ese código, le añadí bajo la etiqueta "post footer line" todas mis conexiones a redes sociales (las que expliqué en la parte de la entrada destinada a crear la botonera):

div class='post-footer-line'/

p align='left' a href='https://www.facebook.com/connector.connector.7' target='_blank'img alt='Sígueme en Facebook' height='30' src='https://googledrive.com/host/0Bwgc28XHjPA2OWpfdWU3S2M0M2M/' width='30'//a

a href='https://plus.google.com/u/0/107366254177115656174' target='_blank'img alt='Sígueme en Google+' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2OTZmaW5LY3JPdXM' width='28'//a

a href='https://twitter.com/Diariosdelanube' target='_blank'img alt='Sígueme en Facebook' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2VURFcDVLNlJxTVk/' width='28'//a

a href='http://feeds.feedburner.com/diariosdelanube' target='_blank'img alt='Sigue mi Feed' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2NEVDM2M2blVCa2M/' width='28'//a

/p

El código final resultante es:

div class='fauxborder-left header-fauxborder-left'

div class='fauxborder-right header-fauxborder-right'/

div class='widget Header' id='Header1'

div id='header-inner' style='background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8z-kfTSab2IZayigmUFQ8izHpsqw_XhcFog7ecE_GLMoa-S7Dl8b6nCWP7-ckfMAWFEIAtyIxkh8IAyGDNBcpR2Yw8WBrsiCA1Yrl4ctp8x56Fi1dyLX88DvWdCB4znB7MHGy4xnkhg/s1600/nueva2.jpg"); background-position: left; width: 920px; min-height: 157px; _height: 157px; background-repeat: no-repeat; '

div class='titlewrapper' style='background: transparent'

h1 class='title' style='background: transparent; border-width: 0px'Diarios de la nube/h1

/div

div class='descriptionwrapper'

p class='description'

span

bTecnología, ayuda al Blogger, ocio, consumo y opinión en la nube./b

/span

/p

div class='post-footer-line'/

p align='left' a href='https://www.facebook.com/connector.connector.7' target='_blank'img alt='Sígueme en Facebook' height='30' src='https://googledrive.com/host/0Bwgc28XHjPA2OWpfdWU3S2M0M2M/' width='30'//a

a href='https://plus.google.com/u/0/107366254177115656174' target='_blank'img alt='Sígueme en Google+' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2OTZmaW5LY3JPdXM' width='28'//a

a href='https://twitter.com/Diariosdelanube' target='_blank'img alt='Sígueme en Facebook' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2VURFcDVLNlJxTVk/' width='28'//a

a href='http://feeds.feedburner.com/diariosdelanube' target='_blank'img alt='Sigue mi Feed' height='28' src='https://googledrive.com/host/0Bwgc28XHjPA2NEVDM2M2blVCa2M/' width='28'//a

/p

/div

/div

/div

/div

De esta manera, he añadido a la cabecera con el título la botonera personalizada que me creé en los primeros pasos de la guía. Lleva miimagen de fondo del título incluida, deberás poner la URL que corresponda a la tuya. Este método es más complicado pero si tienes unas escasas nociones de programación puedes hacerlo sin problema, eso sí, pensando siempre en que debes poner el código fuente de tu propia plantilla.

Eso es todo, así fue como metí mi botonera personalizada en el título y cabecera del blog.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Business management software los angeles motorcycle accident lawyer Business finance group lawsuit mesothelioma Met auto california motorcycle accident lawyer buying structured settlements yahoo web hosting Online casino World trade center footage DONATING A CAR IN MARYLAND mesothelioma lawsuits Proud Italian cook online colledges Dallas Mesothelioma Attorneys Low Credit Line Credit Cards Mobile casino Casino Insurance Companies Make money online Australia most profitable internet business Donating Used Cars to Charity webex costs mesothelioma lawyer california donate your car for money adverse remortgage Seo companies compare life assurance selling structured settlement Webex Costs Dwi lawyer BEST CRIMINAL LAWYER IN ARIZONA Life Insurance Co Lincoln Donate Cars Illinois california law lemon Met Auto car insurance in south dakota car insurance quotes colorado mesothelioma settlements sell structured settlement calculator Hire php developers Casino reviews Paperport Promotional Code personal injury solicitor EMAIL BULK SERVICE Social media tools Best social media platforms for business injury lawyers west palm beach utah mesothelioma lawyer Cheap domain registration hosting selling annuity Social media platforms Auto Mobile Shipping Quote mesothelioma law suits Gas/Electricity mesothelioma lawyer houston accident attorney orange county mesothelioma claims PHD on Counseling Education Donate Your Car for Kids Criminal defense lawyer Psd to WordPress sell annuity payment Social media strategies Online Classes Hire php developer ONLINECLASSES Live casino Italian cooking school DUI lawyer DONATE YOUR CAR FOR MONEY Seo services Html email google affiliate Personal Injury Lawyers Paperport promotional code Hire php programmers Low credit line credit cards Mortgage Adviser Online Motor Insurance Quotes LIFE INSURANCE CO LINCOLN auto accident attorney Torrance Car insurance quotes pa mesothelioma trial attorney HARDDRIVE DATA RECOVERY SERVICES Psd to html structured settlements annuities buy structured settlements emergency response plan ppt Tech school Criminal lawyer what is structured settlement Service business software Php programmers for hire workplace accident attorney ROYALTY FREE IMAGES STOCK Bankruptcy lawyer mesotheliama auto accident attorney Computer science classes online Php programmers FORENSICS ONLINE COURSE WEBEX COSTS AUTO ACCIDENT ATTORNEY Virtual Data Rooms mesothelioma settlements amounts Structures Annuity Settlement asterisk call center software New social media platforms Car Insurance Quotes MN Hard drive Data Recovery Services Online College Course home phone internet bundle asbestos lung cancer Social media platforms for business refinance with bad credit personal injury lawyer Custom WordPress theme designer mesothelioma lawyers san diego How to donate a car in California Best Seo company DONATE YOUR CAR FOR KIDS HOW TO DONATE A CAR IN CALIFORNIA Christmas cards Best social media platforms Seo company Online Christmas cards Custom Christmas cards Photo Christmas cards WordPress themes for designers hair removal washington dc WordPress hosting Donate cars Illinois Donate your Car for Money Social media examiner Donate a Car in Maryland Social media management low credit line credit cards car accident lawyers los angeles VIRTUAL DATA ROOMS Dayton Freight Lines mesotheioma tennessee mesothelioma lawyer Donate Cars in MA ASBESTOS LAWYERS Email Bulk Service structured settlement annuity companies selling a structured settlement Criminal Defense Attorneys Florida WordPress theme designers Adobe illustrator classes california mesothelioma attorney Donate car to charity California Learning adobe illustrator Business VOIP Solutions Social media campaigns diagnosed with mesothelioma Donate Car for Tax Credit Mesothelioma Law Firm Donate Car to Charity California Cheap Car Insurance in Virginia adverse credit remortgage Forensics Online Course Asbestos Lung Cancer fortis health insurance temporary saskatchewan auto insurance Donate Your Car Sacramento attorney lawyer mesothelioma Neuson mesotheloma car insurance companies How to Donate A Car in California Sell Annuity Payment MOTOR REPLACEMENTS broward county dui lawyer Donate Old Cars to Charity Asbestos Lawyers Car Insurance Quotes Colorado Annuity Settlements Cheap Domain Registration Hosting Nunavut Culture mesothelioma symptoms Best Criminal Lawyers in Arizona Motor Insurance Quotes Motor Replacements selling my structured settlement Hard drive data recovery services Donating a Car in Maryland WORLD TRADE CENTER FOOTAGE better conferencing calls NUNAVUT CULTURE CAR INSURANCE QUOTES COLORADO Car Insurance Quotes Utah Holland Michigan College Online Colleges Car Insurance Companies structured settlement sell World Trade Center Footage Massage School Dallas Texas Life insurance co Lincoln car insurance quotes mn Psychic for Free Car insurance quotes MN Royalty Free Images Stock boulder personal injury lawyers washington mesothelioma attorney buyers of structured settlements Better Conference Calls fast cash for house Cheap Auto Insurance in VA

Google AdSense, la publicidad en tu Blog - Todo lo necesario para entender su funcionamiento y puesta en marcha – Lawyers – Teleconferencias

La inserción de publicidad en un Blog es un planteamiento recurrente que millones de Bloggers en todo el mundo se cuestionan en algún momento del desarrollo de su sitio web.

La integración de anuncios en cualquier medio de comunicación se realiza con fines económicos. La propaganda de millones de empresas en todo el mundo se expande por las webs a través de grandes canales distribuidores que compiten por posicionar sus anuncios en el mayor número de sitios posible.

Si alguna vez te lo has planteado y no te has atrevido, si no sabes cómo funciona o lo que realmente puede ofrecer, si quieres aprender a utilizarlo, entonces este artículo te interesa.

¿Cómo funciona?

• Hay cientos de canales publicitarios que podemos utilizar, pero dentro de ellos, fijaremos esta guía para principiantes en el que Google nos proporciona: AdSense. Se trata de un programa de publicidad ofrecido por Google para cualquier editor de páginas web, entendiendo como editor a la persona que crea y gestiona el sitio web y sus contenidos.

• Un blogger o un creador de una página web con dominio propio puede adherirse a ADsense para obtener la publicidad siempre que cumpla con las políticas y los estándares de calidad que la marca exije.

¿Qué debo tener en cuenta?

Hay dos puntos fundamentales de aceptación para poder comenzar a utilizar el servicio:

• Por un lado debemos aceptar los "Términos y Condiciones"que reflejan el contrato que estableces con Google para la utilización de su servicio:

• Como todo acuerdo que se establece entre dos partes, debe ser leído con detenimiento para comprender lo que se está haciendo antes de su aceptación. Es fundamental comprender en este punto cómo se produce el acceso al servicio:

• La utilización se encuenta sujeta a la creación de una solicitud de cuenta AdSense y la posterior aprobación de la misma por parte de Google. Es decir, no por el mero hecho de vincular nuestro Blog al programa ADSense, éste quedará directamente ligado a él, primero deberá cumplir con la política del programa que garantiza a los anunciantes un nivel de calidad mínimo del sitio donde van a ser anunciados. Así pues, hasta que Google no haya revisado nuestro sitio para comprobar que cumple con sus políticas del programa, no comenzaremos a exhibir la publicidad que su servicio ofrece.

• También se gestiona en los "Términos y condiciones", en el apartado "Pago" la parte del contrato en la que se habla del beneficio que podemos obtener monetariamente del servicio si es que finalmente Google nos concede la cuenta para la utilización del servicio. En los términos y condiciones te indican que vendrá fundamentalmente vinculado a los "clics válidos" que el usuario realice en los anuncios que presentas en tu web. Después en las "políticas del programa" detallan con exactitud lo que se considera como "clic válido", lo repasaremos en el punto siguiente.

• Otro punto a tener en cuenta está en las "Políticas del programa"que son el conjunto de normas que debemos cumplir para poder disfrutar del servicio.En el momento que aceptamos las políticas del programa estamos afirmando que vamos a cumplir con las normas que Google nos exige para permitirnos utilizar el servicio. Entre estas normas hay que tener muy en cuenta:

• Que las políticas pueden cambiar y deben ser revisadas si se informa de que se producen cambios para luego no vernos sorprendidos por una cancelación del contrato por incumplimiento de las políticas.

• Controlar los "clics no válidos", entendiendo que aquellos que generemos artificialmente, haciéndolos nosotros mismos, forzando a nuestros clientes voluntaria o involuntariamente a hacerlos o utilizando técnicas de colocación del anuncio que hagan que el usuario pueda "pulsar por error", hará que automáticamente no se disponga del pago por el "clic" realizado y que incluso se pueda llegar a extinguir el contrato del servicio ADSense en tu Web por uso fraudulento. Es decir, Google va a evitar el fraude a toda costa y tiene los mecanismos suficientes para detectarlos.

• Debes cumplir con unas directrices de contenidos determinadas. Si tu sitio web posee contenidos inapropiados según la política del programa, no se aprobará tu solicitud de acceso al mismo. Si a posteriori de haber obtenido la adhesión al programa violas las citadas políticas, Google podrá extinguir el contrato

• También se controlará el uso de material protegido por los derechos de autor, no podrás utilizar ADSense en páginas protegidas por los derechos de autor.

• A nivel de conduncta, si propagas ilícitamente tu blog haciendo SPAM, eres acusado de SPAM por alguna web tratando de promocionar tu sitio para obtener beneficios por los anuncios u obligas a personas a que constantemente hagan "clic" en tu publicidad, Google lo detectará y cerrará el contrato para exhibir su publicidad.

Todas las políticas del programa se reducen a utilizar el sentido común antes que la picaresca y no incurrir en acciones que claramente podemos catalogar de ilícitas.

¿Qué obtengo a cambio?

• Una vez aceptada la solicitud por parte de Google, pasará un tiempo hasta que realmente se comiencen a mostrar los anuncios en tu sitio web. Si un usuario realiza un "clic" válido, la cantidad de dinero que percibirás puede variar en función de múltiples parámetros (Colocación del anuncio, cantidad de usuarios del sitio, la hora del día, el lugar geográfico del clic según la campaña, etc...). Ten en cuenta que no todos los usuarios que te visitan hacen clic y que pueden llegar a producirse una vez cada miles de visitas, por tanto, no es un sistema que te vaya a proporcionar grandes beneficios salvo que seas capaz de generar el interés suficiente como para recibir miles de visitas al día que incrementen tus probabilidades de recibir ingresos por "clics válidos".

• El pago de los beneficios obtenidos por clic se produce cuando se acumula una cantidad de dinero determinada que llega al umbral marcado en ADSense para recibir el cobro (entorno a 72€).

• Se realizará a una cuenta bancaria, cheque bancario u otros métodos de pago que te describen en la configuración del programa, que se producirá cuando se haya llegado al umbral límite que tenga configurado ADSense.

¿Cómo activo ADSense en mi Blog?

• Dentro de Blogger, en el menú de la izquierda haz clic en la opción de menú de ingresos y realiza la solicitud de adhesión al programa.

• También con tu usuario Google puedes conectarte a www.ADSense.com y realizar la solicitud rellenando los datos que te solicitan, exactamente igual que en Blogger.

• Una vez hayas rellenado los formularios de solicitud, pasará un tiempo hasta que te activen el servicio (puede tardar varios días). A partir de ahí podrás configurar tu cuenta ADSense.

¿Cómo debo colocar los anuncios en mi Blog?

En general, revisa bien las políticas del programa porque pueden variar con el tiempo:

• "Puedes publicar hasta tres bloques de anuncios de AdSense para contenido estándar (recuerda que solo puedes publicar uno de 300 x 600), tres bloques de enlaces y dos cuadros de AdSense para búsqueda en cada página de tu sitio" como se detalla en elBlog de ADSense.

• Recuerda que si colocas un exceso de anuncios, harás que tus usuarios huyan del sitio, la cantidad de anuncios no es proporcional a la cantidad de ingresos que se obtiene por ellos. Si además superas la cantidad permitida en las políticas, Google cancelará en contrato contigo.

• Como indicamos en el apartado de las políticas, una colocación de anuncios que busque conseguir "clics no válidos", como poner el anuncio sin que se aprecie que se trata de publicidad, colocar el anuncio cercano a una zona donde el usuario necesita hacer clic para acceder a datos o similares, hará que si te encuentras en el proceso de aceptación para adherirte al programa, automáticamente ni siquiera lo comiences. Sé escrupuloso con la colocación de los anuncios en tus páginas para no incurrir en errores que te impidan poder utilizar e servicio.

Planificando la colocación de los anuncios

En primer lugar detecta las zonas de tu blog donde vas a colocar tus anuncios. Debes tener en cuenta:

• Que la zona donde lo coloques cumpla con las políticas del programa.

• Los tipos de anuncios que podrían "encajar" en la zona donde has decidido colocarlos. Por ejemplo, un anuncio con forma de Banner "encaja" en la cabecera o el pié de página pero uno con formato "cuadrado" encajará mejor en apartados de menú.

• Mi recomendación es que te dibujes un boceto donde planifiques a grandes rasgos dónde vas a colocar los anuncios en tu sitio web.

• No vas a poder elegir tamaños, ADSense y la industria publicitaria de Internet en general, ya dispone de un catálogo de tipos de anuncios que miden en "píxeles" el ancho y alto predefinido que van a tener. NO puedes modificar en modo alguno el tamaño asignado por ADSense, así pues medita bien aproximativamente en el boceto dónde van a quedar y cuando los elijas en el apartado de creación, selecciona aquellos que se adaptan mejor al boceto según su tamaño y forma.

• Tendrás dos grandes tipos de anuncios, los de imagen estáticos y texto "Rich Media" (los más vistosos) y los de sólo texto (más simples). Una vez tengas listo el boceto del que hablamos para plantear la colicación de los anuncios, deberás comprobar la longitud en píxeles asociada al formato de cada tipo de anuncio. Eso te ayudará a saber cuál es el indicado para encajar en la zona del boceto que habías preparado.

Los tamaños de anuncios de imagen estáticos son:

Enlace para poder ver el tamaño y forma

skyscraper horizontal (728 x 90),
banner (468 x 60),
medio banner (234 x 60),
botón (125 x 125),
skyscraper (120 x 600),
skyscraper ancho (160 x 600),
rectángulo pequeño (180 x 150),
banner vertical (120 x 240),
cuadrado pequeño (200 x 200),
cuadrado (250 x 250),
rectángulo mediano (300 x 250),
rectángulo grande (336 x 280),
media página (300 x 600).
skyscraper horizontal grande (970 x 90).

Los tamaños y formas de los anuncios de texto son:

Enlace para poder ver el tamaño y forma

Skyscraper horizontal (728 x 90)
Skyscraper grande (970 x 90)
Banner (468 x 60)
Medio banner (234 x 60)
Skyscraper (120 x 600)
Skyscraper ancho (160 x 600)
Rectángulo pequeño (180 x 150)
Banner vertical (120 x 240)
Skyscraper grande (300 x 600)
Rectángulo mediano (300 x 250)
Rectángulo grande (336 x 280)
Cuadrado pequeño (200 x 200)
Cuadrado (250 x 250)

• Recuerda que no deberás bajo ningún concepto alterar el tamaño en píxeles que ofrece Google para cada tipo y formato de anuncio.

Colocando los anuncios

• Cuando tu cuenta esté activa y admitida por Google para el uso de ADSense, podrás colocar tus anuncios. También puedes hacerlo antes, lo que sucede es que la zona de anuncios que insertes quedará vacía hasta que la solicitud quede aprobada.

Hay dos formas de hacerlo pero todas pasan por visitar en primer lugar ADSense:

1) Primero, dentro de ADSense, en la parte superior de la página verás que hay unas cuantas opciones de menú. Haz clic en "Mis anuncios" para gestionar aquellos que vas a presentar en tu blog.

2) Si pulsas en Añadir anuncio, deberás tener claro el tamaño y forma que vas a utilizar de cada anuncio dentro de tu blog. No crees anuncios innecesariamente.

3) Una vez añadido te aparecerá en la tabla de anuncios.NO estará activo hasta que lo incrustes en tu blog. Si por error has creado más de 3 anuncios, no hay problema en todos los que tengas aquí inactivos siempre que NO estén integrados en el Blog.

4) Sobre los anuncios que desees integrar (recuerda no superar la cantidad establecida por las políticas del programa), pulsa en "Obtener código" para extraer el código fuente que deberás meter en tu blog para que el anuncio pase a "activo".

5) Dentro de Blogger, tienes dos formas de activar el anuncio:

• O utilizando Diseño y añadiendo el Gadget de ADSense para anuncios.

Deberás insertar en el interior del Gadget el código fuente que recuperabas del escritorio ADSense para el anuncio que deseabas colocar.

• O utilizando Diseño y añadiendo el Gadget de HTML y JAVASCRIPT para incorporar el código fuente que extraíste del anuncio de ADSense.

Configura los tipos de anuncios a Utilizar

1) Dentro de ADSense, en el menú superior pulsa sobre la opción de menú "Permitir y bloquear anuncios".

2) Establece la los anuncios permitidos y redes publicitarias que deseas que se muestren en tu blog.

3)No dudes en probar los nuevos anuncios "Responsive Design". Se adaptan a la resolución del dispositivo donde se visualice tu web. Si es un móvil o Tableta, esta clase de anuncios son ideales para "no complicarse" con el tamaño "fijo" en píxeles.

¡Eso es todo!, hay suficiente material como para poder comenzar, como siempre cualquier duda utiliza los comentarios.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

auto accident attorney Torrance houston mesothelioma attorney DONATE CARS IN MA better conferencing calls Business finance group student loan consolidation program criminal defense attorneys florida injury lawyers primary pulmonary hypertension average mesothelioma settlement Online Criminal Justice Degree NEUSON seattle mesothelioma lawyer accident attorneys orange county Best social media platforms for business Live casino Best Seo company Hire php programmers Casino Make money online Australia Online casino STRUCTURED ANNUITY SETTLEMENT houston motorcycle accident lawyer accident car florida lawyer Html email Holland Michigan College alcohol rehab center in florida colorado mesothelioma lawyers ONLINE COLLEDGES VIRTUAL DATA ROOMS Donating Used Cars to Charity ASBESTOS LAWYERS How to Donate A Car in California Best criminal lawyer in Arizona Mobile casino Donate Your Car for Kids Low Credit Line Credit Cards Mortgage adviser Donate Car for Tax Credit Christmas cards mesothelioma saskatchewan auto insurance Virtual Data Rooms Business management software structured annuity settlement Mesothelioma Law Firm Massage School Dallas Texas Car Donate Social media management home phone internet bundle Criminal Defense Attorneys Florida Casino reviews DUI lawyer Hire php developers Life Insurance Co Lincoln Photo Christmas cards Adobe illustrator classes PHD on Counseling Education Motor Replacements broward county dui lawyer Dwi lawyer mesothelioma symptoms FUTURISTIC ARCHITECTURE Mortgage Adviser pharmacist jobs in chicago AUTO ACCIDENT ATTORNEY cell cycle regulation ppt anti spam appliance Criminal lawyer Online colledges car insurance quotes data recovery raid mesothelioma law firms mesothelioma settlement amounts mesothelioma help REGISTER FREE DOMAINS Webex Costs Dayton Freight Lines Car Insurance Quotes Colorado Service business software Best social media platforms Criminal defense lawyer Business Voip Solutions HOME PHONE INTERNET BUNDLE Donate Old Cars to Charity massage school dallas texas sell your structured settlement payments Hard drive Data Recovery Services Php programmers for hire Hire php developer Car Insurance Companies hughes net business mesothelioma trial attorney Best Criminal Lawyers in Arizona Bankruptcy lawyer mesothelioma attorney illinois personal injury attorney ocala fl Psd to html Computer science classes online Dayton freight lines Php programmers Seo companies Cheap car insurance in Virginia WordPress themes for designers New social media platforms Donate Cars Illinois MET AUTO insurance medical temporary car accident lawyers los angeles Social media platforms for business Custom WordPress theme designer domain name yahoo Donate cars Illinois mesothelioma lawyer chicago CHEAP CAR INSURANCE FOR LADIES Seo services structured settlement brokers MOTOR REPLACEMENTS Cheap Car Insurance in Virginia Donate Car To Charity CALIFORNIA Donate Your Car Sacramento cash out annuity Seo company Online Christmas cards Custom Christmas cards Proud Italian cook new york mesothelioma law firm Online College Course best criminal lawyer in arizona tennessee mesothelioma lawyer yahoo web hosting car accident lawyers Social media campaigns criminal defense federal lawyer business administration masters WordPress hosting Psd to WordPress Social media examiner structured settlement company Car insurance quotes MN Tech school mesothelioma information Social media platforms DONATE OLD CARS TO CHARITY motorcycle lawyer los angeles Car Insurance Quotes Utah Car Insurance Quotes MN car insurance companies orlando criminal attorney Italian cooking school HOW TO DONATE A CAR IN CALIFORNIA Nunavut Culture Gas/Electricity ONLINECLASSES quotes car WordPress theme designers Online Colleges Asbestos Lung Cancer Social media strategies Learning adobe illustrator Social media tools ROYALTY FREE IMAGES STOCK personal injury law firm Donate Car to Charity California Donate Cars in MA Car insurance in South Dakota Automobile Accident Attorney best mesothelioma lawyers CAR INSURANCE QUOTES MN business voice mail service Sell Annuity Payment Cheap domain registration hosting offshore accident lawyer annuity payment Asbestos Lawyers Structures Annuity Settlement Annuity Settlements how to donate a car in california buying structured settlements Donate a Car in Maryland Cheap Domain Registration Hosting Donating a Car in Maryland cheap car insurance in virginia donate car for tax credit DAYTON FREIGHT LINES mesothelioma lawyer houston low credit line credit cards illinois mesothelioma lawyer los angeles auto accident attorneys event management security ONLINE MOTOR INSURANCE QUOTES dallas mesothelioma attorneys Online Motor Insurance Quotes Paperport Promotional Code Auto Accident Attorney Online Classes Forex Trading Platform World Trade Center Footage CAR INSURANCE QUOTES UTAH Met Auto hair removal washington dc Donate your car Sacramento car accident lawyer michigan business voip solutions structured settlement blog truck accident attorney texas Psychic for Free Futuristic Architecture Register Free Domains refinance with poor credit