CosasParaMiBlogs

jueves, 6 de septiembre de 2012

Twitter trackbacks. Mostrar menciones a un post – Accident – Service

Desde Junio de 2013 Twitter ha dejado de dar soporte a la versión 1 de su API que es la que usa este gadget, así que ya no funciona. Si sigues necesitando publicar tus últimos tweets de manera personalizada, aquí tienesotro sistema.

Este es un interesante cacharrito desarrollado porMore Tech Tips y hecho con JavaScript aprovechando la API deTopsy.

Con él podemos incrustar en cualquier parte del blog los tweets que incluyen un enlace a la página que se está visualizando. El aspecto del gadget se puede personalizar y cada tweet mostrado incluye los típicos enlaces para respuestas yretweets.

Además, una serie de variables nos permitirán cambiar también la manera en que aparecen los tweets: en modo rotador con fade entre mensajes, múltiples tweets al mismo tiempo o incluso foto fija en plan lista.

El código del script está disponible para descargar en este enlace deGoogle Code en versión comprimida o normal, aunque la más extensa sólo pesa 6,4KB.

La forma de instalarlo es simple:

1. Añadir jQuery a la plantilla antes del/head (si ya lo tenéis, este paso hay que saltarlo):

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/script

2. Dónde queráis que aparezcan los tweets se incluye una capa con clasetwitter-trackbacks con sólo un texto que se verá mientras dure la carga y a continuación la llamada al script principal. Todo esto se podría poner en elpost-header,post-footer o incluso como gadget en la barra lateral:

div class='twitter-trackbacks'loading../div
script src='http://twitter-trackbacks-widget.googlecode.com/files/jquery.twittertrackbacks-1.0.min.js' type='text/javascript'/script

Se ha incluido aquí la dirección directa de Google Code, pero conviene que descargueis el fichero .js y sustituyáis esa dirección por la vuestra para que todo quede bajo control.

Con eso ya podremos ver los trackbacks procedentes de Twitter pero sin ningún formato, por lo que mejor vamos a nuestro CSS e incluimos allí unas cuantas propiedades. Este es sólo un ejemplo y espero que con los comentarios sobre lo que hace cada clase podáis integrarlo sin problemas con la estética de vuestro blog:

style type='text/css'div.twitter-trackbacks{ } /* Contenedor general */
ul.ttw-inner{border:silver 1px solid;height:48px;padding:4px; overflow:hidden;margin:0;}
ul.ttw-inner li{float:left;margin:0;list-style-type:none;position:relative;}
/* Avatar autor */
ul.ttw-inner span.ttw-author-img{ display:block;width:48px;height:48px;margin:0 5px 0 0;overflow:hidden;left:0;position:absolute;}
/* Nombre autor */
ul.ttw-inner strong a{margin-right:5px;}
/* Cuerpo del tweet */
ul.ttw-inner span.ttw-body {display:block;margin-left:55px;}
/* Contenido del tweet */
ul.ttw-inner span.ttw-content{}
/* Enlaces: fecha, reply, retweet */
ul.ttw-inner span.ttw-meta {color:#999999;display:block;font-size:0.764em;margin:3px 0 0;}
ul.ttw-inner span.ttw-meta a{color:#999999;text-decoration:none;}
ul.ttw-inner span.ttw-meta a:hover{text-decoration:underline;}
/* Sólo enlace reply */
ul.ttw-inner a.ttw-reply { }
/* Sólo enlace retweet */
ul.ttw-inner a.ttw-retweet { }
/* Enlaces en el tweet */
ul.ttw-inner a.ttw-link { }
/* Enlaces a @usuarios */
ul.ttw-inner a.ttw-at { }
/* #hashtags */
ul.ttw-inner a.ttw-hashtag { }
/style

Para cambiar el formato del artilugio podéis añadir unos parámetros dentro de la capa con clasetwitter-trackbacks como se muestra a continuación. Este primero es para un rotador con 3 tweets por pasada:

div class='twitter-trackbacks' options='{
url:"http://www.oloblogger.com/2012/09/twitter-trackbacks.html"
,n:9
,show_n:3
,stay_time:8000
,animate:"height"
,inf_only:1
,inf_tip:1
}'loading../div

url: ver tweets de una página concreta (por defecto la visitada)
n: número de tweets máximos a cargar
show_n: número de tweets por tanda (con 0 no habrá transicion y mostrará una lista fija)
stay_time: pausa entre cada tanda en milisegundos
animate: height hace la transición más rápida, disminuyendo el fade
inf_only: 1 para mostrar sólo tweets de usuarios con muchos seguidores
inf_tip: 1 para mostrar con un mensaje emergente el nivel de influencia del usuario

Si usáis esta variante no olvidéis incrementar el height deul.ttw-inner (174px para tres tweets) y ajustar tambiénul.ttw-inner li con algún margen, altura y sobre todo unoverflow:hidden adicional. Ejemplo de esa última clase para el caso de triple tweet:

ul.ttw-inner li {
border:silver 1px solid;
float:left;ul.ttw-inner li
margin:1px 0 1px 0;
padding:2px 2px 2px 2px;
list-style-type:none;
position:relative;
height:50px;
overflow:hidden;
width:100%;
}

Si todo ha salido bien y sobre todo, si esta entrada es mencionada en algún tweet, a continuación podréis ver cómo podría quedar la cosa:

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

HOME PHONE INTERNET BUNDLE mesothelioma lawyer chicago car insurance quotes pa Dayton freight lines Mobile casino mesothelioma lawyer virginia Cheap Domain Registration Hosting Donate your Car for Money bus accident attorney los angeles Make money online Australia Live casino Dwi lawyer Online casino STRUCTURED ANNUITY SETTLEMENT Sell Annuity Payment WORLD TRADE CENTER FOOTAGE ONLINECLASSES online colledges mesotheloma Donate Car to Charity California Mesothelioma Law Firm Hire php developers structured settlement blog Casino Donating used cars to charity mesothelioma symptoms buyer of structured settlement annuity Social media platforms for business Structures Annuity Settlement Php programmers for hire Hire php developer Casino reviews mesothelioma Donate Your Car for Kids New social media platforms verizon sip DUI lawyer mesothelioma attorney Christmas cards DONATING A CAR IN MARYLAND LIFE INSURANCE CO LINCOLN register free domains Data Recovery Raid mesothelioma law firms Life Insurance Co Lincoln mesothelioma attorney california anti spam appliance baltimore mesothelioma attorneys Hire php programmers Forex Trading Platform Service business software Car Insurance Quotes Utah Asbestos Lawyers Social media campaigns Php programmers Car insurance quotes MN Better conferencing calls mesothelioma survival rates selling structured settlement Auto Mobile Insurance Quote Criminal lawyer DONATE YOUR CAR FOR KIDS Criminal defense lawyer Personal Injury Lawyer personal injury solicitor Donate Car for Tax Credit cheap domain registration hosting personal injury firm Social media management saskatchewan auto insurance Better Conference Calls yahoo web hosting google adsense motorcycle accident lawyer san francisco Dayton Freight Lines BETTER CONFERENCING CALLS Business management software integrated ehr Adobe illustrator classes Car Accident Lawyers benchmark lending Best social media platforms for business chicago hair laser removal Massage school Dallas Texas Bankruptcy lawyer Computer science classes online caraccidentlawyer Nunavut Culture Social media strategies hair removal washington dc VIRTUAL DATA ROOMS Donate cars in ma refinance with bad credit Seo companies Italian cooking school Car Insurance Quotes PA Proud Italian cook Email Bulk Service car accident lawyer san bernardino Seo company buying an annuity calculator most profitable internet business accident lawyers in los angeles business email web hosting Mortgage adviser california mesothelioma attorney Online College Course structured settlement purchasers WordPress hosting Royalty Free Images Stock Business finance group life insurance quotes HOW TO DONATE A CAR IN CALIFORNIA Online Colleges Custom WordPress theme designer Seo services la personal injury lawyer houston mesothelioma attorney Best Seo company Best social media platforms royalty free images stock Donate a Car in Maryland Online Christmas cards Annuity Settlements Psychic for free forensics online course PHD IN COUNSELING EDUCATION Car insurance quotes Utah Online classes Dallas Mesothelioma Attorneys mesothelioma claim personal injury lawyer Donate your car for kids los angeles motorcycle accident lawyer Criminal Defense Attorneys Florida Custom Christmas cards Business VOIP Solutions auto accident attorney injury lawyers Photo Christmas cards WordPress themes for designers maritime lawyer houston World Trade Center Footage CAR DONATE Psd to WordPress Criminal defense attorneys Florida Forensics online course houston tx auto insurance Cheap domain registration hosting Social media examiner emergency response plan ppt Tech school Html email Social media platforms Asbestos Lung Cancer Low credit line credit cards Psd to html world trade center footage california motorcycle accident lawyer WordPress theme designers injury attorney baton rouge structered settlement REGISTER FREE DOMAINS Learning adobe illustrator Social media tools florida car insurance company DONATE OLD CARS TO CHARITY Forensics Online Course Donate Cars in MA Donate Your Car Sacramento How to Donate A Car in California Donate a car in Maryland PHD on Counseling Education Donate cars Illinois Motor Insurance Quotes donating used cars to charity mortgage adviser structured settlement brokers CRIMINAL DEFENSE ATTORNEYS FLORIDA PhD in counseling education Car insurance quotes Colorado Car Insurance Quotes Colorado Donate Old Cars to Charity DONATE CAR FOR TAX CREDIT personal injury accident lawyer Hard drive Data Recovery Services holland michigan college Gas/Electricity Motor Replacements Donating a Car in Maryland Donate Cars Illinois MET AUTO ashely madis Best Criminal Lawyers in Arizona WEBEX COSTS mesothelioma lawyer asbestos cancer lawsuit dallas mesothelioma attorneys CHEAP CAR INSURANCE IN VIRGINIA Holland Michigan College EMAIL BULK SERVICE Cheap Car Insurance for Ladies Online Motor Insurance Quotes Paperport Promotional Code Massage School Dallas Texas Online Classes Car Donate pharmacist jobs in chicago sell structured settlement calculator car insurance quotes colorado Psychic for Free

martes, 4 de septiembre de 2012

Blogger

¿Desactivar navbar? Ni se te ocurra – Lincoln

Pues eso, que quizás has visto la nueva opción que hay en el apartadoDiseño, dentro del bloqueBarra de Navegación y has pensado "Esta es la mía"; por fin una simple casilla de verificación para ocultar la Navbar.

Y además resolviendo de paso algunas eternas dudas, porque si Google me facilita esto es porque efectivamente se puede quitar sin miedo a que me sancionen, me dejen el blog sin imágenes o me apliquen algún otro castigo parecido.

Efectivamente Google no va a poner pegas si quitamos la navbar y además ahora es lo más fácil del mundo, pero...pero de momento mejor que esperes, porque como con otras novedades Blogger, la cosa trae efectos colaterales.

Primero lo leí enVagabundia, dónde Jorge avisaba de la novedad y ya daba un toque de atención, porque resulta que cuando se desactiva la famosa barrita,desaparecen los enlaces de edición rápida.

Posteriores comentarios confirmaban el problema y hacían referencia a ese mismo problema desde al menosfinales de Julio.

Hoy me llega otra comunicación de un lector (José Félix) que ha comprobado que tras deshabilitar la barra,el Diseñador de plantillas le funciona de aquella manera, es decir mal: puede entrar en él, modificar algunas cosas, pero muchas no pitan. Ni se aprecian los cambios enVista Previa ni se aplican realmente en el blog.

Lo peor de todo es que cuando intentaba volver a hacer visible la Navbar, está seguía inactiva y los problemas generados tras su eliminación también se mantenían.

Conclusión: La Navbar de momento ni tocarla... a menos que sea sólo con CSS.

Y es que un buendisplay:none; hace maravillas.

Donate Your Car for Kids offshore accident lawyer broward county dui lawyer structured settlement investments Business management software what is structured settlement Social media campaigns Personal Injury Law Firm Casino Asbestos Lung Cancer california law lemon Donate your car for money boca raton personal injury attorney Dwi lawyer Online casino Seo company Seo services dui lawyer scottsdale motor replacements colorado mesothelioma lawyers injury lawyers west palm beach Met Auto Christmas cards mesothelioma suit Live casino Mobile casino Annuity Settlements structured annuity settlement Online colledges FORENSICS ONLINE COURSE Motor Insurance Quotes Social media platforms for business Hire php developers DONATING USED CARS TO CHARITY Online Colleges EMAIL BULK SERVICE Computer science classes online Donating Used Cars to Charity Neuson dallas mesothelioma lawyer cheaper insurance companies semi truck accident lawyers Photo Christmas cards Criminal defense lawyer Make money online Australia PSYCHIC FOR FREE PHD on Counseling Education Online Motor Insurance Quotes business email web hosting Casino reviews Social media platforms ASBESTOS LAWYERS Best Seo company DUI lawyer los angeles motorcycle accident lawyer Tech school los angeles auto accident attorneys Donate a car in Maryland Hire php programmers home phone internet bundle mesothelioma claim injury lawyers auto accident lawyer san francisco Life Insurance Co Lincoln adverse remortgage Health Records Personal Health Record Social media management domain name yahoo Criminal lawyer Social media examiner mesothelioma attorney california DONATE OLD CARS TO CHARITY sell my structured settlement Royalty Free Images Stock Business finance group Service business software structured settlement purchasers Php programmers for hire ONLINECLASSES car accident lawyers donate your car for kids Hire php developer Dedicated Hosting Dedicated Server Hosting WordPress themes for designers STRUCTURED ANNUITY SETTLEMENT DONATE YOUR CAR SACRAMENTO Dallas mesothelioma attorneys uk homeowner loans emergency response plan ppt motor insurance quotes personal injury lawyer sarasota fl Bankruptcy lawyer Online Classes verizon sip Php programmers Seo companies Insurance AUTOMOBILE ACCIDENT ATTORNEY DALLAS MESOTHELIOMA ATTORNEYS Best social media platforms for business paperport promotional code New social media platforms automobile accident attorney Html email Learning adobe illustrator st louis mesothelioma attorney criminal defense attorneys florida structured settlement annuity companies mesothelioma attorney hair removal washington dc mesothelioma law suit Auto Accident Attorney Custom WordPress theme designer How to Donate A Car in California accident attorney orange county mesothelioma ct Best social media platforms Online Christmas cards WordPress hosting massage school dallas texas Custom Christmas cards How to donate a car in California personal injury accident lawyer mesothelioma lawyer houston Car Donate Nunavut Culture Psd to WordPress better conferencing calls buyer of structured settlement annuity Car Insurance Quotes MN Email Bulk Service ONLINE COLLEDGES HOME PHONE INTERNET BUNDLE donating used cars to charity Dayton Freight Lines motorcycle lawyer los angeles motorcycle accident lawyer san francisco illinois law lemon Auto Mobile Shipping Quote Dayton freight lines Donate car for tax credit DONATE YOUR CAR FOR MONEY Proud Italian cook Psd to html Italian cooking school Email bulk service tennessee mesothelioma lawyer Donate Car to Charity California WordPress theme designers Adobe illustrator classes Social media strategies Car Insurance Quotes mesothelioma lawyer virginia Criminal Defense Attorneys Florida Online Criminal Justice Degree mesothelioma lawyers san diego Social media tools Car Insurance Quotes Colorado Mesothelioma Law Firm cloud identity and access management Donate Car for Tax Credit Donate Cars in MA Donate Your Car Sacramento life insurance co lincoln selling a structured settlement Low Credit Line Credit Cards Sell Annuity Payment best consolidation loan student Asbestos Lawyers Webex Costs Structures Annuity Settlement NUNAVUT CULTURE online motor insurance quotes CHEAP CAR INSURANCE FOR LADIES workplace accident attorney FUTURISTIC ARCHITECTURE donate car for tax credit Hard drive Data Recovery Services Donate a Car in Maryland Motor Replacements Cheap Domain Registration Hosting Donating a Car in Maryland Donate Cars Illinois Best Criminal Lawyers in Arizona selling my structured settlement Car insurance quotes Utah Car Insurance Quotes Utah ROYALTY FREE IMAGES STOCK Holland Michigan College business voip solutions Paperport Promotional Code fortis health insurance temporary washington mesothelioma attorney World Trade Center Footage meso lawyer Business Voip Solutions Massage School Dallas Texas Psychic for Free Forex Trading Platform Data Recovery Raid Donate Old Cars to Charity Dallas Mesothelioma Attorneys business administration masters email bulk service mesothelioma litigation personal injury solicitor Donate your Car for Money BEST CRIMINAL LAWYER IN ARIZONA Cheap Auto Insurance in VA Criminal defense attorneys Florida

lunes, 3 de septiembre de 2012

Navegando

La historia de HTML5. Infografía – Curso – Justicia

Una historia muy resumida del ordenador y del código de programación que hizo posible la difusión de páginas web por la Red.

Esta infografía refleja los hitos más importantes de ese mundo virtual, mediante una línea temporal que se correlaciona con algunos eventos populares que sucedieron simultáneamente en el mundo real.

Se trata de una demostración gráfica de cómo las computadoras e Internet llevan mucho tiempo influyendo en nuestras vidas. De hecho, las primeras ideas para montar una red de información global se remontan a cuando muchos nos preguntábamos "¿Quién mató a J.R.", el conocido protagonista de la serie de TVDallas, allá por 1980.

Hace prácticamente cuatro días (1995), Microsoft lanza la primera versión del~~tristemente~~ famoso Internet Explorer, al mismo tiempo que O.J. Simpson era declarado "no culpable" ocupando innumerables minutos y páginas en los medios informativos.

Un camino de vuelta en todo de humor, hacia para ver cómo Internet ha llegado a ser lo que hoy es.

Via:Wix.com

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

jueves, 30 de agosto de 2012

Artilugios, Blogger, CSS, Trucos

Miniaturas de gadgets más grandes... y con otras formas – Colleges – Habitaciones

Hace unos meses vimoscómo agrandar las miniaturas de los gadgets oficiales de Blogger tipo Entradas Populares o Lista de Blogs.

Esto lo hacía un pequeño JavaScript que simplemente sustituía la miniatura por su equivalente cuadrado de mayor tamaño (sxxx-c), aprovechando laspeculiaridades del sistema de almacenamiento de imágenes de esta nuestra estimada plataforma.

Pero cómo cada uno tiene un gusto, muchos son los que no se conformaban con una imagen cuadrada y requerían de una miniatura rectangular. Esto es lo que vamos a ver hoy, cómo cambiar esas miniaturas por unas más grandes con formato apaisado.

Para ilustrar esto y que comprobéis el resultado antes de tener que seguir leyendo, a la izquierda de este texto podéis ver una Lista de Blogs (Blogroll, gadget Blogger) tal y cómo sale si no cambiamos nada y a la derecha cómo se vería tras aplicar uno de los estilos que más adelante veremos.

En los siguientes enlaces también podéis ver una demo en directo funcionando con esa mismaLista de Blogs y con unasEntradas Populares.

Repitiendo lo que vimos en la entrada que mencionaba al principio, lo primero es insertar este código antes de/body.

Las dos últimas líneas antes del cierre son las que hay que personalizar y hay que incluir una por cada gadget que queramos modificar. Entre los paréntesis (en verde), los datos con los que indicamos qué artilugio queremos modificar y qué ancho debe tener la miniatura. No olvidéis que para que quede más o menos bien, el ancho tiene que ser igual al de la columna dónde lo vayamos a poner, que en este caso es el de la sidebar de la plantilla que usé para las pruebas.

script type='text/javascript'
function redimin(id,size){
var artilugio = document.getElementById(id);
var sustitucion = artilugio.innerHTML;
artilugio.innerHTML = sustitucion.replace(/s72-c/g,"s"+size+"-c");
var imagenes = artilugio.getElementsByTagName("img");
for(var i=0;iimagenes.length;i++){ imagenes[i].width = size; imagenes[i].height=size; }
}
redimin("PopularPosts1",220);
redimin("BlogList1",180);
/script

El primer dato es elID (identificador) con el que Blogger ha denominado el gadget al instalarlo. El segundo el ancho (medido en px) que queremos para la miniatura y que en un principio, si no hiciéramos nada más, será cuadrada.

Para encontrar elID hay varias formas, pero quizás la más fácil es buscando en el código en nuestra plantilla (sin expandir artilugios) una parte en la que aparece un trozo cómo este:

b:section-contents id='sidebar-right-1'
b:widget id='HTML1' locked='false' title='' type='HTML'/
b:widget id='PopularPosts1' locked='false' title='Entradas populares' type='PopularPosts'/
b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/
b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'/

Las palabras mágicas son esoswidgetque veis y que son precisamente los gadgets que hemos ido añadiendo a nuestro blog desde el principio de los tiempos usando el apartadoDiseño. Podéis ver como apareceid='HTML1',id='PopularPosts1',id='BlogArchive1',id='BlogList1'... Esos son losIDque necesitamos.

¿Y cómo transformamos esas miniaturas cuadradas en otras rectangulares, redondas u ovaladas? Pues con CSS, como no.

Si no hemos toqueteado el estilo de los gadgets bastará con añadir unas pocas propiedades a lasID que anteriormente hemos localizado. Estas propiedades son básicamente asignar undisplay:block;, limitar el alto de la clase que controla la miniatura (.item-thumbnail) y luego "subir" un poco la imagen en sí para que muestre la parte central. Esto último atacando directamente a la imagen:

style type='text/css'
.PopularPosts .item-thumbnail {
display:block;
margin: 0 5px 5px 0;
height: 100px;
overflow: hidden;
}
.PopularPosts .item-thumbnail img {
position:relative;
top:-80px;
}
/style

Tal como he puesto el código (entre etiquetasstyle), está preparado para insertar justo antes del anterior script. Si queréis ponerlo en la parte CSS del blog sólo tendréis que quitarle la primera y última línea.

La razón de ponerlo seguido es para facilitar el borrado de estas modificaciones de una tacada si alguna vez nos aburrimos de este formato, pero lo correcto sería ponerlo en la parte de hoja de estilo.

Para conseguir las miniaturas redondeadas las propiedades son muy parecidas y lo principal es añadir unborder-radius con un valor más grande que el ancho de la imagen. En este caso por la limitación de altura de.item-thumbnail, generaremos un semicírculo:

style type='text/css'
.BlogList .item-thumbnail {
display:block;
margin: 5px 5px 5px 0;
height: 100px;
overflow: hidden;
}
.BlogList .item-thumbnail img {
padding: 0;
position:relative;
-webkit-border-radius: 300px;
-moz-border-radius: 300px;
border-radius: 300px;
}
/style

Por supuesto las clases son intercambiables y podéis aplicar el efecto redondo a lasEntradas Populares o el rectangular a laLista de Blogs. Por extensión se puede aplicar a cualquier gadget que tenga miniaturas con sólo localizar suID y la capa contenedora para poder modificar el estilo.

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

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

domingo, 26 de agosto de 2012

Blogger

Blogger. Cambiar avatar anónimo y sin imagen – dinero – Registros

Antes de ciertos cambios que hizo Blogger en sus artilugios, era relativamente fácilcambiar mediante CSS el avatar de aquellos comentaristas que lo hacían en forma anónima e incluso el de los que no tenían grabada una imagen en su perfil.

Pero actualmente no hay manera con ese estándar, así que no nos queda más remedio si queremos personalizar esos dibujitos que echar mano de JavaScript y realizar una sustitución de imágenes.

El código está obtenido deHelpBlogger y nos avisó de su existencia, amablemente,ViSo36.

Se requiere jQuery, pero el fichero correspondiente va incluido en el código, así que esto es sólo cosa de copiar y pegar. El lugar en este caso será justo antes del cierre delbody, es decir, antes de/body:

script src='http://code.jquery.com/jquery-latest.js'/
script
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc4TAtLavDG2AGspzYSRrMJ21S0jN1VcTbib_wxz8dRAuh5C6iM_FMAWnrWAmO_B4Zg_RrSV_Cl7HQW-lRAKdAtbVbxMZprxzWGXvrxa9bSe9HDUyJyKEOiTMcY6EWnIvXGBpDCw3acBI/s1600/default_avatar.gif')
.ssyby('blank')
/script

script src='http://code.jquery.com/jquery-latest.js'/
script
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJWX3hEXQ8fllr2ERg8qG-aZbrttnAYQoCTkAgSuoGzJGQIlVaGNth3JQou9mNZ11WQeF4o-19u1FAKK3ZOyqAWyQ4d_Lzuks3F9WIAlaWBAJrpcqLq_JIZs1UQeVWWsMdiJ4_f6o9NY/s1600/blogger-user.png')
.ssyby('blank')
/script

La primera mitad sustituye los avatares anónimos y para personalizar la imagen habría que cambiar la dirección en color verde por la de la imagen que deseéis.

La segunda mitad sirve para los usuarios sin imagen, que salen por defecto con el logo de Blogger e igual que antes, la personalización sería cambiando la dirección de la imagen, en ese trozo marcada en azul.

Aparte de las que se incluyen en el script, en HelpBlogger hay un par de imágenes más para el caso de usuarios anónimos y que reproduzco aquí por si las queréis cambiar sin calentaros demasiado la cabeza. Una de ellas es vieja conocida por aquí.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8PdGbO4g-FgNnVEGCUelTJ2rjVACj3Nt5WHGkB3cuGbEKf7iU4rSBfwE9aZwdXsFmpEGFwLLIispapwd2RE53C6JgBn5mDo8zATIZPdHuJRIfjmgnnds0527Sc_VjN17PyIo0riIY1o4/s1600/facebook.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-w2BXBT1BNHC4DRb7E0TIk0uGTdBz4J4OgcVcOlkzvFjS43tetDEuStHd684hbfKvl0poszF3jicByYyJlripENyHmI9vENkWYOD2JkuKky0BP_RDgRWdi21EyTPopwV5conn4B1LhU/s1600/anonimo.png

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

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity