Retrograde. Bamboozlement! More Bamboozlement!

Making Star Rating work for modified Blogger.

I was having trouble making the new star ratings feature introduced by Blogger work for my blog. According to blogger team working on long running Blogger in Draft:
If you have customized your blog widget’s template you may not see the Star Ratings. You will need to either reset your blog widget’s template or copy the Star Ratings code from a fresh template.
Not much help.Then I remembered an old solution.

Here is how to make the Star Ratings Work.


Method 1:

The basic template for my blog is Minima, but I guess the method would be same for all the other templates.

In the Dashboard, goto Edit HTML

First and the most important step: Backup your template by clicking Download Full Template. (In case, something goes wrong and you find yourself staring at what your blog looked like three years ago, You can always Upload back the template that you just saved.)

Now, leave the Expand Widget Templates Not Checked (the default)

Use your Browser's search feature (Ctrl+F) to find the following line:

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Make a note of this line's location inside the main section.To remember the location, you may note down the simple code in the line above and below this line.

Now, delete this line and save the Template.
You will be asked to Confirm you want to delete the widget.Confirm.

Then go back to the code and put in the same line back in at the same spot inside the main section from where you had first deleted it .

Then Save.

This resets the widget.

Now, follow the normal procedure for activating the star ratings feature of Blogger:
Log into draft.blogger.com Go to Layout and edit your Blog Posts widget.

Here mark the checkbox for "Show Star Ratings" and you are done.

Enjoy.

But, those of you running feedflare by Feedburner would have to re- install the feedflare code to make the flares work.

-0-

Update
:Comments made me come up with another simple method to make Star Ratings work for custom blogger templates.

The method, originally suggested mentioned by the blogger team, is simple: copy the code for Star Ratings.

First tried it out successfully on my other blog about quotes from books having Simple II template.

Here’s how to simply do it:

Method 2: 

In the Dashboard, goto Edit HTML

First and the most important step: Backup your template by clicking Download Full Template.

Now,Click the Expand Widget Templates

Use your Browser's search feature (Ctrl+F) to find the following line:

<div class='post-footer-line post-footer-line-3'/>

Copy the following code for Star Rating just above that line:

<div class='post-footer-line post-footer-line-2'><span class='star-ratings'>
<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='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
</div>

Save.

Now, follow the normal procedure for activating the star ratings feature of Blogger:

Log into draft.blogger.com

Go to Layout and edit your Blog Posts widget.

Here mark the checkbox for "Show Star Ratings" and Save.
(if this method doesn't work, try this step at the beginning and then follow the rest of the steps)
View the blog, you will see the Star rating at work (wait for the complete page to load since this feature loads last of all on the page)

And it is done.

-0-

Method 3:
Update on request: Adding Star Ratings below post title
Search for :

<div class='post-header-line-1'/>

add the following code for Star rating just below it:

 <span class='star-ratings'>
<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='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
</div>


Save, Check and it's Done.

Update: In case that doesn't do it (see comments below) and you get XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

To solve. Remove the last line of code: "</div> from the above mentioned copy code. That should do it.

-0-

Amanda at Bloggerbuster provides the solution for the making inline comment form work for modified blogger templates. That was a help too!

29 comments:

  1. do u mean that it reset all widget...??

    and i have to reactivate all the widgets i have just have ???

    please do explain...

    here is my blog... which is heavily modded...

    http://hack5.blogspot.com

    ReplyDelete
  2. Using this method only widget named ‘Blog1’ would be reset.
    Here ‘Blog1’ is the widget and it deals with Title of the post, Body of the post and Footer of the post (that normally includes the name of the author).
    I only had to re-install feedfare after resetting, rest of the blog was fine.
    Hope that helps!
    And do take a full back up your template before proceeding.

    ReplyDelete
  3. thanks vinayak

    will anything happen to page elemnts??

    sorry for bothering.. since i have done reset ( not his type of reset u mentioned) and gotinto loads of trouble...

    thats why..

    iwould love to see star rating...
    since you said it wouldreset body,footer etc.. i have done mod to show only first freww lines of my article..

    ReplyDelete
  4. Page elements should remain untouched. You must have earlier gotten into trouble for using 'revert widget' feature.

    As for mod to show only first few lines...I am not sure but even that would remain untouched. Even if it changes....once you get the star rating, you can always again implement the mod for showing first few lines.

    There is little to worry if you take the complete back up of your template.

    ReplyDelete
  5. thanks.. will try now and post feedback

    ReplyDelete
  6. it broke my site....

    sorry to report late..

    i did all the things .. including rewriting the deleted lines...

    i lost everything... including the bb\ackground pic for my date...

    anyway i was able to bring back my site... with backed up XML ..

    any idea.. ???

    ReplyDelete
  7. Check the update in the post above. Hope this helps!

    ReplyDelete
  8. Hi there,

    Congratulations for your blog, its very nice.

    Im facing some trouble using your tip on fixing star rating on costumized blogs. I tried the 2 ways, but none of them worked.

    My blog adress:

    http://ujsceara.blogspot.com/

    Would you pls help me getting it to work on my blog?

    Best regards from Brazil,
    David Aragon.

    ReplyDelete
  9. David,
    Thanks for the comment!
    What was the problem you faced with the second method?
    Maybe you had trouble finding

    div class='post-footer-line post-footer-line-3'

    the line above which you have to put the code.

    If that was the problem then you would have to look for some proper place in the post footer.

    Also, I have made some changes to the second method. Do try it now...hope this works for you.

    ReplyDelete
  10. Excellent stuff - thanks for that, was having a complete mission trying to get the ratings to appear on the blog! Your first method helped me out and it's all working now!

    ReplyDelete
  11. Though Blogger in Draft has a number of interesting features, I'm taking my time to incorporate them as I'm not too pleased and for a modified template they are a bit of a pain to incorporate.

    Regarding the new star ratings, I think I will stick with the ratings provided by Outbrain, as they look much better than the Blogger one and two they seem to be working fine for me. May be sometime in the near future.

    ReplyDelete
  12. Hi, i have manged to get rating feature work with custom XML by your method but the place date & Post title have been interchanged.

    now it looks very odd :|

    please help

    www.gaurishsharma.com

    ReplyDelete
  13. Soumyadip,
    yes they are working on a number of interesting features! I think best of them is the simplest of them all: the scheduled post feature.
    Making rest of the features work for modified template is quite a task! The only real reason why I try them out is because I like to play around with my template :)
    And yes Outbrain is the simplest solution. The only down side can be the number of code lines that one has to add to template, also the server being a third party may not appeal to all.

    ReplyDelete
  14. Gaurish,
    I think you have now uninstalled the feature as i can't see it on your blog.

    Anyway, I suggest you should try the second method mentioned in the post above in which you only have to add the Star code.

    ReplyDelete
  15. Is it possible to add this feature into the body of a single post, rather than at the bottom of all posts.
    I would love to use it to help readers to my blog give reactions to individual whiskies that are being reviewed (rather than to the blog post itself). But this seems to be an all posts or nothing feature. Am I right?

    ReplyDelete
  16. Chris,
    yes right now it is an all post or nothing feature.
    But for a your blog you take a look at the rating widget provided by outbrain

    ReplyDelete
  17. Do you know anyway to make it appear below the post header,
    I tried modifying the html but it wouldn't work

    ReplyDelete
  18. Sarathganesh,
    check the update in the post above. That should do it.

    ReplyDelete
  19. When I try the first method, i get the following message:
    The widget with id Blog1 is not within a section (actual parent element is: div.) Every widget should be in a section.
    What am i doing wrong?

    ReplyDelete
  20. Hylke,
    In the 1st Method mentioned in this post, one has to only delete a line and that resets the widget. And I recommend this method only if everything else fails to work.
    The error that you mention mostly occurs while adding the lines of code (of Method 2 or 3). In case, that's what you meant, the solution is already there in the post.
    I recommend using Method 2 or 3.
    the format should always be something like this:
    <div class='post-footer-line post-footer-line-2'>
    [code for Star Rating that always starts with <span class='star-ratings'> and end with </span> ]
    </div>
    Hope that helps!

    ReplyDelete
  21. Hello... I love your first method! It restored my stars AND reaction widget...

    I then read you can post stars below post title... tried it, not working. I get an error from the editor.

    Error message: Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

    ReplyDelete
  22. Hey Edgar! To solve that error delete </div> from the last line of 'Copy Code' of Method-3 mentioned in the post.That should fix it.

    (Updating the post with this info too)

    ReplyDelete
  23. Method 3 worked a treat. Ta very much! :)

    ReplyDelete
  24. Hello there!

    I tried the method 1 but nothing has changed. The thing is, on blog posts I click edit, then it takes me to a new window but it does not have the option "Show Star Ratings Box" ! Please help. Thanks! ( I am using a customized template) www.thander-easton.blogspot.com

    ReplyDelete
  25. I have also tried Method 2 but "Show Star Ratings Box" is not showing. :-(

    ReplyDelete
  26. Method 3 worked for us! Thank you.

    Danny & Roxanne

    http://www.goodfoodmsp.com/

    ReplyDelete

I always like to hear back :)
However, irrelevant comments and irrelevant links will not be published. Needless to say, same goes for abusive comment and spam. Leaving back links related to the topic is encouraged. I know it can be tempting but try not to leave your email ids, phone nos and CVs in the comment.

Creative Commons License This work is licensed under Creative Commons Attribution-Share Alike 3.0 License. If you choose to use this or any part of this post on your site please link back to this page.

Categories

100 years of Indian Cinema (36) 1857 (1) 1930s (1) 1947 (20) 1947 print Ads (2) 1950s (1) 1982 (1) 1983 (1) 30s print Ads (1) 40s print Ads (6) 60s print Ads (3) 70s print Ads (52) 80s print Ads (24) A Diary Stolen (9) Ads from 90s n Y2Ks (12) Agra (9) Aldous Huxley (5) Allama Iqbal (3) Anna Akhmatova (3) art (2) Articles (25) Bagpipes (2) Bat-Ball (6) Begam Para (1) Blogging (34) Bookmarks (56) C 4 Computer (7) cartoons (2) Censorship (17) chori (1) Classic Indian Studio (5) Collage (35) Comics (20) Dev Anand (2) Dilli (25) Doordarshan Days (29) Eye Candy (69) Frivolous lol (32) game development (1) Gandhi (13) German Advertising Art (2) gurgaon (5) Guru Dutt (7) Hindi Chini (5) History (68) Hoarding (167) Indian Cinema (125) Indian Retro Television Ads (8) Indira (9) indo-pak (5) it is the 50s (1) it is the 60s (6) it is the 70s (19) it is the 80s (18) it is the 90s (7) Jungle Book (12) Kochi (2) Madhubala (2) maps (2) mario miranda (4) Meena Kumari (8) Million Gods (33) Movies (22) Mumbai (6) mumtaz (1) Music (62) Musings (7) Mussoorie (1) Nargis (1) News That Was (8) Nostalgia (29) Outlinks (16) Pandit Nehru (15) parveen babi (4) phasion (3) Photos (98) Plain weird Query (3) Poems Verses Whatever (43) Projects (3) Quests (4) Radio Ga Ga (11) Raja Harischandra (1) rastay ka maal satay may (2) roos (1) Sari Ads (5) Selected Nonsense (53) snake fest (4) Tibet (5) tona totka (1) Trip to Kashmir (5) Tube You (63) Urdu Poets (8) Vintage Indian Print Ads (97) Walls (5) Who are these people? (14) who mashes up gods? (25) Word Talk (4) Zeenat Aman (13)