How do I edit the CSS of one blog post but not others to have a 5 Star Rating System?

Question

I recently created my own blog using Google\'s Blogger.

When I have completed reading a particular book, I have a Book\'s I Read Section where I would like to have a

Answer 1

This method does NOT use JavaScript, jQuery, CSS or CSS3.

To clarify: It uses plain ASCII Code to provide the STAR requirements.

Solid Star: ★
ASCII Code for Solid Star: ★

Outline Star: ☆
ASCII Code for Outline Star: ☆

Live DEMO Follows (sorry jsFiddle!):

---

Book Title: A Trip To The Dentist
Book Author: Yin Pain & Lord Howard Hurts
Star Rating: ★☆☆☆☆

---

---

Book Title: Chest Pain
Book Author: I. Coffalot
Star Rating: ★★☆☆☆

---

---

Book Title: Dealing With Skunks
Book Author: Stan Back
Star Rating: ★★★☆☆

---

---

Book Title: Real Eyes Realize Real Lies
Book Author: I.C. You
Star Rating: ★★★★☆

---

---

Book Title: Spots On The Wall
Book Author: Who Flung Poo
Star Rating: ★★★★★

---

HTML markup for above:

Book Title: A Trip To The Dentist

Book Author: Yin Pain & Lord Howard Hurts

Star Rating: ★☆☆☆☆


Book Title: Chest Pain

Book Author: I. Coffalot

Star Rating: ★★☆☆☆


Book Title: Dealing With Skunks

Book Author: Stan Back

Star Rating: ★★★☆☆


Book Title: Real Eyes Realize Real Lies

Book Author: I.C. You

Star Rating: ★★★★☆


Book Title: Spots On The Wall

Book Author: Who Flung Poo

Star Rating: ★★★★★

★☆☆☆☆   ★★☆☆☆   ★★★☆☆   ★★★★☆   ★★★★★   

Optional: Use CSS font properties to change star size, color, and background to customize it!