Star Rating in Blogger
NO COMMENTS
|
|
|
As I mentioned in 5 Blogger Widgets star ratings widgets are a good way to get feedback.
Blogger has made available its own star ratings.
Here’s how you can add star ratings widget:
1. Sign in at Blogger in Draft
2. Go to Layout and then click edit on the Blog Posts
3. check the textbox before star ratings
and then you will see this below your posts
But this widget may not show if you have used a custom template. To add the star ratings widget you will have to do the following:
1. Go to Layout->Edit Html
2. Download Full Template
3. Check the Expand Widget Templates
4. Search for the post-footer the code may look like this
<div class=’post-footer’>
<p class=’post-footer-line post-footer-line-1′>
5. Just below the highlighted code paste this code
<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=’280′/>
</b:if>
</span>
6. Now search for
<b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’>
and then find its closing tag /b:widget the code will look like this:
</b:includable>
</b:widget>
7. Just above the highlighted code paste this code
<b:if cond=’data:top.showStars’>
<script src=’http://www.google.com/jsapi’ type=’text/javascript’/>
<script type=’text/javascript’>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
This code will ensure that the star ratings are displayed.
No comments yet.
No trackbacks yet.
Blogger Greet Box – Blogger version of WP Greet Box
September 24, 2009 - 8:28 am
Tags: blogger hacks
Posted in blogger | 15 comments
Share
Wordpress has a lot of snazzy features like the ability to add plugins. Due to this reason wordpress is considered a better platform than blogger. But Blogger lovers try to convert the wordpress plugins to code which can be simply added to the template of the blog.
I always liked the amazing plugin that greets every [...]
Replace Date with a cool new calendar type layout in blogger
August 26, 2009 - 7:42 pm
Tags: blogger hacks
Posted in blogger | 23 comments
Share
Lauren asked me to show how to add a calendar to dates in blogger and i liked the idea and so i am posting about it. I also want to say that my readers can also contact me via the contact form or twitter (@virtuosoblogger) or even discuss on the facebook page.
The default text for [...]
A simple Drop Down Menu For Blogger
June 6, 2009 - 5:19 pm
Tags: blogger hacks
Posted in blogger | 27 comments
Share
Drop Down Menus are great for adding multiple links in your blog and yet they require very little space space. In addition it makes the site more user friendly and gives it a more professional look. I am going to show you how to add a customizable drop down menu to your blogger blog.
Drop Down [...]
Sexy Share Social Bookmarking Widget
May 27, 2009 - 7:43 pm
Tags: blogger hacks, blogger widgets
Posted in blogger | 14 comments
Share
Sexy Share is a really cool social bookmarking widget which uses css technique .Boris Veldhuijzen van Zanten asked me about this widget so here it is.
Here’s a preview of the widget:
Wordpress:
Here’s the original plugin for wordpressBlogger:
visit CssReflex for the blogger hack .
This widget is really simple to add. Just remember to backup your template before [...]
Read More… in blogger main page
April 18, 2009 - 7:47 pm
Tags: blogger hacks
Posted in blogger | 7 comments
Share
In many professional websites you see posts with a short summary and link to the full post. Links like “Read More” “Continue Reading” and “More” are some of the text which link to the full post.This type displays maximum posts in minimum space.And it is a very good way to show content on your website [...]
Removing Navbar From Blogger
April 10, 2009 - 10:16 am
Tags: blogger hacks, blogger tutorial
Posted in blogger | No comments
Share
Navbar is a small toolbar provided by blogger.com which is placed at the the top of your blogger blog. It looks like this:
Blogger Navbar
Some people would like to remove this toolbar because it may not look good or may not match with the template.Here’s how you can remove the navbar:1. Go to Layout->Edit Html2. Download [...]
Replace tags with an Image
April 9, 2009 - 10:15 pm
Tags: blogger hacks
Posted in blogger | 2 comments
Share
The tags can be replaced by an image of your choice in blogger by just replacing and adding small pieces of code in the template by using Edit Html of the layout.
Preview:
Here is what you should do:1. Go to Layout->Edit Html2. Download Full Template (This is to backup your template)3. Check the Expand Widget Templates4. [...]
Recent Posts And Recent Comments Widget
April 6, 2009 - 11:54 pm
Tags: blogger tutorial, tips and tricks, widgets
Posted in blogger | 4 comments
Share
To increase the number of page views per user you need to add links so that the user does not leave the site.
This can be solved by adding links to other posts. You can display recent posts and comments just by following these simple steps
1.Go to Layout>Page Elements2.Then click on Add Gadget
3.Then click on the [...]
Replace Home and Posts Links by images in Blogger
April 3, 2009 - 11:26 pm
Tags: blogger hacks
Posted in blogger | 3 comments
Share
Navigation Links in Blogger are visible as text links usually at the bottom of each page. It is always good to have images as links for navigation, simple text links usually do not attract attention but image links accentuate the navigation links.This hack will show that just by uploading the images and replacing some code [...]
Blogger Tag Cloud / Label Cloud
March 22, 2009 - 11:22 pm
Tags: blogger hacks
Posted in Uncategorized | No comments
Share
It looks great if instead of keywords you have a tag cloud, it is more graphical and looks quite better. Tag clouds are available in other Blog sites but it was not available for Blogger blogs, but now there is a pretty decent tag cloud for Blogger. This blogger hack is available at this Link
Here’s [...]












