julio 2011 ~ CosasParaMiBlogs

sábado, 30 de julio de 2011

Actualizando el botón +1 y aprovechando para recomendar la página principal – Email

Hace unos días,Vagabundia nos avisaba de que el script para instalar el botón +1había sido actualizado. Esto no quiere decir que el anterior código haya dejado de funcionar y que irremediablemente tengamos que cambiarlo. No, simplemente que hay una nueva versión.

Las actualizaciones suelen ser para mejorar, pero como no me he puesto a ver el contenido del script de Google (ni lo voy a hacer), no sé exactamente en qué consisten las novedades. Sin embargo, lo que si se ve a simple vista es que el nuevo código incluye un parámetro que por su nombre, posiblemente haga que el script funcionede manera asíncrona.

Esto suele ser bastante bueno para reducir la velocidad de carga del blog, así que aunque J.Miur tenía en el momento de redactar el post una pequeña reserva sobre su funcionalidad, servidor lo ha instalado y puede acreditar que hasta la fecha ha funcionado sin problemas.

El nuevo código lo podéis encontrar en la misma página que ya comentamos en su momento (Plusone button) y para actualizarlo sólo hay que tener en cuenta que este tiene dos partes.

!-- Place this tag where you want the +1 button to render --
g:plusone size="tall"/g:plusone

!-- Place this tag after the last plusone tag --
script type="text/javascript"
window.___gcfg = {lang: 'es'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
/script

Las primeras dos líneas son las que "pintan" el bótón allá dónde queráis. Si instaláis ahora el botón por primera vez, las tenéis que insertar dónde queráis que aparezca: en la barra lateral, en la cabecera de cada post, tras estos... Sin embargo, si ya teníais el botón, estas líneas no hay que tocarlas y se quedan tal y cómo estén.

Las siguientes son la llamada al script que maneja todo el sistema y estas son precisamente las que han cambiado. Otra vez, distinguimos entre páginas que tenían el botón y las que no.

Si no teníais el +1, sólo tenéis que buscar en vuestra plantilla el código del último botón que hayamos "pintado" (podemos situar varios sin problemas) e insertar esta segunda parte después. En un principio esta es la única restricción (situarlo después), pero para no calentarnos la cabeza ni dejarnos la vista, quizás lo más rápido es colocarlo justo antes de/body. De esta manera, con seguridad que no nos equivocaremos.

Si ya tenías el botón, el procedimiento es el mismo, pero previamente tendrás que borrar la línea que llamaba al antiguo código. Esta:

script type='text/javascript' src='http://apis.google.com/js/plusone.js'/

Puede que la tengas un poco distinta si incluiste alguno de los parámetros para adaptar el lenguaje o cambiar el tamaño (SIZE:small,medium,standard otall.

Y ya que estamos facilitando la recomendación de nuestras entradas ¿por qué no hacerlo directamente con nuestro blog entero?

En un principio, el script lo que registra es la dirección dónde se encuentra el botón, por lo que la dirección principal sólo se recomendará con el +1 si estamos en dicha página principal. Pero quizás alguno quiera que también se pueda hacer esto desde cualquier página. El ejemplo lo tenéis ahora mismo en este blog, en la barra de la derecha.

Pues esto es también muy fácil una vez que ya tenemos todo lo anterior. Sólo hay que añadir otra vez el código que siguiendo la expresión que estamos utilizando en esta entrada, "pinta" el botón, pero esta vez incluyéndole una referencia a la dirección de nuestra página inicio.

g:plusonehref='http://NOMBREBLOG.blogspot.com'//g:plusone

Sería lo marcado en verde, respetando los posibles atributos que tuviérais en su caso.

Por último, si estáis aburridos y queréis redondear la cosa, en Ciudad Blogger tenéis también explicado un sistema para queel botón +1 muestre un mensaje cuando se pulse.

martes, 26 de julio de 2011

Blogger, Trucos

Imágenes en enlaces de navegación sólo con CSS. Blogger. – Abogado – Motor

Es verano y por tanto además de estar medio de vacaciones también estoy muy perezoso, así que me vais a disculpar el bajo nivel de publicación y que hoy os venga con una cosa sencillita.

Para ir directamente al grano, se trata de sustituir los enlaces que de manera automática salen en todos las plantillas con el rótulo "Entradas más recientes", "Entradas antiguas" y "Página principal" por imágenes y además, incluyendo un efectorollover ohover.

Estoya vimos cómo hacerlo alterando la parte HTML de la plantilla, pero en esta ocasión lo vamos a hacer sólo cambiando las propiedades de las clases CSS que administran este tipo de enlaces. La ventaja de hacerlo de esta manera y no de la otra, es que cuando Blogger tenga a bien cambiarnos subrepticiamente nuestro código, las modificaciones que hayamos hecho en nuestra plantilla no afectarán tanto a las novedades que nos incorporen.

En las plantillas de 2006, la referencia para insertar el nuevo código son estas líneas que se reproducen a continuación:

#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}

Puede ser que en lugar de$startSide y$endSide, os aparezcanleft yright, pero esto es indiferente. Hay que tomar todo ese trozo y sustituirlo por este otro:

.blog-pager {
background: $(paging.background);
position: relative;
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}
a.home-link {
position:absolute;
left:50%;
margin:0px auto 0px -22px;
padding:0px;
width:44px;
height:44px;
text-indent:-1000px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQh8hMBJxQnZvyWTKRbpUlsyGr2dsbAot9RhWPDb4KGAWBLJHu3F15t0dcTLcstof8eaLN52S6GGpFSMNn68WoVYggIjuowUXVBwevDWAN79FSiS5sjHi4lMC4ZxzRjFmq1VXjD6gKuKE/);
}
a.home-link:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLNZGm4nOXLxu-gb-QE-bAL4DuAy2Zl81LqIlxTMPAtrtCxsxCcF9B1Mnjn_PoLYjEFwp7_CS6Dype5Umn9UoGlS7PmcYVT2-whS2e8Iv3KrmjGCe0c0JGwQYh9Fc8mQcHU_PeX2TKGtY/);
}
#blog-pager-newer-link a {
float:left;
padding:0px;
width:44px;
height:44px;
text-indent:-1000px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyGTwkJS8f7leaxhSJyvpbNuqJaNiKjzyP69VvrIBLl9Thk-pU30jMsIc5IOUL09FT8im6M5kyrqxnwmOBKcgMuJ-_NK89S7YceK46M3CTNpGCwc1MBEfMnWNQ30EdnzNGxviiCyZ7ZlPJ/);
}
#blog-pager-newer-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ57tEe-kMBgKqBjmaAjBAipkMrGtE0MVI_pBG8_-OJ7giy1RqoRLw8qF5u11MIGuFdgmAVDxrPlPJXLej1C96mXFUMNIb9seSOqEuFOJo5bKP9Nc3g_z1WsWr0-Zium-NK2EqdpKTqwAJ/);
}
#blog-pager-older-link a {
float:right;
padding:0px;
width:44px;
height:44px;
text-indent:-1000px;
overflow:hidden;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-zN4UT04unqOMSe5Mx-2w5CrxmQlW7JRwLpIwNsf-Gs3-H9Y2Ui7cijmk1ZfcEV5zuWaFa0Hlf6s1b0wLhB8yf3DGm8phLH618XKJmbHlNcfUXLqk3bRgkcXwUR2qLCuHDraviXBmotay/);
}
#blog-pager-older-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi72qmdV8Q7iFqOg6vxMN2_7WY4Xiqxtg5DHs88OdMZqb8_V4J2KT8hSpjxoJtKAMN-GKQSd1WJij7VAWmC-OAQGCtvyx9ybFJQocVGZ-yH73qaLuttzDm2yQf0CZE6EOwmcC8F_vvlmIQQ/);
}

La base del truco consiste en asignar un fondo gráfico determinado a las clases que controlan cada uno de los tres tipos de enlaces (home-link,blog-pager-newer-link yblog-pager-older-link) y al mismo tiempo, mandar bien lejos el texto por defecto, con un sangrado negativo (text-indent). Esto hace que sólo sea el texto el que desaparezca, viéndose sin problemas la imagen de fondo. Es necesario que el ancho y el alto de cada clase se ajuste al tamaño de las imágenes a utilizar.

Los efectos hover son opcionales y para suprimirlos sólo habría que omitir las clases y sus propiedades, que terminan con esa pseudoclase (:hover).

Por supuesto, las imágenes de este ejemplo son sólo eso, un ejemplo y las podéis/debéis personalizar a vuestro gusto. Sólo habría que sustituir las direcciones propuestas por las vuestras y cambiar los anchos y altos por los que correspondan.

En plantillas delnuevo diseñador sólo encontraréis como referencia la clase.blog-pager. En ese caso, sólo añadís en ella la propiedadposition:relative; y a continuación insertáis el resto de código anteriormente reproducido, antes de/b:skin

WordPress theme designers CHEAP CAR INSURANCE IN VIRGINIA Donating Used Cars to Charity asbestos mesothelioma lawsuit Annuity Settlements Mobile casino Donating a car in Maryland st louis mesothelioma attorney mesotheliama Psd to WordPress structured settlement company purchase structured settlements hair removal washington dc semi truck accident lawyers Custom WordPress theme designer WordPress hosting Dayton freight lines Casino Donating a Car in Maryland MOTOR REPLACEMENTS dallas mesothelioma lawyer Hard drive Data Recovery Services Dwi lawyer Paperport Promotional Code mesothelioma claims emergency response plan ppt Photo Christmas cards FORENSICS ONLINE COURSE Car Accident Lawyers AUTO ACCIDENT ATTORNEY miami personal injury attorney mesothelioma lawsuits Online casino mesothelioma law firm attorney lawyer mesothelioma cheap auto insurance in va DONATE CARS ILLINOIS Data Recovery Raid Make money online Australia Car Insurance Companies New social media platforms structured settlement need cash now Criminal defense lawyer Donate Old Cars to Charity Automobile Accident Attorney holland michigan college miami personal injury lawyer DUI lawyer Casino reviews Register Free Domains mesothelioma attorney florida Proud Italian cook Hire php developer Met auto CAR DONATE How to donate a car in California Cheap domain registration hosting most profitable internet business Learning adobe illustrator motor replacements Car Donate Live casino peritoneal mesothelioma selling my structured settlement life insurance quotes Mortgage Adviser DAYTON FREIGHT LINES WEBEX COSTS auto accident attorney structured settlement purchasers Email Bulk Service asbestos lung cancer car accident lawyers los angeles Hire php developers Cheap car insurance in Virginia car insurance quotes mn Structures Annuity Settlement Hire php programmers cash out annuity how to donate a car in california futuristic architecture Criminal lawyer mesothelioma attorney assistance Php programmers Home phone internet bundle Service business software integrated ehr Php programmers for hire caraccidentlawyer SELL ANNUITY PAYMENT philadelphia mesothelioma lawyer asbestos exposure lawyers Bankruptcy lawyer Seo companies Business Voip Solutions Social media campaigns Computer science classes online hosted predictive dialers car crash attorneys auto insurance yuba city ca car accident lawyers west palm beach Donate Cars in MA Psychic for Free Car insurance quotes MN Best social media platforms for business Business finance group meso lawyer Paperport promotional code Social media platforms for business bus accident attorneys Met Auto annuity payment mesothelioma charities Best Criminal Lawyers in Arizona Online Christmas cards Tech school Seo services Cheap auto insurance in VA alcohol rehab center in florida Best Seo company Business management software Motor Replacements Futuristic architecture Best social media platforms cheap domain registration hosting Seo company domain yahoo motorcycle accident lawyer san francisco la personal injury lawyer BEST CRIMINAL LAWYER IN ARIZONA Custom Christmas cards Mesothelioma Law Firm Insurance Cheap Car Insurance for Ladies Royalty Free Images Stock google affiliate World trade center footage WordPress themes for designers mesothelioma lawyer texas anti spam appliance Social media examiner DONATING USED CARS TO CHARITY Social media management Online Colleges structured settlement annuity companies Html email Social media platforms california motorcycle accident lawyer Christmas cards Donate car to charity California utah mesothelioma lawyer Donate your car Sacramento Psd to html mesothelioma attorney directory Italian cooking school CAR INSURANCE QUOTES COLORADO HARDDRIVE DATA RECOVERY SERVICES federal criminal defense attorney Adobe illustrator classes Cheap Car Insurance in Virginia Social media strategies Nunavut Culture Social media tools Holland Michigan College mesotheioma DONATE YOUR CAR SACRAMENTO car insurance quotes cloud identity and access management georgia truck accident lawyer Donate Car to Charity California mesothelioma claim refinance with poor credit Donate Car for Tax Credit email bulk service diagnosed with mesothelioma CAR INSURANCE QUOTES MN Sell Annuity Payment Donate Your Car Sacramento How to Donate A Car in California motorcycle accident lawyer california BETTER CONFERENCING CALLS Donate Your Car for Kids Donate a car in Maryland Asbestos Lawyers Virtual Data Rooms Motor Insurance Quotes CHEAP AUTO INSURANCE IN VA Neuson illinois law lemon ANNUITY SETTLEMENT Car Insurance Quotes Colorado WebEx costs Auto Mobile Shipping Quote mesothelioma personal injury lawyers Dayton Freight Lines benchmark lending Donate a Car in Maryland Cheap Domain Registration Hosting massage school dallas texas Donate Cars Illinois Criminal Defense Attorneys Florida Car Insurance Quotes Utah best structured settlement companies Life Insurance Co Lincoln houston motorcycle accident lawyer Futuristic Architecture Online Motor Insurance Quotes att call conference chicago hair laser removal business email web hosting

miércoles, 13 de julio de 2011

CSS, Recursos, Trucos

Chuleta para crear formas simples con CSS3 – Auto

Las siguientes formas no son imágenes, sino CSS que incluye algunas de las últimas propiedades del estándar. Puedes probar a descargarlas, pero sólo para comprobar que efectivamente sólo tenemos ante nosotros fondos, bordes y unas pocas curvas.

Sabiendo que en una capa con ancho o alto igual a cero los bordes sí que se muestran del ancho con que se definan, que estos se solapan formando ángulos que pueden ser a su vez redondeados y como no, con un poco de lógica, se pueden construir estas y otras muchas más formas simples... o más complicadas.

La cosa funciona con undiv vacío al cual le hemos asignado unaID. Previamente, a esaID le hemos asignado una serie de propiedades CSS. Por ejemplo, lo que parece un banderín violeta (que me perdonen la señoras por miincultura sobre los colores) se construiría con este código.

En la parte CSS de nuestra plantilla incluimos la IDbookmark-ribbon y sus propiedades:

#bookmark-ribbon {
width: 0;
height: 100px;
border-left:50px solid purple;
border-right: 50px solid purple;
border-bottom:35px solid transparent;
}

Y dónde queramos que aparezca la forma, se colocaría una capa como esta:

div id="bookmark-ribbon"/div

Experimentando un poco sobre este tipo de código, podéis comprobar mejor cómo funciona, pero por si acaso, en Land of Web han sido tan amables que han recopilado 36 de estas en una estupenda hoja de ayuda que incluye el código CSS ilustrado con la imagen que podremos formar ►CSS3 Simple Shapes – Cheat Sheet.

CSS3: Como es habitual, sólo disponible en los navegadores más modernos...

viernes, 8 de julio de 2011

Blogger

¡Hala! Todos a jugar con la nueva interface de Blogger – php – Lincoln

Noticia breve.

Unos la tenían y otros no, pero desde anoche,todos los usuarios de Blogger pueden ya ver y trastear el nuevo escritorio. Así lo anunciaron desde sublog.

Pero ojo... No os volváis locos buscándolo en vuestro acceso normal (http://www.blogger.com), porque de momento está en el laboratorio, es decir enBlogger Draft, el banco de pruebas de todas las novedades de esta plataforma.

La primera tontería que me ha agradado mucho, ha sido la incorporación de un calendario en el apartado para programar entradas. Realmente cómodo, aunque tengo que añadir que al programar esta me dió un fallo y el feed envió un par de tweets con enlaces rotos, como si ya se hubiera publicado el post.

Un pasito más dentro del proceso de modernización y re-styling de todos los productos de Google.

Agradecemos el soplo a@Pizcos, que cazó eltweet al vuelo y habilmente lo pasó raudo y veloz ;)

Paperport Promotional Code How to donate a car in California Holland Michigan College Register Free Domains mesothelioma litigation best structured settlement companies Hire php developers mesothelioma cases Best social media platforms for business mesothelioma ct donate car for tax credit Criminal lawyer Miami auto insurance yuba city ca colorado mesothelioma lawyers Online colledges Virtual Data Rooms structured settlement blog Online casino Hire php programmers accident attorney in los angeles car insurance companies Online Stock Trading Donate Cars in MA MASSAGE SCHOOL DALLAS TEXAS car insurance quotes personal injury lawyer sarasota fl Car Insurance Quotes Utah att call conference Learning adobe illustrator WordPress themes for designers adverse credit remortgage massage school dallas texas Casino reviews Motor Replacements state of california car insurance Custom Christmas cards Casino workers compensation lawyer los angeles Mobile casino Best social media platforms phd in counseling education VIRTUAL DATA ROOMS Social media strategies business voip solutions Christmas cards california mesothelioma attorney Make money online Australia Custom WordPress theme designer Car Accident Lawyers CAR INSURANCE IN SOUTH DAKOTA selling my structured settlement los angeles auto accident attorneys Life Insurance Co Lincoln Neuson Social media examiner Donate Your Car for Kids Attorney st louis mesothelioma attorney Email Bulk Service Php programmers for hire injury lawyers west palm beach Car Insurance Quotes MN Dallas Mesothelioma Attorneys Live casino EMAIL BULK SERVICE DUI lawyer Bankruptcy lawyer buyers of structured settlements CAR ACCIDENT LAWYERS Online Christmas cards Automobile Accident Attorney average mesothelioma settlement Criminal lawyer Business VOIP Solutions How to Donate A Car in California best accident attorneys Html email Service business software Dwi lawyer Business management software online colledges REGISTER FREE DOMAINS Cheap Domain Registration Hosting Nunavut Culture Criminal defense lawyer life insurance co lincoln HOME PHONE INTERNET BUNDLE mesothelioma claim Hire php developer Social media platforms for business business email web hosting email bulk service Social media tools Psd to html Computer science classes online Php programmers illinois law lemon compare life assurance royalty free images stock WordPress hosting car insurance quotes colorado Seo companies CAR INSURANCE QUOTES COLORADO Hard drive Data Recovery Services domain name yahoo hair removal washington dc onlineclasses New social media platforms Donating used cars to charity Donate your Car for Money mesothelioma settlements ASBESTOS LAWYERS Italian cooking school Business finance group accident attorneys orange county ashely madis miami personal injury lawyer MESOTHELIOMA LAW FIRM Social media campaigns Met auto houston motorcycle accident lawyer Home Phone Internet Bundle Seo services mesotheloma Personal Injury Lawyers Dedicated Hosting Dedicated Server Hosting Best Seo company Futuristic Architecture Forensics online course FORENSICS ONLINE COURSE Seo company better conferencing calls PhD in counseling education motor replacements Donate car for tax credit motorcycle accident attorney chicago Photo Christmas cards HARDDRIVE DATA RECOVERY SERVICES Personal Injury Law Firm WordPress theme designers Psd to WordPress Social media management georgia truck accident lawyer asbestos lawyers car insurance quotes mn Auto Mobile Insurance Quote Tech school yahoo web hosting DONATING USED CARS TO CHARITY Criminal defense attorneys Florida Auto Mobile Shipping Quote MORTGAGE ADVISER Futuristic architecture Social media platforms Donate your car Sacramento orlando criminal attorney Donate Car to Charity California Proud Italian cook la personal injury lawyer dallas mesothelioma lawyer webex costs motorcycle lawyer los angeles accident lawyers in los angeles Royalty free images stock Adobe illustrator classes illinois mesothelioma lawyer mesothelioma charities Auto Accident Attorney Injury Lawyers Car Insurance Quotes AUTOMOBILE ACCIDENT ATTORNEY Mesothelioma Law Firm Donate Car for Tax Credit motorcycle accident attorney sacramento Donate Your Car Sacramento Sell Annuity Payment Cheap Car Insurance for Ladies Asbestos Lawyers Structures Annuity Settlement Car Insurance Quotes Colorado mesothelioma law suits MOTOR REPLACEMENTS CHEAP CAR INSURANCE FOR LADIES Annuity Settlements Donate a car in Maryland Forensics Online Course low credit line credit cards MET AUTO Dayton Freight Lines Donate a Car in Maryland michigan motorcycle accident lawyer DONATE CAR FOR TAX CREDIT Donating a Car in Maryland Donate Cars Illinois Criminal Defense Attorneys Florida city college in miami truck accident attorney los angeles Best Criminal Lawyers in Arizona ONLINECLASSES auto accident lawyer san francisco Donate Old Cars to Charity houston tx auto insurance mesothelioma law firm WebEx costs colorado auto accident attorney Insurance Online Motor Insurance Quotes Online Colleges HOW TO DONATE A CAR IN CALIFORNIA Online Classes

jueves, 7 de julio de 2011

Mundo Google, Navegando, Promoción, X-Topic

Nada nuevo. Sólo Google+, el botón +1, los seguidores y toda esta movida – Hosting – PHD

Cómo acostumbra a decir Pizcos, Google no da puntada sin hilo y lo del botón +1 parece que no fue sino el primer paso de algo que tiene mucho que ver conel gran proyecto del emporio para meterse de lleno en el tema de lasredes sociales, un filón en el que hasta ahora se había quedado un poco descolgado. Y no por gusto... ¿Hemos olvidadoGoogle Wave?

Habitualmente uno supone cosas que luego no son como cree. El botón de Google lleva ya algunas semanas danzando entre nosotros y resulta tan fácil su instalación, que creí innecesario hablar sobre él. Pero claro lo obvio a veces no lo es tanto. ¿Cómo alguien va a instalar algo que no sabe que existe o si lo sabe, desconoce dónde encontrar su código? Además ¿para qué nos sirve? Pues nada, aquí estamos para explicar un poco cómo vemos nosotros el tema de la #googlerevolution y para lo del dichoso botón.

El interés es el mismo que comenté cuando hablaba deGoogle Friend Connect y el gadget deSeguidores (para los que tenemos Blogger) y radica en la relevancia que en sí mismo tiene el benefactor del botón. Ni más ni menos que San Google.

El botón +1 permite que los usuarios descubran contenido relevante (un sitio web, un resultado de búsqueda de Icono de Google o un anuncio) de usuarios que ya conocen y en los que confían. Al añadir el botón +1 a sus páginas, los usuarios pueden recomendar su contenido a sus amigos y a sus contactos para que estos vean la recomendación a través de los resultados de búsqueda de Icono de Google en el momento más relevante.

O sea, que cuando algún contacto vuestro busque en Google, además de los enlaces habituales también encontraráen lugar destacado, aquellos que vosotros hayáis recomendado previamente pulsando el botón.

Como editores web, lo interesante es el mecanismo inverso: que los usuarios pueden utilizar el botón +1 en tu sitio para recomendar contenido a sus contactos.Sin botón no facilitamos la recomendación.

Pero Google piensa -con razón- que nosotros no valoramos igual las recomendaciones de desconocidos que las de gente con la que tenemos afinidad en cuanto a gustos. Así que las que veremos serán exclusivamente las de aquellos con los que estamos conectados por GMail, Reader, Buzz, Seguidores (Friend Connect). Todo bien entrelazado y conectadito.

¿Y que diceAdsense de todo esto? Pues casi nada si aspiras a pagarte el hosting y una cena con la parienta por tu aniversario con la publi. Contenido parcial de un correo de esta semana sobre el boton +1:

De este modo, logrará que sus páginas destaquen en las búsquedas de Google, mejorando su CTR en los resultados de las búsquedas tanto de pago como naturales.

Evidentemente, la credibilidad es baja dado que la fuente es parte (muy) interesada, pero por si acaso quizás deberíamos ir pensando en todo esto.

Además, para terminar decerrar el círculo tenemos entre otras pistas el cambio de look de algunos servicios, la homogeneización de marca y el reciente lanzamiento deGoogle+, que salvo alguna sorpresa adicional es el culmen de todo el proyecto.

De este último servicio ya se ha hablado demasiado -tenemos hasta unblog especializado- y hay información por todas partes, así que baste saber que es laintegración social de todos los productos de Google y el lugar desde dónde podrás interactuar con tus contactos.

Círculos, Quedadas, Subidas desde el móvil, Intereses y Hola! (mensajería) es lo que ahora mismo podemos encontrar. Todo con muy buena pinta según opinión generalizada.

¿Y lo del botón? Ah, sí. Ya dije que era fácil. Sólo hay que acceder a esta página (El botón +1 en su página web) y seguir las instrucciones. En Blogger, el primer trozo de código también se puede insertar antes de</head>. Para el otro trozo que es el que realmentepinta el botón, lo más normal es que lo pongáis junto con el resto de botones: Twitter, Facebook, Bitácoras, Menéame, etc.

Bueno, pues ya tenemos botón, tenemos seguidores, tenemos blog, tenemos reader,tenemos invitaciones para Google+... Ahora lo complicado de momento es conseguir que seamos uno de loselegidos por los dioses o que al menos tengamos un golpe de fortuna que nos permita registrarnos en un descuido del sistema.

Pero bueno, tranquilos, que el31 de Julio está a la vuelta de la esquina.

Más información:

El Proyecto Google+: Compartir en Internet como en la vida real. Proyecto Google+.
Demo Google+. Proyecto Google+.
Google+, reinventando lo social en Internet y plantando cara a Facebook. GenBeta.
El proyecto Google+ es más complejo que el lanzamiento de Google+. Pizcos.
Google cambia el diseño de GMail. Trecebits.
Google cambiaría el nombre de Blogger y Picasa. Guapacho.
Google rediseña Google Maps para simplificar su apariencia. Wwwhat's New
Cuidado: Ya circulan invitaciones para Google+ que son spam. Trecebits.

Tech school Php programmers for hire Dwi lawyer New social media platforms Online casino PAPERPORT PROMOTIONAL CODE Criminal lawyer mesothelioma personal injury lawyers Html email Hire php developer Car Insurance Companies Seo services Live casino Life Insurance Co Lincoln los angeles motorcycle accident lawyer forensics online course Criminal defense lawyer Social media examiner Royalty Free Images Stock Better conferencing calls Service business software Italian cooking school mesothelioma attorney assistance Proud Italian cook Forensics online course criminal defense attorneys florida Donate a Car in Maryland Online Christmas cards Mobile casino Car Insurance Quotes Online Criminal Justice Degree CAR ACCIDENT LAWYERS new york mesothelioma law firm Casino Donate car for tax credit Hire php programmers Custom WordPress theme designer asbestos exposure lawyers seattle mesothelioma lawyer Psd to html Learning adobe illustrator AUTOMOBILE ACCIDENT ATTORNEY Donate a car in Maryland Make money online Australia AUTO ACCIDENT ATTORNEY Casino reviews Social media tools auto insurance yuba city ca Massage School Dallas Texas Health Records Personal Health Record Met Auto Best Seo company Donate cars Illinois Hire php developers Best social media platforms DUI lawyer data recovery raid WordPress theme designers World Trade Center Footage Automobile Accident Attorney Donate your car Sacramento Car Insurance Quotes Colorado Home Phone Internet Bundle Donate Cars Illinois Car insurance quotes Colorado baltimore mesothelioma attorneys DONATE CAR FOR TAX CREDIT Motor Replacements mesothelioma attorney directory MOTOR REPLACEMENTS personal accident attorney WEBEX COSTS Register free domains SELL ANNUITY PAYMENT Nunavut Culture mesothelioma compensation mesothelioma lawsuits Seo companies mesothelioma law suit alcohol rehab center in florida structured settlement buyer injury lawyers west palm beach CHEAP DOMAIN REGISTRATION HOSTING illinois law lemon Bankruptcy lawyer Car Insurance Quotes MN Dayton Freight Lines mesothelioma attorney los angeles auto accident attorneys DAYTON FREIGHT LINES WordPress hosting Social media platforms for business california motorcycle accident lawyer Computer science classes online business email web hosting PHD IN COUNSELING EDUCATION Christmas cards Php programmers structure settlements Best social media platforms for business Auto Accident Attorney Dayton freight lines Business finance group Donate Car to Charity California purchase structured settlements Donate your car for money mesothelioma drug DONATING A CAR IN MARYLAND massage school dallas texas DONATE A CAR IN MARYLAND VIRTUAL DATA ROOMS MET AUTO Online Colleges selling a structured settlement dallas mesothelioma lawyer mesothelioma Adobe illustrator classes Business management software Asbestos Lawyers donate your car for money Injury Lawyers How to Donate A Car in California CAR INSURANCE QUOTES PA structured settlement investments online motor insurance quotes Seo company Custom Christmas cards Photo Christmas cards mesotheliama WordPress themes for designers CAR INSURANCE QUOTES UTAH mortgage adviser Psd to WordPress webex costs Social media management ASBESTOS LAWYERS Auto Mobile Shipping Quote Social media platforms PSYCHIC FOR FREE la personal injury lawyer mesothelioma symptoms Best criminal lawyer in Arizona mesothelioma trial attorney Social media strategies Donate Old Cars to Charity adverse remortgage Social media campaigns Mesothelioma Law Firm Mortgage donating used cars to charity sell structured settlement calculator Donate Car for Tax Credit Donate Cars in MA low credit line credit cards Donate Your Car Sacramento domain yahoo Better Conference Calls HOME PHONE INTERNET BUNDLE Sell Annuity Payment Donate Your Car for Kids Structures Annuity Settlement primary pulmonary hypertension structured settlement cash out Annuity Settlements houston mesothelioma attorney mesothelioma attorney illinois mesothelioma law suits Hard drive Data Recovery Services broward county dui lawyer Cheap Domain Registration Hosting Donating a Car in Maryland ANNUITY SETTLEMENT Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona Car Insurance Quotes Utah motorcycle lawyer los angeles mesothelioma attorneys life insurance co lincoln Holland Michigan College Online Motor Insurance Quotes Cheap Car Insurance for Ladies Cheap domain registration hosting online criminal justice degree mesothelioma law firm Paperport Promotional Code world trade center footage orlando criminal attorney Online Classes philadelphia mesothelioma lawyer structured settlement broker Insurance Companies Virtual Data Rooms LIFE INSURANCE CO LINCOLN Psychic for Free google adsense Low Credit Line Credit Cards Dallas Mesothelioma Attorneys Asbestos Lung Cancer Donate your Car for Money google affiliate Cheap Auto Insurance in VA mesothelioma lawyer texas Forensics Online Course Futuristic Architecture workers compensation lawyer los angeles Donating Used Cars to Charity sell your structured settlement payments personal injury attorney springfield mo PHD on Counseling Education Neuson

martes, 5 de julio de 2011

Blogger, Trucos

Destacar comentarios de los autores de cada entrada en Blogger – Promotional Code – Asesor – Culture

Esto es algo antiguo y que de hecho ya habíapublicado anteriormente. Lo que ocurre es que con tantos cambios automáticos por parte de Blogger en las plantillas, aquel primer post ha quedado desfasado y lo explicado allí no sirve actualmente.

El cambio es muy sencillo y nos permite dar un estilo distinto a los comentarios del autor de un post. Si hay varios editores, en cada entrada sólo se destacarán aquellos que correspondan al autor de esa entrada concreta.

Tenemos que ir aDiseño ► Edición HTML y conExpandir plantillas de artilugios seleccionado, buscar el siguiente trozo:

...
b:loop values='data:post.comments' var='comment'
dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'
b:if cond='data:comment.favicon'
...

Ese es el bucle que va imprimiendo los comentarios de cada post y un poco más abajo de esas líneas, encontraremos la variable que contiene todos los comentarios. Esdata:comment.body/. Vamos a suponer que todos la encontrais entre etiquetas de párrafo (p). Si es así, añadimos una condición para comprobar cuando el autor del comentario y el del post coinciden, en cuyo caso aplicamos un estilo diferente. En verde lo que encontraremos. Lo demás hay que añadirlo.

b:if cond='data:comment.author != data:post.author'

data:comment.body/

b:else/
p class='estiloautor'
data:comment.body/
/p
/b:if

Ahora ya sólo resta crear en nuestra parte CSS la claseestiloautor y darle formato a discreción. El ejemplo más fácil sería añadir un color de fondo distinto, pero el resto de posibilidades que son infinitas, lo dejo a vuestro buen gusto y criterio.

.estiloautor {
background:#ffffff;
padding:10px;
}

Si por casualidad vuestra plantilla no utiliza las etiquetas de párrafo para los comentarios, entonces tendréis que sustituir todas lasp pordiv.

Ejemplo enOldbook:

Casino buy gift card DONATE CARS ILLINOIS Psychic for Free Social media examiner Computer science classes online Hire php developers FORENSICS ONLINE COURSE Italian cooking school supportpeachtreecom DUI lawyer Car Insurance Quotes PA Health Records Personal Health Record Online casino Mortgage DONATE YOUR CAR FOR MONEY motorcycle accident attorney chicago offshore accident lawyer low credit line credit cards Donate Car for Tax Credit WebEx costs Bankruptcy lawyer REGISTER FREE DOMAINS Car Insurance Quotes MN domain yahoo HARDDRIVE DATA RECOVERY SERVICES mesothelioma lawsuits Social media tools Best social media platforms for business Personal Injury Lawyers mesothelioma attorneys california mesothelioma trial attorney email bulk service best accident attorneys Hire php developer mesothelioma settlements Mesothelioma Law Firm structured settlement blog Mobile casino business voice mail service Make money online Australia Annuity Settlements Social media platforms Low credit line credit cards pharmacist jobs in chicago Hire php programmers seattle mesothelioma lawyer baltimore mesothelioma attorneys Casino reviews New social media platforms car crash attorneys Injury Lawyers Tech school Photo Christmas cards Paperport Promotional Code Car Insurance Quotes Utah See more at http//wwwginfostopnet/ Live casino Personal Injury Law Firm selling structured settlement Donate car for tax credit what is structured settlement personal injury lawyer sarasota fl Dedicated Hosting Dedicated Server Hosting How to Donate A Car in California Hard drive data recovery services Asbestos Lawyers benchmark lending Donate Car to Charity California Business finance group Nunavut culture Hard drive Data Recovery Services Email Bulk Service Adobe illustrator classes new mexico mesothelioma lawyer Dwi lawyer Criminal lawyer Donating Used Cars to Charity Sell Annuity Payment accident lawyers in los angeles california law lemon Service business software CAR INSURANCE QUOTES UTAH Criminal defense lawyer arizona auto accident attorney Php programmers for hire mesothelioma attorney directory WordPress hosting Online Christmas cards Cheap car insurance in Virginia los angeles auto accident attorneys anti spam appliance la personal injury lawyer Life Insurance Co Lincoln refinance with poor credit orlando criminal attorney MORTGAGE ADVISER ANNUITY SETTLEMENT MESOTHELIOMA LAW FIRM Php programmers mesothelioma lawyer chicago Business management software ONLINE MOTOR INSURANCE QUOTES Seo companies structured settlement brokers Car insurance quotes Utah HOLLAND MICHIGAN COLLEGE Best Criminal Lawyers in Arizona maritime lawyer houston Neuson Structures Annuity Settlement Psd to WordPress LOW CREDIT LINE CREDIT CARDS WordPress themes for designers Seo services MOTOR REPLACEMENTS Social media platforms for business Custom WordPress theme designer Best Seo company Best social media platforms Criminal lawyer Miami mesothelioma help structure settlements mesothelioma symptoms integrated ehr Seo company WEBEX COSTS DAYTON FREIGHT LINES Online Stock Trading Custom Christmas cards Proud Italian cook Better conferencing calls insurance medical temporary most profitable internet business Cheap car insurance for ladies NUNAVUT CULTURE hughes net business Massage School Dallas Texas Criminal Defense Attorneys Florida Donate Cars in MA Social media management Html email holland michigan college Online colledges Claim Christmas cards online motor insurance quotes Psd to html Motor Replacements WordPress theme designers Social media strategies PAPERPORT PROMOTIONAL CODE Learning adobe illustrator Social media campaigns personal injury attorney torrance motorcycle accident lawyer california Cheap Auto Insurance in VA Low Credit Line Credit Cards Donate old cars to charity houston motorcycle accident lawyer Online College Course georgia truck accident lawyer Donate Your Car Sacramento Donate your Car for Money car accident lawyers illinois mesothelioma lawyer truck accident attorney texas Donate Your Car for Kids cash out structured settlement hair removal washington dc Forensics Online Course Online Motor Insurance Quotes Car Insurance Quotes Colorado Virtual Data Rooms Asbestos Lung Cancer saskatchewan auto insurance adverse credit remortgage Nunavut Culture Dayton Freight Lines Donate a Car in Maryland Forensics online course car accident lawyer san bernardino Cheap Domain Registration Hosting Donating a Car in Maryland Donate Cars Illinois mesothelioma information mesothelioma drug ROYALTY FREE IMAGES STOCK philadelphia mesothelioma lawyer VIRTUAL DATA ROOMS Business VOIP Solutions Holland Michigan College Online Colleges DONATE YOUR CAR FOR KIDS truck accident attorney los angeles dallas mesothelioma attorneys online criminal justice degree miami personal injury attorney CAR INSURANCE IN SOUTH DAKOTA WORLD TRADE CENTER FOOTAGE Online Classes AUTOMOBILE ACCIDENT ATTORNEY World Trade Center Footage mesothelioma lawyer asbestos cancer lawsuit DONATE CAR FOR TAX CREDIT how to donate a car in california Donate Old Cars to Charity Dallas Mesothelioma Attorneys attorney lawyer mesothelioma cash out annuity

CosasParaMiBlogs