Valoración de estrellas en el blog por parte del autor

La mayoría de lossistemas de valoración que conocemos son para que los usuarios califiquen una entrada, pero qué pasa si no queremos la calificación de los usuarios sino la propia. Por ejemplo, algunos blogs hacen reseñas de películas, de libros, aplicaciones, etc. y quieren calificar el "producto" del que hablan, pues es ahí cuando podemos usar un sistema devaloración de estrellas como el siguiente, para que el autor le ponga una calificación a su entrada, reseña, película, o lo que quiera calificar.

El resultado será algo como esto:

Calificación:

Este sistema de valoración lo haremos sólo con CSS apoyándonos de sprites, y tiene la característica de mostrar calificaciones fraccionadas, es decir, que podemos darle una o cinco estrellas, o una estrella y media, dos estrellas y media, etc.

Lo primero que haremos es entrar enPlantilla | Edición de HTML y pegar antes de/b:skin el CSS:

/* Estrellas de valoración
----------------------------------------------- */
.val-fieldset {
width:100px;
border:none;
font-weight:bold;
font-size:12px;
}
.valoracion {
width: 100px;
height: 21px;
display: block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitsCuh3w8hKKWMoVP6dNMnNC7TuJEyZNu0OGCbitheRqDKOv3zHPlKpGOotBDeXZedC5fjoSQ1OSHLTsAZ26jVjTmJCNSq1decIg-F9aMEZv32ksObMTU4X9OKuWhDCH5HqTaLkVcw9Iw/s0/estrellas.png) 0 0 no-repeat;
}
.val-0 {background-position: -100px -0;}
.val-5 {background-position: -81px -21px;}
.val-10 {background-position: -81px 0;}
.val-15 {background-position: -61px -21px;}
.val-20 {background-position: -60px 0;}
.val-25 {background-position: -40px -21px;}
.val-30 {background-position: -40px 0;}
.val-35 {background-position: -21px -21px;}
.val-40 {background-position: -21px 0;}
.val-45 {background-position: 0 -21px;}
.val-50 {background-position: 0 0;}

Y luego en tu entrada donde quieras mostrar la calificación agrega lo siguiente:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-40"/span/fieldset

Lo que está en rojo es la calificación que le darás, en este caso son 4 estrellas. Los valores son en múltiples de 5 donde 0 es ninguna estrella, 5 media estrella, 10 una estrella, 15 una estrella y media, 20 dos estrellas, etc. hasta el 50, que son cinco estrellas.

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-0"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-5"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-10"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-15"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-20"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-25"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-30"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-35"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-40"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-45"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-50"/span/fieldset

Es un método bastante sencillo que le permitirá al autor calificar cualquier cosa. Hemos usado la etiquetaFIELDSET para acomodar el texto "Calificación" y las estrellas, por lo que puedes personalizar esas etiquetas si lo deseas.

Si lo que buscas es un sistema de valoración de estrellas donde sea el público quien califique, entonces tal vez quieras usar las propiasestrellas de valoración que provee Blogger.

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

structured annuity settlement Casino reviews tucson car accident attorney donating used cars to charity pharmacist jobs in chicago Virtual Data Rooms mesothelioma law suits business voice mail service Claim Car insurance quotes pa Dwi lawyer Criminal defense lawyer benchmark lending Online Christmas cards Adobe illustrator classes best structured settlement companies mesothelioma attorneys ONLINE MOTOR INSURANCE QUOTES FORENSICS ONLINE COURSE los angeles auto accident attorneys Asbestos Lawyers lawsuit mesothelioma Car Insurance Quotes MN illinois mesothelioma lawyer Mobile casino Php programmers Donate a Car in Maryland cheaper insurance companies Donate your car for money mesothelioma lawyer california Casino WordPress theme designers refinance with poor credit Proud Italian cook Online casino cell cycle regulation ppt mortgage adviser Car Insurance Companies structured settlement company CHEAP CAR INSURANCE IN VIRGINIA mesothelioma charities Business finance group STRUCTURED ANNUITY SETTLEMENT Mortgage adviser How to Donate A Car in California Make money online Australia personal injury solicitor google affiliate Social media tools accident attorneys orange county CAR INSURANCE QUOTES MN Dayton freight lines cheap auto insurance in va personal accident attorney selling annuity Auto Mobile Shipping Quote Nunavut Culture Futuristic Architecture Live casino earthlink business internet DUI lawyer DONATE A CAR IN MARYLAND Hire php developers Hire php programmers Asbestos Lung Cancer state of california car insurance Hire php developer Criminal lawyer donate car for tax credit Seo companies Psychic for free Service business software california law lemon Donating used cars to charity Mortgage Adviser Php programmers for hire Online Colleges injury lawyer houston tx Bankruptcy lawyer ASBESTOS LAWYERS BEST CRIMINAL LAWYER IN ARIZONA REGISTER FREE DOMAINS Computer science classes online Learning adobe illustrator Best social media platforms structured settlement brokers Cheap domain registration hosting Best social media platforms for business Car Insurance in South Dakota HARDDRIVE DATA RECOVERY SERVICES what is structured settlement Photo Christmas cards Car Insurance Quotes domains yahoo New social media platforms Best Seo company Insurance Companies sell annuity payment mesothelioma ct Online motor insurance quotes Massage School Dallas Texas houston tx auto insurance best accident attorneys Psd to WordPress Cheap Domain Registration Hosting Social media platforms for business miami personal injury lawyer firm law mesothelioma mesothelioma litigation DAYTON FREIGHT LINES Donate Old Cars to Charity Custom WordPress theme designer Automobile Accident Attorney Seo services motorcycle accident lawyer california

Cosas Para Blogueros

Valoración de estrellas en el blog por parte del autor – Lawyers

Categories