Pulgares de votación personalizables en Blogger – Motor – cancer – Virtual

Hace varios meses atrás habíamos visto cómo añadir pulgares de votación tanto en lasentradas como en loscomentarios de Blogger. Gracias aPeliculasTube les enseñaré una sencilla forma de usar una imagen personalizada en los botones y además podremos redefinir el tamaño de los pulgares.

El tutorial:

Como la última vez que publiqué algo relacionado a este sistema no entendía mucho no le situé una buena localización a las secciones, por lo que haré los tutoriales nuevamente y esta vez será algo un poco mas elaborado.

Para instalar el script es necesario pegar el siguiente código antes de /body:

script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Ayuda%20Bloggers/Recursos%20del%20Blog/RATINGSTHUMBS2.js' type='text/javascript'/

Añadiendo los pulgares de votación en las entradas:

El resultado será muy similar a este:

En ''Diseño | Edición HTML'' marcaremos la casilla ''Expandir plantillas de artilugios'', buscaremos el siguiente código:

data:post.body/

Arriba de este, pegaremos el siguiente código:

b:if cond='data:blog.pageType == "item"'
div class="js-kit-rating" style='float:left;padding-left:4px;padding-bottom:6px; padding-right:0px;width:110px;height:90px;background: #fafafa;border:1px solid #f5f5f5;border-radius:2px;box-shadow:1px 1px 1px #969696;margin-top:-2px;' expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title" imagesize="36x36" imageurl="http://1.bp.blogspot.com/-xFcwIBhJovk/TmKMLaE0wUI/AAAAAAAABlk/PKf9pu-JInI/s1600/thumbsbloggergrandes.png" view="score"
/div
/b:if

Cambia el valor float:left, porfloat:right si quieres que se sitúe a la derecha.

Guarda los cambios y listo.

Añadiendo los pulgares de votación en los comentarios:

Para que los pulgares de votación queden a la derecha del nombre del comentarista, deberás buscar el siguiente código, recuerda que ninguna plantilla es igual a otra así que deberás buscar los códigos por cuenta propia:

dl id='comments-block'
b:loop values='data:post.comments' var='comment'
dt class='comment-author' expr:id='"comment-" + data:comment.id'
a expr:name='"comment-" + data:comment.id'/
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/
/dt

div id='thumbscomentarios' style='float:right;margin-left:10px;margin-right:10px;margin-top:-18px;'
div class='js-kit-rating' expr:path='data:comment.cmtBodyIdPostfix' expr:permalink='data:post.url' expr:title='data:post.title' imagesize='18x18' imageurl='http://2.bp.blogspot.com/-BGqiGTIcRk0/TmFVKNGH2rI/AAAAAAAABlA/Vvy-k9l7OSA/s1600/thumbsblogger.png' view='score'
/div/div

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

dd class='comment-footer'
span class='comment-timestamp'
a expr:href='"#comment-" + data:comment.id' title='comment permalink'
data:comment.timestamp/
/a
b:include data='comment' name='commentDeleteIcon'/
/span
/dd
/b:loop
/dl

Deberás agregar el código destacado entre los códigos correspondientes, una vez realizado, guardas los cambios y listo.

Cómo usar una imagen personalizada:

Como es posible apreciar, en ambos casos destaqué 2 valores importantes para esta acción, el valorimageurl, permite utilizar una imagen externa, mientras que el valorimagesize, permite definir el tamaño de cada ícono.

Para entenderlo mejor, veremos un ejemplo para imágenes de tamaño de 18px:

La estructura de la imagen deberá ser de la siguiente forma:

En este caso la imagen es de un tamaño de 36x36px, cada imagen es de 18px.

La imagen deberá tener 4 sprites, y el tamaño que asignaremos corresponde al tamaño de cada ícono (No el de la imagen total). Hay que tener cuidado de no sobrepasar los píxeles de cada ícono para evitar problemas.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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 FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial 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 cashSelling 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

DAYTON FREIGHT LINES DUI lawyer Seo company domain registration yahoo Dwi lawyer Car Insurance Quotes MN mesothelioma attorney assistance Online casino Donating a car in Maryland accident attorney in los angeles Car insurance in South Dakota what is structured settlement Injury Lawyers earthlink business internet Massage School Dallas Texas supportpeachtreecom Casino reviews Met auto Learning adobe illustrator refinance with poor credit DONATE CAR FOR TAX CREDIT ROYALTY FREE IMAGES STOCK Criminal lawyer Seo companies cell cycle regulation ppt DONATE OLD CARS TO CHARITY mesothelioma lawyer virginia Italian cooking school Personal Injury Lawyers google adsense Social media examiner Social media tools Hire php developers Car Insurance Companies Casino att call conference mesothelioma compensation Business management software Online motor insurance quotes Hire php programmers Mobile casino cheap domain registration hosting Make money online Australia california law lemon colorado auto accident attorney colorado mesothelioma lawyers mesothelioma charities Donating a Car in Maryland Life Insurance Co Lincoln Automobile Accident Attorney motorcycle lawyer los angeles car insurance quotes pa buy gift card Donate Old Cars to Charity structured settlement buyers Low Credit Line Credit Cards Donate a Car in Maryland Service business software Webex Costs Donate car for tax credit houston tx auto insurance Donate Cars Illinois Live casino Best social media platforms for business mesothelioma lawyer asbestos cancer lawsuit Adobe illustrator classes la personal injury lawyer Car Accident Lawyers Holland Michigan College Bankruptcy lawyer Data Recovery Raid CHEAP AUTO INSURANCE IN VA Custom Christmas cards online criminal justice degree Online Colleges auto accident lawyer san francisco onlineclasses Royalty Free Images Stock World trade center footage Better conferencing calls Futuristic architecture mesothelioma drug DONATE A CAR IN MARYLAND Cheap Car Insurance for Ladies injury attorney baton rouge chicago hair laser removal mesothelioma care Best Criminal Lawyers in Arizona mesothelioma attorneys california houston mesothelioma attorney car insurance quotes tucson car accident attorney city college in miami Mortgage Adviser google affiliate Social media platforms for business Criminal defense lawyer Php programmers Dayton Freight Lines Php programmers for hire Met Auto Tech school life insurance co lincoln Hire php developer refinance with bad credit Sell Annuity Payment Insurance Companies sell annuity payment FUTURISTIC ARCHITECTURE Best Seo company Computer science classes online ONLINE MOTOR INSURANCE QUOTES structured settlement cash out Hard drive Data Recovery Services Car Insurance Quotes PA