CosasParaMiBlogs

miércoles, 23 de junio de 2010

Problemillas con Blogger y los títulos de los gadgets – Curso

Si en estos últimos días has intentado añadir un gadget sin título o cambiar alguno pre-existente que asimismo no lo tuviera, te habrás encontrado con que el sistema no te permitía guardarlo.

Campo obligatorio; no debe dejarse en blanco.

Como ocurre con lo de subir imágenes con el editor antiguo y que no salga ningún aviso cuando termina la carga, desconozco si es un problema puntual o una nueva característica. Pero en fin... esto último no es ningún drama y lo del título tiene soluciones fáciles.

El escaparate yCiudad Blogger ya nos anticiparon este tema.

Una de las posibles soluciones es introducir en el apartado del título, un código HTML válido sin contenido. Por ejemplo, podemos escribirh2/h2 ospan/span o ... o cualquier otra cosa que se interprete como código y que no muestre nada cuando se publique.

Con cualquiera de estas cosas, el sistema "traga" y conseguimos que no se vea título alguno.

Otro apaño requiere acudir a la plantilla, pero es más definitivo por si más adelante lo anterior deja de funcionar. Además, conviene conocerlo porque puede servirnos también para otros fines.

Todos los nuevos gadgets tienen por defecto unas líneas de código como estas, que podremos ver en la plantilla si marcamos "Plantillas de artilugios expandidas":

b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'
b:includable id='main'

b:if cond='data:title'

h2data:title//h2

/b:if

div class='widget-content'
div id='ArchiveList'
div expr:id='data:widget.instanceId + "_ArchiveList"'

etc...

Pues bien, las tres que se han marcado en verde y que son comunes a todos los gadgets sirven para comprobar si el idem tiene un título y en caso afirmativo, mostrarlo. Si se borran las tres, simplemente no se mostrará el título en ningún caso, aunque se escriba al editar el gadget.

Si se hace de esta última manera, ya nos es indiferente tener que poner un título obligados, porque habremos conseguido que no se vea.

federal criminal defense attorney business voice mail service Dwi lawyer Donate Car to Charity California Better Conference Calls wisconsin mesothelioma attorney Business finance group Service business software New social media platforms Hard drive Data Recovery Services mesothelioma Health Records Personal Health Record SELL ANNUITY PAYMENT Cheap car insurance in Virginia Mobile casino Donating a Car in Maryland Holland Michigan College mesothelioma attorneys california personal injury firm mesothelioma lawsuits Car Donate lawsuit mesothelioma DUI lawyer hughes net business webex costs Online casino verizon sip Dallas mesothelioma attorneys Casino reviews WordPress themes for designers Seo company mesothelioma attorney assistance Casino refinance with poor credit Make money online Australia World Trade Center Footage Hire php developers Live casino Criminal lawyer Php programmers Online Stock Trading Best Seo company Met Auto Psd to html canada personals yahoo Hire php developer paperport promotional code Home Phone Internet Bundle Hire php programmers Best social media platforms Paperport Promotional Code Best criminal lawyer in Arizona mesothelioma lawyer houston Best social media platforms for business Donate Cars in MA Auto Mobile Insurance Quote Auto Accident Attorney PHD on Counseling Education DONATE YOUR CAR FOR KIDS Donate your Car for Money saskatchewan auto insurance Criminal defense lawyer personal injury law firm Best Criminal Lawyers in Arizona Car Accident Lawyers low credit line credit cards ASBESTOS LAWYERS Computer science classes online Php programmers for hire workplace accident attorney tucson car accident attorney Bankruptcy lawyer st louis mesothelioma attorney FORENSICS ONLINE COURSE Donate Cars Illinois Seo companies Mesothelioma Law Firm los angeles motorcycle accident lawyer Dedicated Hosting Dedicated Server Hosting Social media management Personal Injury Lawyer Attorney virtual data rooms CAR DONATE DONATE CARS IN MA adverse remortgage city college in miami Donate Your Car for Kids Social media platforms for business Social media examiner Massage school Dallas Texas DONATE YOUR CAR SACRAMENTO Custom WordPress theme designer FUTURISTIC ARCHITECTURE Car Insurance Companies Seo services Annuity Settlements mesothelioma settlements ONLINE COLLEDGES car insurance quotes pa Motor Insurance Quotes Business management software car accident lawyer san bernardino ANNUITY SETTLEMENT accident attorney in los angeles mesothelioma settlement amounts structure settlements Online Christmas cards Custom Christmas cards truck accident attorney texas CAR INSURANCE QUOTES PA Donate your car for money Photo Christmas cards Register Free Domains personal injury lawyer Social media platforms Social media strategies Low Credit Line Credit Cards Donate your car Sacramento colorado auto accident attorney WordPress hosting Psd to WordPress Futuristic Architecture att call conference Tech school Html email Christmas cards WORLD TRADE CENTER FOOTAGE Proud Italian cook DONATE OLD CARS TO CHARITY student loan consolidation program buyers of structured settlements asbestos mesothelioma lawsuit cheap domain registration hosting emergency response plan ppt Italian cooking school injury attorney baton rouge uk homeowner loans mesothelioma law suit mesothelioma suit WordPress theme designers Auto Mobile Shipping Quote Adobe illustrator classes Motor replacements Learning adobe illustrator Social media tools google adsense Social media campaigns MESOTHELIOMA LAW FIRM onlineclasses Dallas Mesothelioma Attorneys illinois law lemon HARDDRIVE DATA RECOVERY SERVICES Car Insurance Quotes Colorado Cheap Domain Registration Hosting Donate Car for Tax Credit AUTO ACCIDENT ATTORNEY Donate Your Car Sacramento Personal Injury Law Firm orlando criminal attorney How to Donate A Car in California Sell Annuity Payment CHEAP AUTO INSURANCE IN VA Asbestos Lawyers Structures Annuity Settlement Car Insurance Quotes PA michigan motorcycle accident lawyer Data Recovery Raid Criminal defense attorneys Florida Online Classes Asbestos Lung Cancer asbestos lawyers CHEAP DOMAIN REGISTRATION HOSTING Life insurance co Lincoln PhD in counseling education Nunavut Culture Online classes Massage School Dallas Texas Dayton Freight Lines Donate a Car in Maryland Email Bulk Service Motor Replacements car insurance quotes mn asbestos exposure lawyers best mesothelioma lawyers LOW CREDIT LINE CREDIT CARDS Royalty Free Images Stock Paperport promotional code Donate Car To Charity CALIFORNIA Criminal Defense Attorneys Florida Online College Course CAR INSURANCE QUOTES UTAH selling annuity mesothelioma lawyer dallas Car Insurance Quotes Utah Virtual Data Rooms Life Insurance Co Lincoln mesothelioma litigation criminal defense attorneys florida Online Motor Insurance Quotes Online Colleges Royalty free images stock Dayton freight lines philadelphia mesothelioma lawyer Psychic for Free online motor insurance quotes Donate Old Cars to Charity mesothelioma survival rates yahoo web hosting Car Insurance Quotes MN

lunes, 21 de junio de 2010

CSS, Diseño, Trucos

Iconos automáticos personalizados por tipo de enlace – coche – Miami – Promotional Code

Este truco de diseño es muy fácil y la única complicación, por llamarla de alguna manera, consiste en alojar los ficheros necesarios para que funcione, bajo nuestro propio control. Una vez hecho, mediante una única línea de código, todos los enlaces mostrarán un icono alusivo al tipo de fichero del que son destino, a continuación del enlace.

En este blog de pruebas podreis ver unademo sobre cómo quedaría el asunto, así como todas las extensiones disponibles.

Esto se consigue insertando después dehead la línea que se muestra a continuación y que incluye un fichero enFileden totalmente operativo. Pero aunque sea así, no os quedeis aquí y seguid leyendo para poder evitar problemas futuros y también para poder ajustar el código a vuestras necesidades.

link href='http://www.fileden.com/files/2009/9/13/2573667/iconize2.css' rel='stylesheet' type='text/css'/

Como habeis podido ver, el fichero es una hoja de estilo (CSS) externa, que ligamos a nuestra página mediante la etiquetalink. Esta hoja contiene diversosselectores de atributos como los que vimos anteriormente, que incluyen un pequeño estilo para insertar un icono relativo al tipo de enlace, por medio de unpadding.

La idea la vi enpooliestudios, aunque he incorporado a supaquete original unos cuantos selectores e iconos más, con el fin de incluir algunos sitios que hoy día se usan muy habitualmente, como Twitter, YouTube, Flickr, Facebook, Imageshack... entre otros, al tiempo que he suprimido otros quizás un poco en desuso.

Como siempre, para no depender de la constancia del propietario de los ficheros o del hosting dónde se alojan, lo conveniente es alojarlos nosotros mismos. Para ello, nos descargamos este fichero que corresponde a lahoja de estilo y este otro dónde vanlos iconos. A continuación subimos todas las imágenes a nuestro sitio de almacenamiento habitual y editando la hoja, vamos sustituyendo todas las direcciones de los fondos-iconos (background) por las nuestras. Luego, subimos la hoja de estilo también al lugar dónde acostumbremos y finalmente, sustituimos la nueva dirección por la marcada en verde en el código del principio.

Quizás es un poco laborioso, pero una vez hecho sirve para siempre y nos evita que un buen día deje de funcionar porque haya desaparecido el fichero o las imágenes originales. Una alternativa para el fichero .css, sería simplemente copiarlo e insertarlo dentro de nuestra hoja de estilo (en el caso de Blogger, entre las etiquetasSKIN). En este último caso, no sería necesaria la línea del principio porque no habría que llamar a ninguna hoja de estilo externa.

Y ahora los problemillas, sobre todo hablando de Blogger. En esta plataforma, como sabeis, cada vez que se sube una imagen se incorpora automáticamente un enlace a la imagen original. Como mediante la hoja de estilo, hemos marcado los enlaces a ficheros con extensiones .jpg, .png, .gif y .bmp para que muestren un icono, estas imágenes con enlace, mostrarán también un icono que nos puede estropear el diseño de las mismas. Esto dependerá de la plantilla de cada uno.

Para evitar esto hay dos soluciones. La primera es utilizar una clase que ya incorpora la hoja de estilo de iconos, llamadaimagelink y que provoca que todos los enlaces que la incluyan, dejen de mostrar el icono.

De esta manera, si incorporamosclass="imagelink" al enlace de cualquier imagen...

aclass="imagelink" href="http://enlace_a_imagen.jpg"img src="http://imagen.jpg"//a

...esa imagen en concreto NO mostrará el icono, tal y como podeis ver en la parte inferior de lapágina de ejemplo.

La segunda solución es más radical pero casi inevitable para sitios con muchas imágenes con enlace en sus páginas. La cosa es que habría que prescindir de los iconos en estos casos, para no tener que ir modificándolos uno por uno. Para ello sólo habría que editar la hoja de estilo y suprimir los selectores de atributos que hagan referencia a imágenes, antes de guardarlo en nuestro hosting. Para los perezosos, aquí teneisotra versión del fichero CSS preparada para ello.

Al igual que con las imágenes, si algún icono más os "estorba", sólo teneis que eliminar su selector de la hoja de estilo o modificarsus reglas hasta ajustarlas a vuestros deseos.

A partir de aquí, imaginación al poder. Podeis sustituir los iconos por otros que cuadren más con el estilo de vuestro sitio, podeis ponerlos a la izquierda en lugar de a la derecha modificando el padding, incorporar enlaces de otro tipo o a otros sitios, quitar otros que no os queden bien... o cualquier otra cosa que se os ocurra y que esperamos compartais a través de los comentarios.

Service business software houston tx auto insurance ONLINE COLLEDGES Hire php programmers Royalty free images stock Online casino Casino reviews Donating a Car in Maryland florida car insurance company Custom Christmas cards Php programmers Donate car to charity California Forex Trading Platform business voip solutions Annuity Settlements Casino personal injury attorney ocala fl Mobile casino mesothelioma drug See more at http//wwwginfostopnet/ mesothelioma symptoms Donate a Car in Maryland Holland Michigan College illinois law lemon Make money online Australia Adobe illustrator classes Social media management la personal injury lawyer DONATE YOUR CAR FOR KIDS register free domains chicago hair laser removal integrated ehr HOLLAND MICHIGAN COLLEGE donating used cars to charity Forensics online course CHEAP CAR INSURANCE FOR LADIES mesothelioma claim cash annuity peritoneal mesothelioma CAR INSURANCE QUOTES MN Business management software Donate Car to Charity California PHD on Counseling Education domain yahoo ONLINECLASSES business email web hosting Cheap Car Insurance in Virginia mesothelioma lawsuit mesothelioma information WordPress hosting Live casino Criminal lawyer Hire php developers semi truck accident lawyers DUI lawyer broward county dui lawyer Social media examiner Email Bulk Service massage school dallas texas DONATE CARS IN MA Car Donate Social media campaigns New social media platforms Online Christmas cards anti spam appliance asbestos lawyers Hire php developer mesothelioma compensation mesothelioma suit Business finance group Car Insurance Quotes MN Best social media platforms for business Donate old cars to charity futuristic architecture PhD in counseling education ANNUITY SETTLEMENT mesothelioma attorney directory Dwi lawyer event management security Nunavut Culture Home Phone Internet Bundle FORENSICS ONLINE COURSE motor insurance quotes Donate Your Car for Kids cheap auto insurance in va Criminal defense lawyer Donate Cars Illinois annuity payment caraccidentlawyer Php programmers for hire How to Donate A Car in California personal injury attorney torrance Claim Psychic for Free data recovery raid BEST CRIMINAL LAWYER IN ARIZONA Bankruptcy lawyer meso lawyer city college in miami Computer science classes online Data Recovery Raid Seo companies Dallas mesothelioma attorneys Proud Italian cook Social media platforms for business forensics online course Online Motor Insurance Quotes Custom WordPress theme designer Seo services Social media platforms Best Seo company Seo company federal criminal defense attorney Donate Your Car Sacramento CAR DONATE Best social media platforms primary pulmonary hypertension motor replacements CHEAP DOMAIN REGISTRATION HOSTING Asbestos Lawyers orlando criminal attorney Learning adobe illustrator Low Credit Line Credit Cards Donate Car To Charity CALIFORNIA REGISTER FREE DOMAINS DONATE YOUR CAR SACRAMENTO most profitable internet business mesothelioma ct structured settlement annuity companies Photo Christmas cards WordPress themes for designers Auto Accident Attorney mesotheioma california motorcycle accident lawyer auto insurance cost by state Psd to WordPress World trade center footage best consolidation loan student Car Insurance Quotes PA WordPress theme designers Donate Car for Tax Credit car accident lawyers los angeles new mexico mesothelioma lawyer PSYCHIC FOR FREE Online Stock Trading Tech school motorcycle accident attorney sacramento Massage school Dallas Texas Html email Christmas cards miami personal injury attorney california mesothelioma attorney Psd to html benchmark lending Italian cooking school motorcycle accident lawyer san francisco Car Insurance in South Dakota Social media strategies Social media tools Mesothelioma Law Firm domain name yahoo injury lawyer houston tx Auto Mobile Shipping Quote Donate car for tax credit washington mesothelioma attorney DONATE CARS ILLINOIS World Trade Center Footage Register Free Domains DONATE A CAR IN MARYLAND Cheap domain registration hosting Donating Used Cars to Charity Donate Cars in MA structured settlement blog Hard drive Data Recovery Services domain registration yahoo Sell Annuity Payment Neuson student loan consolidation program Structures Annuity Settlement Car Insurance Quotes Colorado AUTO ACCIDENT ATTORNEY cash out structured settlement Car Insurance Companies PHD IN COUNSELING EDUCATION Dayton Freight Lines Personal Injury Law Firm maritime lawyer houston philadelphia mesothelioma lawyer Met Auto Motor Replacements Cheap Domain Registration Hosting selling my structured settlement Online colledges buy gift card mesothelioma attorney compare life assurance Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona anti spam exchange server Car Insurance Quotes Utah Life Insurance Co Lincoln Cheap Car Insurance for Ladies car insurance quotes Online Colleges Paperport Promotional Code Online Classes car insurance quotes mn Massage School Dallas Texas How to donate a car in California Donate Old Cars to Charity

miércoles, 16 de junio de 2010

CSS

Selectores de atributos – Credito – Texas

Aparte de con otras cosas, estos días he estado liado practicando con una vieja pero útil herramienta que nos proporciona CSS desde su segunda versión. Se trata de losselectores de atributos.

Estos selectores pueden hacer las veces de condiciones, para poder aplicar estilo a determinadas etiquetas HTML, pero sólo si tienen cierto contenido en sus atributos. Un ejemplo para que esté más claro.

a[href="http://www.google.es"] {color:#990000;}

La inclusión de esta línea en nuestra hoja de estilo provocará que todas las etiquetasa (anchor) que tengan un atributohref igual ahttp://www.google.es, salgan con una letra de color rojo. O lo que es lo mismo, cada vez que creemos un enlace a la página principal de Google, el texto del enlace saldrá en color rojo de forma automática.

Un selector de atributo tiene la forma

ETIQUETA[ATRIBUTO OPERADOR VALOR] {PROPIEDADES}

En el primer ejemplo, la etiqueta seríaa, el atributohref, el operador= y el valor la dirección de Google. Las propiedades son las habituales de CSS y en el susodicho ejemplo, el color de fuente.

La posibilidad de usar cualquier etiqueta, atributo y valor, así como una suficiente variedad de operadores, es lo que le da fuerza a esta herramienta. Los operadores son los siguientes y harán que el estilo se ejecute en aquellas etiquetas que tengan un atributo:

= exactamenteigual al declarado

input[type="text"] {width: 200px;}

Todos los campos input de formularios que sean del tipo texto, tendrán un ancho de 200px.

^= quecomienza con los mismos caracteres que el declarado

img[title^="categ"] {padding:5px;border:1px solid #000000;}

Todas las imágenes con un título que empiece por la cadena "categ", tendrán un borde negro con unpadding de 5px.

$= quetermina con los mismos caracteres que el declarado

a[href$="jpg"] {background:#cccccc;}

Los enlaces cuya dirección de destino termine con la extensiónjpg, tendrán un fondo gris.

*= quecontiene los mismos caracteres que el declarado

a[href*="oloblogger"] {font-style:italic;}

Los enlaces cuya URL contengan la secuencia de caracteres "oloblogger", apareceran en cursiva.

~= exactamenteigual al declarado, de entre todos los valores que contenga el atributo separados porespacios

link[rel~="alternate"] {...}

No se me ocurre ningún ejemplo de estilo para este operador, pero de entre todas las etiquetaslink, las propiedades se aplicarían a aquellas que dentro del atributorel, tuvieran el valor exacto "alternate", como por ejemplo ocurre enlink href="estilo.css" rel="alternate stylesheet" type="text/css"

|= al principio de una lista de valores separados por guiones

p[lang|="en"] {color:red;}

Los párrafos con marca de lenguaje inglés (en), se verán en rojo como ocurriría en p lang="en-US"...

Si no especificamos operador y por consiguiente, ningún valor, las propiedades se aplicarán a todos los elementos que tengan el atributo declarado.

span[class] {text-align:justify;}

Todas las etiquetasspan que incluyan algún atributoclass (independientemente de su valor), mostrarán texto justificado.

Por último, las selectores pueden ser "sumados", de manera que el estilo sólo se aplicará si se cumplen todas las condiciones:

div[class="resaltado"][id="fondo"] {background:#ffffff; color:blue; font-weight:bold; }

Si undiv tiene simultáneamente la clase y laid indicadas, su contenido se verá con fondo blanco y texto azul en negrita.

Algunos operadores corresponden a CSS3, pero en un principio, todos son soportados por Firefox, Chrome, Safari e Internet Explorer a partir de la versión 7.

viernes, 11 de junio de 2010

CSS, Diseño

Usar CSS3 sin conocer CSS3. Generadores – Lawyers – Texas – Hard drive

Pues así es. Ya puedes empezar a utilizar las nuevas características que incorpora el estándar para hojas de estiloCSS3, incluso si no has leído una sola línea sobre él. Para ello, tenemos muchas aplicaciones online que generan automáticamente el código necesario para añadir sombras a textos, bordes múltiples, esquinas redondeadas, tipografías no-estándar, reflejos, gradientes, columnas... simplemente indicando los parámetros necesarios en cada caso. El generador ya se ocupa de darnos las propiedades que hay que incluir en los selectores a los que queramos aplicar ese estilo.

Conste que no es lo recomendable, porque lo interesante es entender lo que se teclea para poder sacarle el máximo partido. Pero una cosa no es excluyente de la otra y si os vais fijando en las líneas de código, podreis observar fácilmente qué es lo que hace cada una e ir captando la idea.

Y para los que saben de CSS3, pues una ayudita nunca viene mal ;)

CSS3 GENERATOR
Muy intuitivo y completo. Sólo requiere introducir los valores. Muestra iconos de los navegadores que soportan cada propiedad y sobre ellos, la version mínima necesaria.
Disponibles: border-radius, box-shadow, gradient, rgba, rotate, transition y @font-face.

CSS3, PLEASE
Para mí muy original. Se presenta directamente todo el código y la vista previa de un elemento. Permite activar/desactivar diversas propiedades, así como modificar sus valores sobre el propio código, viendo sobre la marcha sus resultados.
Disponibles: border-radius, box-shadow, text-shadow, rgba, @font-face, column, resize, box-sizing y outline

STYLE MASTER
Flojito pero suficiente para lo más básico. También incorpora una vista previa y una barra con los navegadores que soportan cada propiedad de las que se pueden probar.
Disponibles: gradient, text-shadow, box-shadow y text-stroke

BORDER IMAGE GENERATOR
Ideal para ver cómo se pueden contruir bordes con imágenes.
Disponible: border-image

WIDGET PAD
No se pueden cambiar los valores de las distintas propiedades, pero resulta interesante para ver como funcionan sin tener que movernos del sitio. Incluye la propiedad para simular reflejos.
Disponibles: border-radius, box-shadow, box-reflect, transform, opacity, text-shadow y text-stroke

BORDER RADIUS
Sencillito como él solo pero eficaz en su cometido de mostrar cómo funcionan los bordes redondeados.
Disponible: border-radius

CSS3 GRADIENT GENERATOR
Centrado exclusivamente en la generacion de código para gradientes.
Disponible: gradient

CSS TRICKS BUTTON MAKER
Generador de botones construidos exclusivamente con CSS3. Primero se diseña el botón y una vez al gusto, se puede pinchar en él para obtener el código de estilo.
Disponibles:

Teneis que tener en cuenta que no todo funciona en todos los navegadores. Las distintas propiedades están siendo incorporadas paulatinamente por las nuevas versiones que van sacando los fabricantes. Por eso, en unas versiones/navegadores unas cosas funcionan y otras no. En esto, para variar, Internet Explorer se está quedando un poco atrás y es el que más carencias tiene al respecto. Sin embargo, en la mayoría de casos, el no interpretar bien el código no supone generalmente un perjuicio en la estética de la web. Si acaso, más bien una no-mejora.

Me explico... Si añadimos a una capa con borde el efecto de esquinas redondeadas, los navegadores que no soporten elborder-radius simplemente no las mostrarán redondas, sino como siempre, en ángulo recto. O sea, el navegador ignora la propiedad y no la interpreta ni bien ni mal. Simplemente no la interpreta.

miércoles, 9 de junio de 2010

Mundo Google, Promoción, Servicios, Trucos

Blogger y Adsense. Evitar primer anuncio entre posts. – PHD

La manera de insertar un anuncio deAdsense en un blog, es tan fácil como copiar el código que nos facilita ese servicio y pegarlo dónde nos interesa que aparezca: cabecera, sidebar, crosscol, pie, etc.

Colocarlo en las entradas tiene su peligro, ya que Adsense no permite más de tres banners por página y si se hace de esa manera, podrían aparecer más de los debidos (uno por entrada) en la página principal, en las de navegación por anteriores/recientes o en las de etiquetas. Creo que el propio script de Adsense controla esto para no excedernos, pero lo cierto es que no he querido probar. Espero que lo entendais ;)

Pero en fin, San Google y Blogger en su nombre y por una cuestión totalmentedesinteresada, tienen a bien facilitarnos la cosa, mediante un sistema automático de agregaranuncios Adsense entre artículos, que además respeta el máximo de tres exigido.

Esto se hace accediendo desdeElementos de Página y editando el bloqueEntradas del blog. Allí aparece una casilla de verificación con la leyendaMostrar anuncios entre las entradas, que es la que hay que marcar para activar este servicio. A continuación se despliega un nuevo cuerpo dónde podremos indicar cada cuántas entradas queremos mostrar un anuncio, el formato, la configuración de colores, nuestra ID de editor...

Esta activación cambia el valor de la etiquetadata:post.includeAd atrue, con lo que se interpretará todo el código que hay dentro de un condicional para este fin y que en una plantilla sin modificar y accediendo con artilugios expandidos, será como este:

b:if cond='data:post.includeAd'
b:if cond='data:post.isFirstPost'
data:defaultAdEnd/
b:else/
data:adEnd/
/b:if
div class='inline-ad'
data:adCode/
/div
data:adStart/
/b:if

Completando el código correspondiente al resto del bucle principal de Blogger, nos encontraremos antes y después de esto, otras dosetiquetas DATA más, relacionadas también con este artilugio para la publi:data:defaultAdStart/ ydata:AdEnd/

Perojuro por mis niños que no entiendo la utilidad ni de estas ni de las anteriores. Son parte delcódigo misterioso que Blogger incluye con nocturnidad y alevosía, porque no he encontrado ninguna referencia a ellas y tampoco he observado ninguna diferencia tras ir eliminar las líneas una a una. La única que hace algo y que además es imprescindible, es la dedata:adCode. En ella parece que se almacena todo lo necesario para mostrar los banners, según la configuración programada por nosotros.

Así las cosas, poco podemos hacer, pero al menos hay algo que sí y que ayer precisamente me preguntaba Damián: cómo hacer para evitar que salga un anuncio tras el primer post.

La solución está en utilizar otraetiqueta DATA y que es aquella que controla si estamos en el primer post de la página:data:post.isFirstPost.

Así pues, con un condicional comprobamos antes de ejecutardata:adCode, si estamos en ese primer post. Si no lo es, escribimos el contenido de la variable y si es el primero, nos saltamos el anuncio. En verde lo añadido:

b:if cond='data:post.includeAd'
b:if cond='data:post.isFirstPost'
data:defaultAdEnd/
b:else/
data:adEnd/
/b:if
b:if cond='data:post.isFirstPost != "true"'
div class='inline-ad'
data:adCode/
/div
/b:if
data:adStart/
/b:if

lunes, 7 de junio de 2010

Promoción

20 Blogs 2010. Concurso para blogs – Curso – Justicia – coche

Aquí están de nuevo losPremios 20Blogs, el concurso en el que los blogueros participantes son los que tienen el papel protagonista en los resultados finales. Organizado por20minutos.es a través de su secciónLa Blogoteca, la de 2010 es la quinta edición de este certamen.

Para todos los que tengais una bitácora, esta es una ocasión excepcional de mostrar vuestro espacio en un sitio con bastante relevancia en la Red, al tiempo que podreis conocer blogs muy buenos que de otra manera posiblemente nunca llegueis siquiera a saber que existen. Esto sin olvidar que podreis disfrutar de una experiencia en cuanto a lo que supone participar en una competición de esta índole. Si esto ya es de por sí bastante atractivo, lo de ganar no os lo podeis ni imaginar!!!

Salvo que haya algo que se me haya pasado, lasbases son las habituales de otros años:

Puedes presentar tantos blogs como administres, pero cada uno puede participar en una sola categoría de entre las 20 existentes
Para poder votar hay que tener al menos inscrito un blog, admitiéndose un voto por categoría, lo que hace un total también de 20 votos por barba.

Los premios:

Estatuilla a los ganadores en cada categoría, por votación de los inscritos
Estatuilla y 3.000€ al mejor blog por votación.
Estatuilla, 3.000€ y posibilidad de integrar el plantel de blogueros de 20minutos.es al mejor blog 2010 a criterio del jurado, de entre los cinco más votados en cada categoría.

Aunque teneis hasta el18 de Julio para inscribir vuestro blog, no os durmais, que luego el tiempo pasa y nos acordamos siempre de terminar de hacerlo a última hora.

Tras una fase de validación que durará hasta el 1 de Agosto, entre el 2 de Agosto y el 30 de Septiembre se podrán emitir/recibir votos, para finalmente conocer a los ganadores el 8 de Octubre.

¡¡Suerte a todos!!