miércoles, 10 de marzo de 2010

Filled Under: , ,

Numerar comentarios en Blogger. – Criminal – Asesor – Accident

Hace ya tiempo que este truco anda en danza, pero quizás por eso, se encuentra perdido en los archivos de varios blogs y no lo encontrais. Servidor lo aprendió hace bastante de Vagabundia, en su entradaBlogger y los comentarios (1), en el que además explicaba cómo hacer para que fueran saliendo de distinto color los comentarios pares e impares.

Para ponerle un numerito ordinal a cada uno de los comentarios de una entrada, vamos a necesitar una variable inicialmente a cero y un pequeño script que irá sumándole 1 a su valor cada vez que se "imprima" un comentario. Luego recuperaremos esa variable y pondremos ese número dónde nos convenga.

Todos los comentarios son creados mediante unloop (bucle) que va realizando repetitivamente la misma tarea: busca el primer comentario, muestra todos los datos relacionados con él (autor, avatar, texto, fecha...) y cuando termina, busca el siguiente comentario. Esto lo hará hasta terminar con todos los comentarios existentes.

Por tanto, en primer lugar, buscamos el bucle en cuestión (plantillas de artilugios expandidas) y que está redactado comob:loop values='data:post.comments' var='comment'. Justo antes de esa línea, insertamos:

script type='text/javascript'var contadorComentarios=0;/script

Esto lo único que hace es crear una variable llamadacontadorComentarios y asignarle el valor cero. Ahora buscamos este otro trozo e insertamos lo marcado en verde:

b:if cond='data:comment.authorUrl'
a expr:href='data:comment.authorUrl' rel='nofollow'data:comment.author//a
b:else/
data:comment.author/
/b:if
data:commentPostedByMsg/

!-- Numerar comentarios --
div class='comentacontador'a expr:href='"#comment-" + data:comment.id' title='Enlace al comentario'script type='text/javascript'
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios);
/script/a/div

/dt
dd class='comment-body'
b:if cond='data:comment.isDeleted'
span class='deleted-comment'data:comment.body//span
b:else/
pdata:comment.body//p
/b:if
/dd

Este otro código suma una unidad a la variable cada vez que se pasa por el bucle (cada vez que se muestra un nuevo comentario), lo muestra y, a la vez, incluye un enlace en dicho número al propio comentario, que es el mismo que habitualmente lleva la fecha al pie de cada uno. Este link sirve para poder enlazar a cualquier comentario publicado.

Ahora sólo nos queda darle estilo a nuestro numerito. La clase que hemos utilizado escomentacontador, así que ese será también el nombre que tendremos que usar en la parte CSS (antes de/b:skin). Como los números son a su vez enlaces, utilizaremos el ancla (a) y un efecto para cuando se pase el puntero por encima (hover). A continuación un simple ejemplo:

.comentacontador a {
float:right;
margin-top:-20px;
margin-right:20px;
font-size: 18px;
color: #999999 !important;
text-decoration:none;
padding:0px 4px;
}
.comentacontador a:hover {
color: #333333 !important;
}


Esta última parte la tendreis que ajustar en función de vuestro propio diseño.

AUTOMOBILE ACCIDENT ATTORNEY Paperport Promotional Code Motor Insurance Quotes Online Classes Better Conference Calls california motorcycle accident lawyer Online casino Best social media platforms Seo company structered settlement mesothelioma attorney Hire php programmers Online Colleges New social media platforms donate car for tax credit Insurance Companies Donate Your Car Sacramento selling annuity WordPress themes for designers Casino DUI lawyer Bankruptcy lawyer truck accident attorney los angeles Business VOIP Solutions anti spam exchange server Donate Your Car for Kids asbestos lung cancer Car Insurance Quotes PA Mobile casino workplace accident attorney life insurance quotes colorado auto accident attorney Business management software Seo companies Italian cooking school mesotheolima ONLINE COLLEDGES Make money online Australia fortis health insurance temporary best accident attorneys Met Auto WEBEX COSTS business email web hosting Social media platforms for business best consolidation loan student Dayton Freight Lines Custom Christmas cards massage school dallas texas Psychic for Free Online Christmas cards Donate Old Cars to Charity maritime lawyer houston Sell Annuity Payment ashely madis Donate Car for Tax Credit lease management software Casino reviews MET AUTO Live casino CAR INSURANCE QUOTES COLORADO WordPress theme designers How to Donate A Car in California mesothelioma ct injury lawyers west palm beach Hire php developers california mesothelioma attorney Car Donate Attorney Structures Annuity Settlement Php programmers for hire LIFE INSURANCE CO LINCOLN la personal injury lawyer Donate Car To Charity CALIFORNIA Email Bulk Service Criminal lawyer SELL ANNUITY PAYMENT Royalty Free Images Stock Cheap Domain Registration Hosting Donate car to charity California Donating Used Cars to Charity Neuson Php programmers Donate Cars Illinois Dwi lawyer google affiliate Asbestos Lawyers REGISTER FREE DOMAINS Service business software saskatchewan auto insurance Criminal defense lawyer Nunavut Culture CAR INSURANCE QUOTES UTAH domain name yahoo Html email Hire php developer Hard drive data recovery services state of california car insurance car accident lawyer san bernardino Webex Costs ONLINE MOTOR INSURANCE QUOTES Car Insurance Companies Computer science classes online home phone internet bundle CHEAP DOMAIN REGISTRATION HOSTING Auto Mobile Shipping Quote Best social media platforms for business Low credit line credit cards Register Free Domains BEST CRIMINAL LAWYER IN ARIZONA Custom WordPress theme designer Psychic for free structured settlement investments verizon sip criminal defense attorneys florida Business finance group Proud Italian cook MASSAGE SCHOOL DALLAS TEXAS HOLLAND MICHIGAN COLLEGE HOW TO DONATE A CAR IN CALIFORNIA Seo services Donate your car for money Best Seo company sell annuity payment CAR DONATE mesothelioma law suit canada personals yahoo dallas mesothelioma attorneys structured settlemen Psd to WordPress DONATE CARS ILLINOIS yahoo web hosting FUTURISTIC ARCHITECTURE georgia truck accident lawyer Photo Christmas cards tennessee mesothelioma lawyer WordPress hosting Social media tools fast cash for house cell cycle regulation ppt Social media examiner selling my structured settlement Social media management Tech school Social media platforms HARDDRIVE DATA RECOVERY SERVICES Christmas cards Psd to html Car Insurance Quotes Utah Adobe illustrator classes st louis mesothelioma attorney Social media strategies personal injury solicitor Learning adobe illustrator Social media campaigns peritoneal mesothelioma Mesothelioma Law Firm Donate Car to Charity California mesothelioma attorney directory diagnosed with mesothelioma Donate your Car for Money HOME PHONE INTERNET BUNDLE Donate Cars in MA Met auto mesothelioma attorney california Online colledges DONATE CARS IN MA mesothelioma suit arizona auto accident attorney criminal defense federal lawyer best criminal lawyer in arizona CAR ACCIDENT LAWYERS Car Insurance Quotes Colorado Annuity Settlements Car insurance quotes MN data recovery raid onlineclasses structured settlement need cash now mesothelioma charities Hard drive Data Recovery Services Donate a Car in Maryland car accident lawyers structured settlement brokers Cheap car insurance for ladies Motor Replacements Donating a Car in Maryland Car Accident Lawyers Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona structured annuity settlement Life Insurance Co Lincoln motorcycle accident attorney sacramento Holland Michigan College Online Motor Insurance Quotes virtual data rooms Motor replacements lawsuit mesothelioma World Trade Center Footage personal injury attorney torrance Massage School Dallas Texas DONATE YOUR CAR FOR MONEY Low Credit Line Credit Cards small business administration sba Dallas Mesothelioma Attorneys business voip solutions Car Insurance Quotes MN auto insurance cost by state mesothelioma lawsuits Cheap Auto Insurance in VA Forensics Online Course futuristic architecture