Volver al diseño de comentarios previo a las replies – Arquitectura – Asesor – Shipping

Aquí vamos a ver dos cosas distintas. Una esanular el nuevo sistema de comentarios anidados con respuestas y la otra esuna forma rápida de recuperar casi todo nuestro diseño anterior de comentarios manteniendo el nuevo sistema.

Llevo ya cuatro posts seguidos sobre el mismo tema, pero es que las preguntas se suceden y me cuesta menos redactar una entrada que contestar individualmente a cada uno. Además, si no lo hago así, todo lo que tengo visto se me olvida a mi también ;)

Siempre lo advierto cuando es así, pero es que las chapuzas que me evitan trabajar de más son mis favoritas y lo segundo que veremos es una de ellas. Así que ya va este aviso por delante.

---

Se supone que debería existir un opción en el escritorio para poder activar/desactivar los comentarios anidados y de hecho hay una nueva variable data que tiene toda la pinta de ser para ese fin:data:post.showThreadedComments. Pero de momento, o no sale en todos los blogs o a Blogger se le ha olvidado incluirla en dicho escritorio.

Por lo tanto para poder modificar eso ahora, no nos queda otro remedio que ir a la plantilla. Pero tranquilos, que dejar las cosas como estaban es sencillo.

Blogger gestionaba los comentarios tradicionales con una rutina llamadacomments y lo que ha hecho ahora, ha sido introducir una nueva llamadathreaded_comments para los nuevos. Ambas están ahora mismo en todas las plantillas y el que se vean o no, simplemente es cosa de un trozo de código que llama a una u otra.

EnInsertar respuestas (replies) Blogger en plantillas modificadas precisamente explicamos el mecanismo inverso, que era habilitar los comentarios anidados. Puespara desactivarlos tenemos que hacer justo lo contrario. Dónde veamos un...

b:if cond='data:post.showThreadedComments'
b:include data='post' name='threaded_comments'/
b:else/
b:include data='post' name='comments'/
/b:if

...sustituimos por un simple...

b:include data="post" name="comments"/

Con eso volveréis a tener los comentarios "normales". Cuando algún día incluyan la opción para quitar o poner los nuevos, mi recomendación es que se restituya el código original.

---

Y ahora el apaño que al menos a mí me ha dado resultado.

Podemos personalizar los nuevos comentarios conel CSS que incorpora ahora la plantilla, pero si tenéis prisa o no os aclaráis mucho con el CSS o con la maraña de clases y subclases, podéis hacer una sencilla conversión.

El resultado no será exactamente el mismo pero se aproximará bastante y no corremos peligro de cargarnos nada, ya que lo haremos todo desde la parte de estilo.

Partimos de la base de que teníais personalizados los comentarios clásicos. Para eso, necesariamente había una parte en la que a#comments-block,.comment-author y todas estas clases que se usaban anteriormente le teníais asignadas propiedades; las que venían de serie más vuestras propias modificaciones.

Pues bien, ahora lo que podéis hacer es añadir a la clase antigua la equivalente de entre las nuevas clases. Aquí es dónde el truco no funciona al 100% porque no todas tienen un equivalente exacto, pero haciendo esto podéis comprobar que si no igual, todo quedará casi igual que antes rápidamente. Luego es cuestión de terminar de ajustar si es necesario, pero en la mayoría de casos pienso que no lo será.

Para que varias clases tengan el mismo estilo sólo hay que ponerlas separadas por una coma. Así, cuando veamos un...

.claseantigua { propiedades }

...sólo tendremos que añadir una coma, un espacio y la clase nueva para que la cosa funcione:

.claseantigua, .clasenueva { propiedades }


Y estas son las equivalencias que yo he encontrado, figurando en la primera línea la clase antigua. Vosotrossólo tenéis que añadir las líneas sucesivas y dejar las propiedades tal y cómo estén.

.comment-form,
.comments .comments-replybox,
.comments .comment-replybox-single,
.comments .comment-replybox-thread { propiedades }

#comments h4,
.comments h4 { propiedades }

#comments-block,
.comments-content { propiedades }

.comment-author,
.comments .comments-content .user { propiedades }

.comment-body,
.comment-thread li { propiedades }

.comment-timestamp,
.comments .comments-content .datetime { propiedades }

Las clases para los avatares y para el pie del bloque de comentarios continúan con la misma denominación.

Si queréis dar un estilo distinto a las respuestas con respecto a los comentarios principales, para las replies podéis incorporar la clase.comment-thread li li con las propiedades que queráis. Por si acaso, el dobleli no es un error ;)

Suerte.

MESOTHELIOMA LAW FIRM personal injury solicitor Social media management Mesothelioma Law Firm DONATE CARS ILLINOIS DONATE YOUR CAR FOR MONEY Learning adobe illustrator ashely madis Claim average mesothelioma settlement Criminal Defense Attorneys Florida Criminal defense lawyer Hire php developer Mobile casino mesothelioma help structured annuity settlement online criminal justice degree Car Insurance Quotes PA Online casino Nunavut Culture Car Insurance Quotes MN Casino Php programmers Virtual Data Rooms Holland Michigan College Live casino Make money online Australia att call conference Social media platforms for business Psychic for Free HOW TO DONATE A CAR IN CALIFORNIA Royalty Free Images Stock boulder personal injury lawyers Met Auto miami personal injury lawyer Life Insurance Co Lincoln mesotheliama DONATING USED CARS TO CHARITY car insurance in south dakota Casino reviews DUI lawyer Service business software Dwi lawyer lawsuit mesothelioma Personal Injury Law Firm business email web hosting pharmacist jobs in chicago Auto Accident Attorney Psd to html Hire php developers dallas mesothelioma attorneys Bankruptcy lawyer Royalty free images stock Seo company Business management software injury lawyers car insurance quotes colorado Hire php programmers colorado auto accident attorney Neuson AUTO ACCIDENT ATTORNEY selling structured settlement personal injury lawyer sarasota fl Criminal lawyer Social media examiner HARDDRIVE DATA RECOVERY SERVICES Php programmers for hire mesothelioma lawyer dallas illinois mesothelioma lawyer selling annuity payments for cash WordPress hosting colorado mesothelioma lawyers mesothelioma drug DONATE CAR FOR TAX CREDIT domain yahoo Automobile Accident Attorney structured settlemen Gas/Electricity houston motorcycle accident lawyer tennessee mesothelioma lawyer Massage school Dallas Texas Car insurance quotes Utah Donate Your Car Sacramento personal injury lawyer Computer science classes online Christmas cards mesothelioma attorneys california ANNUITY SETTLEMENT Car insurance in South Dakota Photo Christmas cards LIFE INSURANCE CO LINCOLN structured settlement quote motorcycle accident attorney sacramento Seo companies best consolidation loan student mesothelioma settlements Donate car to charity California Sell Annuity Payment Futuristic Architecture mesothelioma law firms Best social media platforms for business New social media platforms Business finance group Donate your car for kids Custom Christmas cards Donate Your Car for Kids Custom WordPress theme designer Donating a Car in Maryland WordPress theme designers Seo services Best criminal lawyer in Arizona Best Seo company Best social media platforms Online Christmas cards tucson car accident attorney WebEx costs CAR INSURANCE QUOTES MN Structures Annuity Settlement WordPress themes for designers Psd to WordPress illinois law lemon car accident lawyers west palm beach Injury Lawyers Social media campaigns See more at http//wwwginfostopnet/ Tech school Html email DONATING A CAR IN MARYLAND Online Motor Insurance Quotes mesothelioma charities Donate a car in Maryland Car Insurance Quotes Utah Social media platforms DONATE YOUR CAR SACRAMENTO Proud Italian cook Adobe illustrator classes Social media strategies mesothelioma trial attorney Italian cooking school mesothelioma ct Online Classes cheap domain registration hosting structured settlement agreement Donate Old Cars to Charity DALLAS MESOTHELIOMA ATTORNEYS asbestos exposure lawyers Cheap Auto Insurance in VA cheap car insurance in virginia domains yahoo Annuity Settlements mesotheioma Social media tools mesothelioma lawyer houston hair removal washington dc Hard drive Data Recovery Services mesothelioma lawyers san diego car crash attorneys Email Bulk Service mesothelioma attorney illinois BEST CRIMINAL LAWYER IN ARIZONA ONLINE MOTOR INSURANCE QUOTES benchmark lending sell structured settlement calculator Asbestos Lawyers Cheap Car Insurance for Ladies selling my structured settlement Donate Car to Charity California Online Colleges Donate Car for Tax Credit Donate Cars in MA How to Donate A Car in California Register Free Domains accident lawyers in los angeles DAYTON FREIGHT LINES CHEAP AUTO INSURANCE IN VA orlando criminal attorney mesothelioma attorney directory LOW CREDIT LINE CREDIT CARDS mortgage adviser Massage School Dallas Texas cell cycle regulation ppt Car Insurance Quotes Colorado CAR INSURANCE IN SOUTH DAKOTA miami personal injury attorney Dayton Freight Lines Donate a Car in Maryland Motor Replacements Cheap Domain Registration Hosting car accident lawyers FORENSICS ONLINE COURSE Donate Cars Illinois car insurance quotes mesothelioma litigation Auto Mobile Insurance Quote Best Criminal Lawyers in Arizona los angeles motorcycle accident lawyer Donate Car To Charity CALIFORNIA car insurance quotes pa Cheap auto insurance in VA cash out annuity auto accident attorney Torrance MASSAGE SCHOOL DALLAS TEXAS STRUCTURED ANNUITY SETTLEMENT Paperport Promotional Code Insurance Companies baltimore mesothelioma attorneys World Trade Center Footage ONLINE COLLEDGES city college in miami Dallas mesothelioma attorneys

Blogger. Configurar comentarios anidados. Lista de clases. – Shipping

Es muy probable que tuvieras personalizada la parte de los comentarios de tu blog y que con el nuevo sistema de comentarios anidados con respuestas, este se haya ido al garete. Lo probable es lo primero, pero si los tenías así, lo segundo es seguro.

Ocurre que el nuevo sistema incorpora un buen montón de código de todo tipo y ha cambiado radicalmente la nomenclatura de todas las clases que antes controlaban el aspecto de los comentarios. Si miráis en vuestro código, los.comment-author,#comment-block y todas esas clases que usábamos hasta ahora, siguen estando y el problema no es que se hayan borrado. El problema es que ya no sirven para nada porque los nuevos comentarios no están sujetos a ellas sino a otras con otros nombres.

Ante esto tenemos dos soluciones.

La primera que es la que mandan los cánones, seríadefinir las nuevas clases con las propiedades que nos interesan. La verdad es que en esta ocasión Blogger se ha portado bien dentro de lo que cabe y nos ha incluido la lista completa dentro de unincludable que podéis localizar conExpandir plantillas de artilugios seleccionado y buscando la cadenathreaded_comment_css.

Si queréis modificar algo lo podéis cambiar en ese mismo sitio según laguía que publico al final de esta entrada, pero si no vais a cambiar demasiadas cosas, quizás os convenga incluir en la parte CSS de la plantilla sólo las clases a modificar y las nuevas propiedades. Así dejamos el código original de Blogger por si alguna vez lo necesitamos.

Esto último se puede hacer teniendo presente que las propiedades que existan en la parte delincludable que no se modifiquen en la parte CSS, persistirán.

Esto es que si por ejemplo hay un borde en la clase .comments delincludable y nosotros no hacemos ninguna referencia aborder en la clase .comments de nuestro CSS, el borde se dibujará igualmente. Siguiendo este ejemplo habría que incluir en nuestro CSS un.comments {border: 0;} para que se anulara.

Esta es lalista completa que como podréis ver cuando miréis allí, ya incorpora una serie de propiedades por defecto para cada clase.

Para que se entiendan las anotaciones, para mi uncomentario es lo que antes se entendía como tal, un bloque, lo que queda totalmente a la izquierda con el estilo estándar. El comentario puede incluir respuestas o no. Estasrespuestas son las que aparecen dentro del bloque de un comentario y se ven con un sangrado o margen izquierdo.

La segunda solución más chapucera y para una emergencia, otro día.

Contenedor general de todo el artilugio
.comments {}

Contenedor general de comentarios.Excluye encabezamiento
.comments .comments-content {}

Enlaces Responder (y Suprimir)
.comments .comment .comment-actions a {}
.comments .comment .comment-actions a:hover {}

Lista principal de comentarios. Cada elemento (li) incluye 1 comentario y sus respuestas
.comments .comments-content .comment-thread ol {}

En combinación con otras clases, insertar un padding para que quede de menor ancho
.comments .comments-content .inline-thread {}

Bloque de respuestas a un comentario. Incluye botón para desplegar
.comments .comments-content .comment-replies {}

Bloque interior de respuestas a un comentario
.comments .comments-content .comment-thread {}
Idem anterior para ocultar el bloque cuando no hay respuestas
.comments .comments-content .comment-thread:empty {}

Aspecto general de cada comentario/respuesta
.comments .comments-content .comment {}

Diferencia padding y border para el primer/último comentario
.comments .comments-content .comment:first-child {}
.comments .comments-content .comment:last-child {}

No lo encuentro en uso. Posiciona relativamente
.comments .comments-content .comment-body {}

Bloque de autor+icono+fecha
.comments .comments-content .comment-header {}
Nombre y enlace al autor del comentario/respuesta
.comments .comments-content .user {}
Un icono relacionado con el autor, actualmente sin contenido
.comments .comments-content .icon.blog-author {}
Fecha/hora del comentario/respuesta
.comments .comments-content .datetime {}

El texto de cada comentario/respuesta. Salen siempre con estilo blockquote si este está definido en la plantilla
.comments .comments-content .comment-content {}

Lo desconozco. Parecen los enlaces para suprimir el comentario por parte de quién lo grabó
.comments .comments-content .owner-actions {}

Formularios para escribir comentarios/respuestas
.comments .comments-replybox {}
.comments .comment-replybox-single {}
.comments .comment-replybox-thread {}

Desconocido para mí
.comments .continue {}
.comments .continue a {}

Enlace para mostrar más comentarios cuando hay más de 200
.comments .comments-content .loadmore {}
.comments .comments-content .loadmore.loaded {}

Enlace para plegar/desplegar respuestas
.comments .thread-toggle {}
Iconos flecha para plegar/desplegar respuestas
.comments .thread-expanded .thread-arrow {}
.comments .thread-collapsed .thread-arrow {}

Contenedor avatar comentarista
.comments .avatar-image-container {}
Imagen avatar comentarista
.comments .avatar-image-container img {}

CHEAP CAR INSURANCE IN VIRGINIA Car Insurance Quotes Colorado structured settlement investments mesothelioma claims Social media tools World trade center footage Mortgage adviser STRUCTURED ANNUITY SETTLEMENT mesotheolima georgia truck accident lawyer Motor replacements Live casino Paperport Promotional Code Business finance group DUI lawyer Automobile Accident Attorney microsoft private cloud certification Cheap Car Insurance in Virginia truck accident attorney texas webex costs Casino reviews Gas/Electricity virtual data rooms tucson car accident attorney Mobile casino Custom WordPress theme designer Dayton Freight Lines Car insurance in South Dakota peritoneal mesothelioma Better Conference Calls mesothelioma care student loan consolidation program Online casino Dallas Mesothelioma Attorneys Car Insurance in South Dakota SELL ANNUITY PAYMENT car insurance quotes colorado domain registration yahoo How to Donate A Car in California Best social media platforms Make money online Australia Forensics Online Course Casino Social media strategies Business management software Donating used cars to charity semi truck accident lawyers MORTGAGE ADVISER ASBESTOS LAWYERS donating used cars to charity PHD IN COUNSELING EDUCATION better conferencing calls best criminal lawyer in arizona how to donate a car in california Cheap car insurance in Virginia Car insurance quotes MN Hire php developers Dedicated Hosting Dedicated Server Hosting Best Criminal Lawyers in Arizona structured settlement blog ROYALTY FREE IMAGES STOCK ONLINECLASSES DONATE CAR FOR TAX CREDIT Italian cooking school Dwi lawyer Php programmers for hire Hire php programmers paperport promotional code structured settlement sell Car Insurance Quotes MN Asbestos Lawyers Social media platforms Injury Lawyers personal accident attorney Tech school DAYTON FREIGHT LINES buyers of structured settlements low credit line credit cards mesothelioma attorney directory Criminal lawyer best accident attorneys Cheap Auto Insurance in VA yahoo web hosting injury lawyer houston tx selling structured settlement car insurance in south dakota AUTO ACCIDENT ATTORNEY Service business software illinois mesothelioma lawyer windows phone for business Html email best structured settlement companies Criminal defense lawyer auto accident attorney life insurance quotes bus accident attorneys car accident lawyer michigan Seo companies Virtual Data Rooms Car Insurance Quotes Computer science classes online Futuristic architecture ONLINE COLLEDGES Hire php developer Bankruptcy lawyer Donate Car to Charity California Donating a Car in Maryland asbestos exposure lawyers Php programmers best mesothelioma lawyers Online Stock Trading Life Insurance Co Lincoln Best social media platforms for business Hard drive Data Recovery Services Donate Cars in MA Adobe illustrator classes michigan motorcycle accident lawyer New social media platforms Psychic for Free purchase structured settlements Online Motor Insurance Quotes most profitable internet business mesothelioma ct Car Insurance Quotes PA Social media platforms for business Social media examiner CHEAP DOMAIN REGISTRATION HOSTING Seo services Best Seo company mesothelioma emergency response plan ppt anti spam appliance mesotheliama donate your car for money Donate car to charity California structured settlement agreement Seo company Donate Car for Tax Credit Social media management Online Christmas cards structered settlement car insurance quotes mn WordPress hosting Custom Christmas cards Donate a Car in Maryland Photo Christmas cards Cheap Domain Registration Hosting WordPress themes for designers Psd to WordPress Car insurance quotes Utah Online Colleges mesothelioma settlement amounts mesothelioma attorney florida cloud identity and access management Psd to html LIFE INSURANCE CO LINCOLN Donate Your Car for Kids personal injury lawyer structured settlements annuities primary pulmonary hypertension DONATE A CAR IN MARYLAND Christmas cards Online Criminal Justice Degree mesothelioma law firm Psychic for free mesothelioma lawsuits all about mesothelioma Proud Italian cook MET AUTO WordPress theme designers cash out annuity utah mesothelioma lawyer Learning adobe illustrator Social media campaigns Mesothelioma Law Firm wisconsin mesothelioma attorney Paperport promotional code Criminal defense attorneys Florida HOME PHONE INTERNET BUNDLE car insurance companies Donate Your Car Sacramento Low Credit Line Credit Cards Business VOIP Solutions uk homeowner loans Sell Annuity Payment caraccidentlawyer canada personals yahoo NUNAVUT CULTURE World Trade Center Footage Cheap Car Insurance for Ladies Cheap car insurance for ladies Forex Trading Platform Personal Injury Lawyer Donate Cars Illinois Structures Annuity Settlement Donate cars in ma personal injury law firm Annuity Settlements Nunavut Culture attorney lawyer mesothelioma LOW CREDIT LINE CREDIT CARDS Motor Replacements Holland Michigan College domains yahoo structured settlement buyers motorcycle accident lawyer california DONATE YOUR CAR SACRAMENTO integrated ehr DALLAS MESOTHELIOMA ATTORNEYS holland michigan college

Insertar respuestas (replies) Blogger en plantillas modificadas – Motor

Hace un rato comentamos sobre la nueva función de comentarios anidados, así como la posibilidad de que a algunos no les funcionara si tenían su plantilla muy modificada. Pues realmente no es necesario que esté muy modificada pero si se ha tocado en un punto sensible, la cosa no pitará.

Sin embargo, creemos haber encontrado la solución y esta no es nada complicada.

Tenéis que editar la plantilla y conExpandir plantillas de artilugios seleccionado, buscar este trozo de código, que de todo lo que se ha insertado nuevo es la única parte que probablemente os haya quedado sin actualizar. En un principio, existen estas dos posibilidades:

b:if cond='data:blog.pageType == "item"'
b:include data='post' name='comments'/
/b:if

b:if cond='data:blog.pageType == "static_page"'
b:include data='post' name='comments'/
/b:if
b:if cond='data:blog.pageType == "item"'
b:include data='post' name='comments'/
/b:if

Bien, pues tanto si tenéis una opción como la otra, todo eso hay que sustituirlo por este nuevo código y ya os funcionará lo de las respuestas:

b:if cond='data:blog.pageType == "static_page"'
b:if cond='data:post.showThreadedComments'
b:include data='post' name='threaded_comments'/
b:else/
b:include data='post' name='comments'/
/b:if
/b:if
b:if cond='data:blog.pageType == "item"'
b:if cond='data:post.showThreadedComments'
b:include data='post' name='threaded_comments'/
b:else/
b:include data='post' name='comments'/
/b:if
/b:if

Notaréis que el estilo de presentación de los comentarios y las respuestas os cambia, pero eso ya es cosa del CSS, porque este nuevo sistema utiliza unas clases distintas a las del anterior.

De momento, si os salen unas comillas o similar es porque tendréis definidas propiedades parablockquote. Si no os gustan, simplemente tenéis que cambiar de nombre en la parte CSS, vuestra claseblockquote por.post-body blockquote. De esa manera seguiréis teniendo el estilo que definisteis para citas en los posts, pero no se aplicará en los comentarios.


Actualización: Parece ser que cuando se usa scriptaculous, hay algún tipo de conflicto. Con esa librería los enlaces responder aparecen, pero al hacer clic en ellos no funcionan. Evidentemente, quitando la librería las respuestas funcionan al 100%, pero esto ya es decisión de cada cual: respuestas o efectos. A un servidor le vienen muy bien este tipo de comentarios así que he optado por lo primero. Posiblemente pronto cambie a jQuery que me da la impresión queactualmenteda menos problemas y es más completa.

Car Insurance in South Dakota Car insurance quotes Utah World trade center footage maritime lawyer houston Social media management Low Credit Line Credit Cards Criminal lawyer Miami domain registration yahoo alcohol rehab center in florida Adobe illustrator classes Massage School Dallas Texas Business finance group Make money online Australia motorcycle accident attorney chicago mesotheioma mesothelioma lawyer asbestos cancer lawsuit ASBESTOS LAWYERS Donate Your Car Sacramento Donate Car for Tax Credit online motor insurance quotes HARDDRIVE DATA RECOVERY SERVICES Tech school Casino reviews Health Records Personal Health Record Donate Car To Charity CALIFORNIA low credit line credit cards Online casino Photo Christmas cards selling annuity payments for cash criminal defense federal lawyer Online Stock Trading injury lawyers west palm beach Casino Donating a car in Maryland fast cash for house World Trade Center Footage Online motor insurance quotes Dallas Mesothelioma Attorneys Insurance Companies Cheap Auto Insurance in VA royalty free images stock PHD on Counseling Education Virtual Data Rooms PSYCHIC FOR FREE domain name yahoo cheap domain registration hosting structured settlement purchasers Forensics Online Course Best Seo company city college in miami mesothelioma litigation Sell Annuity Payment DUI lawyer Car Insurance Quotes PA la personal injury lawyer HOME PHONE INTERNET BUNDLE purchase structured settlements domain yahoo Mobile casino Social media strategies Criminal defense lawyer Personal Injury Lawyers quotes car Live casino Dwi lawyer supportpeachtreecom Donate Cars in MA mesothelioma suit mesothelioma law suits adverse credit remortgage CAR INSURANCE QUOTES UTAH Cheap Car Insurance for Ladies Hire php developers Hire php programmers illinois law lemon webex costs mesothelioma cases motorcycle accident lawyer san francisco online colledges sell annuity payment Php programmers Criminal lawyer Service business software mesothelioma lawyer houston event management security Business Voip Solutions phd in counseling education Holland Michigan College Php programmers for hire WordPress themes for designers Online Colleges california mesothelioma attorney Bankruptcy lawyer Business management software Hire php developer Donating a Car in Maryland mesothelioma claim Annuity Settlements Psychic for free car crash attorneys Computer science classes online mesotheloma Car Insurance Quotes Colorado Claim Seo services Business VOIP Solutions bus accident attorney los angeles better conferencing calls Donate your car for kids Seo companies Best social media platforms for business Email Bulk Service Better Conference Calls New social media platforms Automobile Accident Attorney Social media platforms for business Custom WordPress theme designer Donate Your Car for Kids structured settlement investments AUTO ACCIDENT ATTORNEY MET AUTO Register Free Domains Best Criminal Lawyers in Arizona injury lawyers NUNAVUT CULTURE donate car for tax credit Best social media platforms Custom Christmas cards mortgage adviser Seo company Online Christmas cards business email web hosting Social media campaigns WordPress theme designers world trade center footage PHD IN COUNSELING EDUCATION WordPress hosting Psd to WordPress Learning adobe illustrator car insurance quotes mn Social media examiner att call conference life insurance co lincoln Html email Social media platforms hughes net business structured settlement company Christmas cards refinance with poor credit Proud Italian cook saskatchewan auto insurance personal injury accident lawyer Donate your Car for Money Psd to html Forex Trading Platform Italian cooking school DONATE YOUR CAR FOR MONEY Cheap car insurance in Virginia caraccidentlawyer mesothelioma lawsuits boulder personal injury lawyers Social media tools mesotheolima DONATING USED CARS TO CHARITY Mesothelioma Law Firm Donate Car to Charity California student loan consolidation program diagnosed with mesothelioma Low credit line credit cards car donate asterisk call center software Paperport Promotional Code How to Donate A Car in California Home phone internet bundle mesothelioma help Asbestos Lawyers Structures Annuity Settlement WORLD TRADE CENTER FOOTAGE Online Classes Nunavut Culture car insurance companies Dayton Freight Lines AUTOMOBILE ACCIDENT ATTORNEY Hard drive Data Recovery Services Donate a Car in Maryland accident lawyers in los angeles PAPERPORT PROMOTIONAL CODE Motor Replacements mesothelioma settlement amounts cheaper insurance companies Cheap Domain Registration Hosting Donate Cars Illinois personal injury solicitor buyer of structured settlement annuity Criminal Defense Attorneys Florida sell structured settlement calculator Car Insurance Quotes Utah Life Insurance Co Lincoln personal injury law firm Online Motor Insurance Quotes DONATE OLD CARS TO CHARITY anti spam appliance mesothelioma attorney florida Auto Mobile Insurance Quote harddrive data recovery services life insurance quotes Email bulk service MOTOR REPLACEMENTS Neuson BEST CRIMINAL LAWYER IN ARIZONA

Nuevos comentarios anidados en Blogger – Asesor

Hace un par de semanas se introdujo un cambio en las plantillas Blogger, que incorporó un nuevoincludable con un críptico pero ahora revelador nombre. Este erathreaded_comment_js, comentarios enroscados.

La rutina es un nuevo sistema de comentarios anidados que nos permite responder a uno de ellos en concreto y así distinguirlos de los comentarios generales sobre el post.

Blogger Buzz informa sobre ello no con demasiados datos. Comentan que para activar este sistema en tu blog no hay que hacer nada. Bueno, nada siempre que tengas activada la posibilidad de comentar, activado el feed en "Completo" y marcada la opción comentarios incrustados "Debajo de la entrada".

Si tienes eso, tus lectores y tú podréis disfrutar de un sistema similar al de una conversación, cosa que a mi parecer es una muy buena mejora.


El sistema funcionará tanto en plantillas clásicas como en las del nuevo diseñador, pero la parte mala como con todo este tipo de cosas, es que si has trasteado demasiado en el código, puede que te hayas cargado algo que no haya permitido del todo la actualización.

Con más tiempo veremos la forma de poder restaurar este artilugio para esos casos.

Live casino Forex Trading Platform DONATE OLD CARS TO CHARITY best accident attorneys Royalty free images stock Php programmers for hire FORENSICS ONLINE COURSE Psd to html life insurance quotes motorcycle accident attorney sacramento ONLINE COLLEDGES Nunavut culture CHEAP AUTO INSURANCE IN VA Donate Car To Charity CALIFORNIA Email Bulk Service mortgage adviser Insurance how to donate a car in california Mobile casino Bankruptcy lawyer Online classes SELL ANNUITY PAYMENT accident attorney in los angeles Php programmers Online casino AUTOMOBILE ACCIDENT ATTORNEY mesothelioma attorneys california CRIMINAL DEFENSE ATTORNEYS FLORIDA Forensics online course Paperport promotional code Casino DUI lawyer Cheap domain registration hosting Motor Replacements car insurance quotes Hire php programmers Social media platforms for business DONATING USED CARS TO CHARITY Business management software structured settlement broker CAR INSURANCE QUOTES MN Email bulk service mesothelioma lawyer asbestos cancer lawsuit Cheap Car Insurance in Virginia buying structured settlements DALLAS MESOTHELIOMA ATTORNEYS Auto Mobile Shipping Quote CAR INSURANCE QUOTES UTAH Italian cooking school Make money online Australia domain yahoo Hire php developers mesothelioma law suits mesotheolima Casino reviews webex costs mesothelioma claim Adobe illustrator classes truck accident attorney los angeles Christmas cards car accident lawyers Psychic for free maritime lawyer houston paperport promotional code DONATE CARS IN MA Criminal Defense Attorneys Florida structured settlement company insurance medical temporary meso lawyer Seo company Forensics Online Course mesothelioma law suit MESOTHELIOMA LAW FIRM Online Christmas cards google adsense fortis health insurance temporary seattle mesothelioma lawyer car accident lawyers los angeles personal injury firm refinance with poor credit verizon sip Best Seo company hughes net business Dwi lawyer mesothelioma symptoms Criminal lawyer Donating a Car in Maryland Service business software Car insurance quotes MN Life Insurance Co Lincoln Criminal defense lawyer ROYALTY FREE IMAGES STOCK most profitable internet business Hire php developer BEST CRIMINAL LAWYER IN ARIZONA donate old cars to charity New social media platforms Cheap car insurance for ladies Computer science classes online Psychic for Free Gas/Electricity Seo services domain name yahoo mesothelioma attorney directory Asbestos Lung Cancer Html email Seo companies Social media tools what is structured settlement workplace accident attorney mesothelioma attorney california forensics online course Best social media platforms for business Donate Car for Tax Credit Business finance group Social media platforms Car Insurance in South Dakota Custom WordPress theme designer mesothelioma drug WordPress hosting motorcycle accident lawyer san francisco broward county dui lawyer Structures Annuity Settlement mesothelioma lawsuits EMAIL BULK SERVICE mesothelioma trial attorney Best social media platforms Nunavut Culture purchase structured settlements houston tx auto insurance Online Classes virtual data rooms royalty free images stock lease management software Donate your car Sacramento Social media campaigns Online Criminal Justice Degree LOW CREDIT LINE CREDIT CARDS Custom Christmas cards car accident lawyers west palm beach Photo Christmas cards WordPress themes for designers mesothelioma lawyers san diego MOTOR REPLACEMENTS PAPERPORT PROMOTIONAL CODE WORLD TRADE CENTER FOOTAGE Social media examiner Better Conference Calls Psd to WordPress personal injury lawyer sarasota fl How to Donate A Car in California car insurance quotes mn Social media management Tech school Auto Accident Attorney DONATING A CAR IN MARYLAND Donate Cars in MA fast cash for house Proud Italian cook structured settlement purchasers mesothelioma charities Data Recovery Raid Online Stock Trading california mesothelioma attorney truck accident attorney texas mesothelioma attorney illinois online criminal justice degree WordPress theme designers mesothelioma cases Social media strategies tennessee mesothelioma lawyer Home Phone Internet Bundle ASBESTOS LAWYERS Learning adobe illustrator Business Voip Solutions Sell Annuity Payment mesothelioma claims ANNUITY SETTLEMENT Donate Car to Charity California supportpeachtreecom Mesothelioma Law Firm DAYTON FREIGHT LINES state of california car insurance illinois mesothelioma lawyer HARDDRIVE DATA RECOVERY SERVICES structured settlement blog Donate Your Car Sacramento register free domains Hard drive Data Recovery Services Mortgage Adviser uk homeowner loans HOLLAND MICHIGAN COLLEGE PHD on Counseling Education Donate Your Car for Kids car accident lawyer san bernardino Asbestos Lawyers Online College Course Insurance Companies structured settlement brokers Car Insurance Quotes Colorado Personal Injury Lawyers Annuity Settlements Dayton Freight Lines Donate a Car in Maryland Car Insurance Quotes MN Cheap Domain Registration Hosting Donate Cars Illinois Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Holland Michigan College

Formato a imágenes con CSS. Padding. – PHD

En la anterior entrada vimos la manera más sencilla derealzar imágenes en las entradas usando border. Una segunda propiedad que nos permite añadir posteriormente más cosas es la que genera un margen o espacio interno. Eso es lo que en CSS se controla con la propiedadpadding.

La diferencia entrepadding ymargin es que la segunda propiedad forma una especie de borde (con anchura) vacío de contenido, que sirve de separación exterior del elemento. Lo que hacepadding es dejar también un área vacía, pero interior. En esta imagen se pueden ver dos capas con unmargin:10px y unpadding:15px. Para que sea visible, en la primera se han marcado con colores los efectos de aplicar esas propiedades con esos valores:

Pues bien, continuando con los efectos fáciles, otro muy socorrido es el delmarco que también se puede conseguir añadiendo un padding y un fondo que rellenará con color esepadding:

.post img {
background: #333333;
padding:10px;
}

El efecto es idéntico al deborder, pero nos permite hacer otrasmodificaciones adicionales como la siguiente, que consiste en añadir una sombra que hace que la imagen parezca una fotografía con marco. Para eso, también añadimos una sombra conbox-shadow.

.post-body img {
background: #ffffff;
padding:10px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}

Habréis observado que la propiedad box-shadow está triplicada pero con distintos prefijos. Esto es porque es una propiedad CSS3 relativamente nueva y sólo las últimas versiones de los navegadores la soportan. Para que sea visible en la mayor variedad de ellos posible, utilizamos loskits de compatibilidad. En el ejemplo y siguiendo el mismo orden, los de Safari y Mozilla.


Siguiendo por lo anterior, si queremos añadir un efectoPolaroid, sólo tendremos que aumentar elpadding de la parte inferior. En el siguiente ejemplo se ha hecho de 50px frente a los 10px del resto.

.post img {
background: #ffffff;
padding:10px 10px 50px 10px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}

Al hilo de esto, recordamos que el orden en el que se muestran los distintos valores tanto enpadding como enmargin, son respectivamente arriba, derecha, abajo e izquierda:

padding: 1px 2px 3px 4px;
padding: arriba derecha abajo izquierda


Para formar una especie de marco alrededor de una imagen, el uso depadding frente aborder, nos permite usar ese fondo no sólo con un color plano, sinotambién con una imagen. En este caso simulamos que el poster está sobre un corcho:

.post img {
background: url(http://4.bp.blogspot.com/s1600/corcho.jpg);
padding:30px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}

Casino reviews Hire php developer Make money online Australia mesothelioma care Mobile casino Service business software mesothelioma lawyer virginia Business management software Donating Used Cars to Charity Donate car to charity California LIFE INSURANCE CO LINCOLN Php programmers for hire BETTER CONFERENCING CALLS mesothelioma attorney california WordPress themes for designers Best Seo company DONATE YOUR CAR SACRAMENTO Nunavut Culture Hire php developers Online casino Car insurance quotes pa Live casino DONATE CARS ILLINOIS Casino Business VOIP Solutions anti spam exchange server LOW CREDIT LINE CREDIT CARDS Social media platforms for business Register Free Domains BEST CRIMINAL LAWYER IN ARIZONA Tech school asterisk call center software How to donate a car in California Holland Michigan College HARDDRIVE DATA RECOVERY SERVICES DONATE CAR FOR TAX CREDIT Html email DUI lawyer MASSAGE SCHOOL DALLAS TEXAS Car Insurance Companies Hire php programmers mesotheioma Social media examiner Psychic for free Dwi lawyer Custom WordPress theme designer Cheap Car Insurance for Ladies Car Insurance Quotes Colorado Criminal defense lawyer Psd to WordPress mesothelioma claim la personal injury lawyer Life Insurance Co Lincoln Structures Annuity Settlement Online Classes Claim donate your car for kids structured settlement purchasers saskatchewan auto insurance ROYALTY FREE IMAGES STOCK Christmas cards Criminal lawyer mesothelioma charities onlineclasses what is structured settlement mesothelioma survival rates quotes car Social media strategies Best social media platforms for business Seo company cash out structured settlement Motor Insurance Quotes low credit line credit cards Donating a Car in Maryland DONATE OLD CARS TO CHARITY CAR INSURANCE QUOTES COLORADO Bankruptcy lawyer Forensics online course Computer science classes online MORTGAGE ADVISER CAR INSURANCE IN SOUTH DAKOTA Psychic for Free CHEAP DOMAIN REGISTRATION HOSTING motorcycle lawyer los angeles business email web hosting auto accident attorney peritoneal mesothelioma mesothelioma lawyer houston mesothelioma attorney florida Php programmers canada personals yahoo mesothelioma personal injury lawyers Seo companies illinois law lemon Personal Injury Law Firm Best social media platforms New social media platforms PAPERPORT PROMOTIONAL CODE Business finance group mesothelioma ct mesothelioma structured settlement brokers DONATE A CAR IN MARYLAND houston tx auto insurance Adobe illustrator classes Social media campaigns Injury Lawyers workers compensation lawyer los angeles Seo services Mortgage Adviser Neuson Car insurance quotes Utah HOW TO DONATE A CAR IN CALIFORNIA seattle mesothelioma lawyer personal injury accident lawyer illinois mesothelioma lawyer Custom Christmas cards structured settlements annuities car insurance quotes mn royalty free images stock arizona auto accident attorney DONATE YOUR CAR FOR MONEY WordPress theme designers buy structured settlements best accident attorneys california mesothelioma attorney business voip solutions mesothelioma attorneys Online Christmas cards Car insurance quotes Colorado Criminal Defense Attorneys Florida Photo Christmas cards Hard drive Data Recovery Services Webex Costs mesothelioma trial attorney WordPress hosting Auto Mobile Insurance Quote Dallas mesothelioma attorneys selling annuity payments for cash Social media management colorado mesothelioma lawyers CAR ACCIDENT LAWYERS Low Credit Line Credit Cards Futuristic Architecture asbestos lung cancer HOLLAND MICHIGAN COLLEGE Massage school Dallas Texas Social media platforms cheap car insurance in virginia Proud Italian cook selling structured settlement Futuristic architecture home phone internet bundle structured settlement quote CHEAP CAR INSURANCE IN VIRGINIA Psd to html Car Insurance Quotes PA Italian cooking school Donate Your Car Sacramento car accident lawyer san bernardino Nunavut culture boulder personal injury lawyers Learning adobe illustrator Social media tools How to Donate A Car in California structured settlement agreement refinance with poor credit structured settlement annuity companies Mesothelioma Law Firm Donate a Car in Maryland Donate Car to Charity California Donate Car for Tax Credit Met Auto Donate Cars in MA primary pulmonary hypertension Sell Annuity Payment Donate Your Car for Kids PHD IN COUNSELING EDUCATION Dallas Mesothelioma Attorneys Asbestos Lawyers Car Insurance Quotes Utah CAR INSURANCE QUOTES PA Annuity Settlements att call conference Dedicated Hosting Dedicated Server Hosting state of california car insurance motorcycle accident attorney sacramento new mexico mesothelioma lawyer Dayton Freight Lines uk homeowner loans Car Insurance Quotes MN structured settlemen Motor Replacements Cheap Domain Registration Hosting Personal Injury Lawyers Donate Cars Illinois anti spam appliance donating used cars to charity google adsense Best Criminal Lawyers in Arizona personal injury law firm Data Recovery Raid mesothelioma suit Online Motor Insurance Quotes NUNAVUT CULTURE buying an annuity calculator personal injury lawyer Online Colleges forensics online course Paperport Promotional Code

Formato a imágenes con CSS. Clases. – Record – Service

Es muy fácil tomar una imagen, abrir un editor y añadirle efectos de todo tipo, pero cuando llevamos publicadas una buena cantidad de entradas con ilustraciones, puede que nos demos cuenta de que si esto lo tenemos que hacer para todas y cada una de ellas, la tarea se vuelve muy, muy pesada.

Ahora imaginemos que un buen día queremos cambiar la plantilla y aquello que añadimos a nuestras imágenes ya no pega, o bien que simplemente nos cansamos de ese estilo y queremos usar otro. Está claro que tendríamos que descargar TODAS las imágenes, volverlas a editar y reponerlas en su sitio. Un coñazo, vamos.

Pues bien, las hojas de estilo (CSS) están para lo que están y que es principalmente facilitarnos la tarea decambiar el aspecto de todos los elementos de todas nuestras páginas, desde un sólo sitio y de una sola vez.

Precisamente eso es lo que vamos a ver a continuación para las imágenes de las entradas de nuestro sitio: algunos sencillos sistemas para formatearlas desde la hoja de estilo.

El resultado puede no ser tan espectacular como con un editor de imágenes, pero seguro que la ventaja del ahorro de tiempo nos compensa con creces.

---

En un principio, para cambiar cualquier cosa que afecte a las imágenes sólotenemos que incluir en nuestra plantilla las propiedades necesarias para la etiqueta img, que es con seguridad la que llevan todas. Por ejemplo, pongamos un borde negro sólido de 10px. Nótese que no lleva ningún punto delante, ya que no se trata de una clase creada ex-profeso para nuestro sitio, sino una etiqueta general de HTML:

img {border: 10px solid #000000;}

Podéis probar esto pero teniendo en cuenta dos cosas:

• La primera es que atacando directamente la etiqueta img, cambiaremos en un principio, el estilo de TODAS las imágenes del sitio web, tanto las de las entradas como las de la barra lateral o las de los gadgets. Hasta los iconos de edición rápida que sólo vemos los administradores se verán con un borde con el código del ejemplo.
• La segunda es que si hay otra clase más cercana (rodeando) a la imagen que incluya también esta etiqueta (img), el código que se ejecutará con prioridad será este último más cercano, quedando sin efecto el primero para esos elementos en concreto

Es el caso genérico de las plantillas Blogger, que suelen incluir formatos específicos para las imágenes de las entradas. Si buscáis en vuestro código hay muchas posibilidades de que encontréis algún.post img o un.post-body img.

Así las cosas, si por ejemplo tenemos el siguiente CSS y HTML, todas las imágenes se verán con un borde negro excepto las de las entradas, ya que las propiedades de la clase .post mandarían sobre las genéricas por estar las imágenes dentro de esa clase:

img {border: 5px solid #000000;}

.post img {border: 0px;}

div class='post'
img src='http://blog/imagen.jpg'
/div

Esto de la prioridad se puede saltar añadiendo!important a los valores de cualquier propiedad. Esa instrucción hace que lo que está junto con ella se ejecute prioritariamente, obviando lo antes explicado de la cercanía. Por tanto, para probar lo del borde atodas las imágenes y saltarnos cualquier otra clase que modifique ciertas imágenes, habría que añadir ese comando:

img {border: 5px solid #000000 !important;}

Otra opción para no usar!important sería buscar a mano las clases existentes que modifican imágenes y cambiar sus propiedades o incluso eliminarlas, según el caso.

En las plantillasestándar que proporciona Blogger, las clases utilizadas son.post img para las plantillas clásicas y.post-body img para las del nuevo diseñador. Buscando en vuestra plantilla podréis encontrar cual es la que corresponde en vuestro caso particular.

Auto Mobile Shipping Quote HOW TO DONATE A CAR IN CALIFORNIA Casino personal injury law firm Online Christmas cards mesothelioma lawsuit anti spam exchange server benchmark lending car insurance quotes mn donate your car for kids Html email Insurance Car Insurance Quotes PA mortgage adviser att call conference ONLINECLASSES domains yahoo Adobe illustrator classes Neuson Casino reviews WordPress themes for designers Low credit line credit cards ANNUITY SETTLEMENT Cheap Auto Insurance in VA mesothelioma settlements Online casino Register free domains Mobile casino Social media campaigns Criminal defense lawyer wisconsin mesothelioma attorney DONATE A CAR IN MARYLAND Forex Trading Platform structured settlemen mesothelioma attorney Car Insurance Quotes Utah Seo services car donate Live casino ONLINE MOTOR INSURANCE QUOTES Make money online Australia Nunavut Culture Donate Cars in MA Asbestos Lawyers CAR INSURANCE QUOTES UTAH REGISTER FREE DOMAINS paperport promotional code student loan consolidation program dui lawyer scottsdale buy structured settlements PHD IN COUNSELING EDUCATION Donate Car To Charity CALIFORNIA best consolidation loan student Futuristic architecture DUI lawyer Italian cooking school motor insurance quotes Asbestos Lung Cancer Hire php programmers Online Classes mesothelioma lawyer dallas Hire php developers Sell Annuity Payment Donate Old Cars to Charity Cheap Car Insurance for Ladies Criminal lawyer Miami New social media platforms onlineclasses harddrive data recovery services WordPress hosting DONATE OLD CARS TO CHARITY car insurance companies structured settlement broker peritoneal mesothelioma Psychic for Free Dayton freight lines Dwi lawyer structured settlement company Business VOIP Solutions best criminal lawyer in arizona Criminal lawyer Php programmers Service business software World trade center footage Dayton Freight Lines tucson car accident attorney structered settlement Register Free Domains VIRTUAL DATA ROOMS philadelphia mesothelioma lawyer cheap domain registration hosting Hire php developer Seo companies accident attorney san bernardino Car Insurance Quotes MN Php programmers for hire Motor replacements illinois law lemon Social media examiner Car insurance quotes Colorado Donate a Car in Maryland Email bulk service Best social media platforms for business CHEAP DOMAIN REGISTRATION HOSTING domain yahoo Bankruptcy lawyer structured settlement buyer Best social media platforms Donate Cars Illinois google affiliate Computer science classes online mesothelioma lawsuits Social media strategies PSYCHIC FOR FREE business voip solutions mesotheolima Paperport promotional code How to Donate A Car in California AUTO ACCIDENT ATTORNEY Donate cars in ma Online College Course asbestos lung cancer Home Phone Internet Bundle Royalty Free Images Stock Business finance group selling structured settlement Social media platforms for business Custom WordPress theme designer Car insurance quotes MN mesothelioma lawyer houston Mortgage Adviser mesotheliama Cheap car insurance for ladies Best Seo company truck accident attorney los angeles Business management software How to donate a car in California Met auto Seo company mesothelioma claims Custom Christmas cards primary pulmonary hypertension mesothelioma attorney florida Webex Costs CAR INSURANCE IN SOUTH DAKOTA Personal Injury Lawyers Photo Christmas cards Holland Michigan College mesothelioma drug Psd to WordPress DONATE YOUR CAR FOR KIDS car accident lawyer michigan mesothelioma help Psd to html Social media management Proud Italian cook Tech school mesothelioma law suits refinance with bad credit Social media platforms Christmas cards DONATE CARS ILLINOIS asterisk call center software Car Insurance Quotes motorcycle accident lawyer san diego WordPress theme designers mesothelioma attorney directory mesothelioma trial attorney canada personals yahoo Better Conference Calls Learning adobe illustrator anti spam appliance online colledges st louis mesothelioma attorney Social media tools futuristic architecture asbestos mesothelioma lawsuit miami personal injury lawyer Donate Your Car for Kids Futuristic Architecture Mesothelioma Law Firm structured annuity settlement Donate Car to Charity California Donate Car for Tax Credit DONATE YOUR CAR FOR MONEY Donate Your Car Sacramento mesothelioma settlements amounts Home phone internet bundle adverse credit remortgage Criminal defense attorneys Florida Automobile Accident Attorney Structures Annuity Settlement Car Insurance Quotes Colorado NEUSON Annuity Settlements mesothelioma settlement amounts houston motorcycle accident lawyer Dallas Mesothelioma Attorneys Hard drive Data Recovery Services mesothelioma survival rates BEST CRIMINAL LAWYER IN ARIZONA Motor Replacements Cheap Domain Registration Hosting Donating a Car in Maryland Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona Life Insurance Co Lincoln Online Motor Insurance Quotes Online Colleges Paperport Promotional Code