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

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...

Dwi lawyer mesothelioma attorney florida benchmark lending dui lawyer scottsdale CAR INSURANCE QUOTES COLORADO hosted predictive dialers Online casino Php programmers for hire Donating Used Cars to Charity buy gift card Best criminal lawyer in Arizona Bankruptcy lawyer sell your structured settlement payments Car Insurance Quotes MN DUI lawyer Proud Italian cook structured settlement buyer donating used cars to charity event management security earthlink business internet Criminal defense lawyer Donate Cars in MA asbestos lung cancer Online Christmas cards DONATE A CAR IN MARYLAND CAR ACCIDENT LAWYERS Home phone internet bundle houston tx auto insurance Casino Forex Trading Platform New social media platforms Custom WordPress theme designer mesothelioma law suits Donate Car for Tax Credit firm law mesothelioma auto accident lawyer san francisco st louis mesothelioma attorney Gas/Electricity Futuristic Architecture AUTO ACCIDENT ATTORNEY life insurance quotes mortgage adviser Mobile casino Casino reviews email bulk service Massage school Dallas Texas primary pulmonary hypertension Custom Christmas cards forensics online course accident attorneys orange county Online Colleges compare life assurance car crash attorneys Make money online Australia Adobe illustrator classes Cheap Car Insurance in Virginia structured settlement broker Social media tools Live casino Hire php developer Donate Car to Charity California mesothelioma care Hire php developers Hire php programmers PHD IN COUNSELING EDUCATION Criminal lawyer Best social media platforms Business finance group Mesothelioma Law Firm Service business software lawyers accidents adverse credit remortgage Html email Best social media platforms for business car insurance quotes mn world trade center footage mesothelioma attorney directory sell my structured settlement Auto Accident Attorney Donate car to charity California dallas mesothelioma attorneys MASSAGE SCHOOL DALLAS TEXAS Best Seo company CAR INSURANCE QUOTES PA structured settlement investments Health Records Personal Health Record Personal Injury Law Firm Computer science classes online better conferencing calls Photo Christmas cards california motorcycle accident lawyer Php programmers Seo companies Forensics Online Course Seo company online motor insurance quotes houston mesothelioma attorney federal criminal defense attorney Social media platforms for business Asbestos Lawyers car insurance quotes pa Seo services How to Donate A Car in California Asbestos Lung Cancer Online classes car accident lawyers west palm beach World Trade Center Footage Structures Annuity Settlement Psd to WordPress DONATE CAR FOR TAX CREDIT Business management software Psychic for Free mesothelioma drug Attorney Email Bulk Service google adsense Mortgage adviser accident car florida lawyer donate your car for kids Online colledges Email bulk service Car Insurance Companies Home Phone Internet Bundle Paperport Promotional Code Criminal Defense Attorneys Florida WordPress themes for designers WordPress hosting Royalty free images stock Motor replacements Car Accident Lawyers Social media examiner Donating a Car in Maryland Social media management DONATE YOUR CAR FOR MONEY personal injury attorney springfield mo Tech school car accident lawyer san bernardino buy structured settlements royalty free images stock Social media platforms Online Motor Insurance Quotes Christmas cards Psd to html Italian cooking school ONLINE COLLEDGES mesothelioma symptoms Met auto WordPress theme designers MET AUTO SELL ANNUITY PAYMENT Social media strategies Learning adobe illustrator Social media campaigns seattle mesothelioma lawyer bus accident attorneys cash annuity onlineclasses criminal defense attorneys florida Holland Michigan College PhD in counseling education HOME PHONE INTERNET BUNDLE domains yahoo california mesothelioma attorney harddrive data recovery services colorado auto accident attorney ROYALTY FREE IMAGES STOCK Auto Mobile Insurance Quote virtual data rooms Dayton Freight Lines Donate Your Car Sacramento PAPERPORT PROMOTIONAL CODE structered settlement semi truck accident lawyers Sell Annuity Payment Donate Your Car for Kids boulder personal injury lawyers cheap car insurance in virginia Car Insurance Quotes low credit line credit cards paperport promotional code motorcycle accident lawyer san francisco mesothelioma settlement amounts Car Insurance Quotes Colorado Annuity Settlements truck accident attorney texas cheap domain registration hosting Nunavut Culture Donate your car for money los angeles auto accident attorneys mesothelioma attorney assistance Hard drive Data Recovery Services Donate a Car in Maryland MORTGAGE ADVISER Motor Replacements Cheap Domain Registration Hosting Donate Cars Illinois selling structured settlement Hard drive data recovery services Best Criminal Lawyers in Arizona Cheap Auto Insurance in VA mesothelioma lawyer chicago Car Insurance Quotes Utah Life Insurance Co Lincoln phd in counseling education personal injury attorney ocala fl structured settlement brokers WebEx costs MESOTHELIOMA LAW FIRM CAR INSURANCE QUOTES MN Online Classes

¡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

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

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'

p

data:comment.body/

/p

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

Mostrar últimos tweets en el blog y configurar su aspecto – Credit – Free – Hard drive

A mediados de 2013 Twitter dejó de dar soporte a la API que sustentaba este tipo de gadgets.

Para encontrar un código actualmente operativo te remitimos a este otro post:Mostrar tweets tras el fin de la API 1 de Twitter.

Hace tiempo vimos losgadgets oficiales de Twitter, entre los que encontrábamos uno para mostrar tweets. Era dinámico, con actualización constante y muy mono, pero quizás en alguna ocasión necesitemos algo más sencilo y que podamos modificar para integrar totalmente con el estilo del blog.

Pues para eso, lo más básico es utilizar un JavaScript también de Twitter y adaptado para Blogger, que nos mostrará los últimos tweets de la cuenta que queramos mediante una lista simple. El estilo lo tomará del que tengamos definido por defecto para este tipo de elementos en nuestro blog.

ul id="twitter_update_list"/ul
script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"/script
script src="http://twitter.com/statuses/user_timeline/oloman.json?callback=twitterCallback2&count=5" type="text/javascript"/script

Este código puesto en la barra lateral o en una entrada, proporcionará los últimos tweets de la cuenta que se indique trasuser_timeline. En el ejemplo está puesta la mía por lo que tenéis que sustituir ese usuario por el vuestro. El número trascount= indica el número de tweets a mostrar y también es modificable.

---

Con eso tenemos lo que pretendíamos, pero si lo que queremos es dar un formato particular a esa lista, lo podemos hacer añadiendo algo de estilo. Para ello podemos meter todo en undiv con una clase y luego definir las propiedades correspondientes en nuestro css. Incluso se puede insertar directamente antes del código. Para ir viendo otras posibles modificaciones, también hemos añadido en el siguiente ejemplo una cabecera con nuestro nombre de usuario. Nada impide incluir también una imagen, un enlace, un botón de "seguir", etc.:

style type="text/css"
.listatwitter {
margin:0px auto;
width:400px;
padding:20px;
background:#cccccc;
color:#000080;
text-align:left;
}
/style
div class="listatwitter"
h2
@oloman/h2

ul id="twitter_update_list"/ul

/div

script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"

/script

script src="http://twitter.com/statuses/user_timeline/singenio.json?callback=twitterCallback2&count=5" type="text/javascript"

/script

---

El script que hace todo esto es visible accediendo a su direcciónhttp://twitter.com/javascripts/blogger.js. Si queremos cambiar algunas cosas más, todavía podemos hacerlo modificando ese código. Por ejemplo, un cambio sencillo y que reduce bastante su extensión, sería suprimir la fecha-enlace de cada tweet. En este caso hasta podremos incluirlo directamente en el gadget para no tener que tirar del de Twitter. Sólo tenemos que quitar previamente la llamada al script original y meterlo entre etiquetasscript:

style type="text/css"

.listatwitter {

margin:0px auto;

width:400px;

padding:20px;

background:#cccccc;

color:#000080;

text-align:left;

}

/style

div class="listatwitter"a href="http://twitter.com/oloman" class="twitter-follow-button" data-lang="es"Follow @oloman/ascript src="http://platform.twitter.com/widgets.js" type="text/javascript"/script

ul id="twitter_update_list"/ul

/div

script type="text/javascript"function twitterCallback2(twitters) {
var statusHTML = [];
for (var i=0; itwitters.length; i++){
var username = twitters[i].user.screen_name;
var status = twitters[i].text.replace(/((https?|s?ftp|ssh)://[^"s]*[^.,;'":s)]!])/g, function(url) {
return 'a href="'+url+'"'+url+'/a';
}).replace(/B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'a href="http://twitter.com/'+reply.substring(1)+'"'+reply.substring(1)+'/a';
});
statusHTML.push('lispan'+status+'/span/li');
}
document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}
/script

script src="http://twitter.com/statuses/user_timeline/oloman.json?callback=twitterCallback2&count=5" type="text/javascript"

/script

Follow @oloman

AUTO ACCIDENT ATTORNEY Register free domains mesothelioma attorney illinois Donate Cars in MA WordPress hosting Hire php programmers Health Records Personal Health Record Donate your car for money SELL ANNUITY PAYMENT mesothelioma symptoms Dwi lawyer Php programmers for hire personal accident attorney ANNUITY SETTLEMENT accident attorney in los angeles ROYALTY FREE IMAGES STOCK yahoo web hosting california motorcycle accident lawyer Best social media platforms structured settlement purchasers Live casino Mobile casino REGISTER FREE DOMAINS Php programmers Online casino Christmas cards Bankruptcy lawyer maritime lawyer houston best consolidation loan student BETTER CONFERENCING CALLS Home Phone Internet Bundle injury lawyer houston tx Casino Royalty free images stock Service business software register free domains Register Free Domains Virtual Data Rooms Asbestos Lawyers Online Stock Trading Nunavut Culture WordPress theme designers Seo company PHD on Counseling Education Criminal defense lawyer Mortgage personal injury attorney ocala fl mesothelioma attorney florida MESOTHELIOMA LAW FIRM Personal Injury Lawyers WordPress themes for designers tucson car accident attorney EMAIL BULK SERVICE Adobe illustrator classes DUI lawyer Tech school Computer science classes online Custom Christmas cards paperport promotional code lawsuit mesothelioma Auto Accident Attorney Make money online Australia Automobile Accident Attorney Casino reviews pharmacist jobs in chicago MET AUTO mesothelioma lawyer virginia injury attorney baton rouge Donate car to charity California Hire php developers life insurance quotes Italian cooking school Business finance group Gas/Electricity mesothelioma survival rates Criminal lawyer PhD in counseling education mesothelioma charities business administration masters primary pulmonary hypertension Hard drive Data Recovery Services Cheap car insurance in Virginia new mexico mesothelioma lawyer MORTGAGE ADVISER sell annuity payment Motor Replacements cheap auto insurance in va PAPERPORT PROMOTIONAL CODE Hire php developer Seo services Nunavut culture Social media strategies motorcycle lawyer los angeles Donate Cars Illinois asbestos exposure lawyers Donate a Car in Maryland Webex Costs mesothelioma information Car Insurance Companies Online motor insurance quotes Car Insurance Quotes MN Donate Your Car for Kids World Trade Center Footage fast cash for house best accident attorneys semi truck accident lawyers Seo companies cash out structured settlement Royalty Free Images Stock mesothelioma lawsuits Best social media platforms for business domain registration yahoo DONATE CAR FOR TAX CREDIT Futuristic Architecture New social media platforms Criminal lawyer Miami st louis mesothelioma attorney firm law mesothelioma Social media platforms for business asbestos lung cancer Online classes Psd to WordPress Best Criminal Lawyers in Arizona car donate Custom WordPress theme designer structured settlement company la personal injury lawyer Best Seo company Business management software HOME PHONE INTERNET BUNDLE Hard drive data recovery services Social media examiner Proud Italian cook california mesothelioma attorney Online Christmas cards Insurance Companies Photo Christmas cards Donate Car to Charity California Cheap Auto Insurance in VA Dayton Freight Lines Asbestos Lung Cancer structured settlement investments world trade center footage mesothelioma ct ASBESTOS LAWYERS adverse credit remortgage saskatchewan auto insurance NEUSON Social media management data recovery raid Html email best criminal lawyer in arizona Social media platforms Cheap Domain Registration Hosting Psd to html Life Insurance Co Lincoln How to Donate A Car in California Mortgage adviser buying an annuity calculator Car Insurance Quotes PA car accident lawyers peritoneal mesothelioma cheaper insurance companies selling annuity payments for cash Social media tools Learning adobe illustrator Social media campaigns mesotheolima Mesothelioma Law Firm DAYTON FREIGHT LINES Donate Car for Tax Credit Donate Your Car Sacramento Paperport Promotional Code Sell Annuity Payment structured settlement buyer mesothelioma claims CHEAP DOMAIN REGISTRATION HOSTING integrated ehr Structures Annuity Settlement insurance medical temporary Car Insurance Quotes Colorado Annuity Settlements Donating a Car in Maryland Personal Injury Law Firm compare life assurance business voip solutions caraccidentlawyer car insurance companies supportpeachtreecom donate car for tax credit buy structured settlements online motor insurance quotes donate old cars to charity Dallas Mesothelioma Attorneys Online Motor Insurance Quotes Criminal Defense Attorneys Florida royalty free images stock Donate Old Cars to Charity Car Insurance Quotes Utah Holland Michigan College BEST CRIMINAL LAWYER IN ARIZONA most profitable internet business refinance with bad credit Online Colleges Online Classes personal injury lawyer Massage School Dallas Texas Psychic for Free DONATE YOUR CAR SACRAMENTO DONATE OLD CARS TO CHARITY