Рейтинг із зірками в Blogger

Ос­кіль­ки рей­тинг із зір­ка­ми в Blogger уже пе­рейшов із чер­не­ток в ос­нов­ну вер­сію, а біль­шість шаб­ло­нів йо­го не під­три­му­ює, для то­го, щоб на­д­а­ти ко­рис­ту­ва­че­ві мож­ли­вість оці­ни­ти ваш до­пис, до­во­ди­ть­ся під­кручу­ва­ти шаб­ло­ни руця­ми. От і в ме­не не­дав­но ді­йшли ру­ки до цьо­го. В «анек­до­тах», зви­чай­но.

Перш за все, не вір­те то­му, що на­пи­са­но в Blogger Buster. Це, мож­ли­во, бу­ло пра­ви­ль­но для чер­не­ток, але за­раз призво­дить до ду­блю­ван­ня зі­рок. Те­пер все про­с­ті­ше. Але, є од­на особ­ли­вість — під­пи­си в рей­тин­гу не пе­ре­кла­де­ні. На щас­тя, під­пи­си мож­на при­хо­ва­ти, що тіль­ки ро­бить сер­віс кра­щим.

Сек­рет про­с­тий — змен­ши­ти ви­со­ту еле­мен­та. От­же, ні­яких вста­вок Javascript біль­ше не тре­ба. Від­кри­ва­є­мо роз­ши­ре­ний шаб­лон еле­мен­тів ке­ру­ван­ня і встав­ля­є­мо на­ступ­ний код ку­ди вам біль­ше по­д­об­а­є­ть­ся.

<span class='star-ratings' style='float: right;'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='18' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>

Осо­бис­то я вста­вив пе­ред <span class='post-labels'> — з'яв­ля­є­ть­ся пра­во­руч від мі­ток. Як­що ви встав­ля­є­те зі­роч­ки в ин­ше міс­це, звер­ніть ува­гу на стиль. Мож­ли­во ви за­хо­че­те змі­ни­ти “пла­ван­ня пра­во­руч” на щось ин­ше...

Далі...