Blog Template 2.0: Add Blog Rating Stars in Blogger Tutorial. <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d5560732631221352938\x26blogName\x3dBlog+Template+2.0\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://blogtemplate20.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://blogtemplate20.blogspot.com/\x26vt\x3d-7942670375567613572', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>
Free Blogger Templates | Home |
.
BlogTemplate20 Free Download Blog Templates
Free Templates
Recent Post(s)
Search Design
Archives
Syndication

AddThis Feed Button

Blog Stats
eXTReMe Tracker
StatCounter tracker
Blogs that link here
Could be useful
Templates Stock
Premium HQ Template
Full Widgetized
Elegant Citrus Fresh
Blue-Dark gradient
Rounded Keko
Fresh Magz Clean
Twitter Style Skin
Travel Logbook
X rated template
BlogArtZine
Cute Girly Cupcake
Brown Magz Style
White Simplicity
Masunurin Simple Rounded
Premium Dashboard
ZinMag News Showcase
Natural Magazine style
Premium RedHat
Money Making Template
Sky dashboard
Premium Blue Sky
Slick Red Web 2.0
Classic w/ Slideshow
Photo Gallery Theme
Theme Showcase
Pro 4 Columns
Neo Simple Green
Club Card Minimalistic
Amature Sexy Template
Feat: Headline Slider
CNN NYT like
Lollipop Woman Stuff
Garland
Papeles Effect
Simple BlueSky
Beach Holiday
Green Light
Glossy Blue
Colorful Transparent
Green Marine
Dark Portfolio blog
Fresh Summer
Valentine Day
Blogy Webby
Azul 2.0
Blogy Freshy
Blogy Illacrimo
Glossy Minimalist
Hello Wiki 2.0
Green Lush Fresh
Kaskus Black
Red Late Show
Red Wine elegant
Blogy Integral
Green Mynix
Red White 2.0
StarCrash web 2.0
Blogy Pro 2 Col.
Blogy Crepusculo
Redish web 2.0
Dark Blue skin
Simple 3 Col.
Beauty Illustration
Fresh Natural
Punk Rock Metal
White Minimalist
K2 Freshy
FireFox Theme
Binary web 2.0
Clear Menu
3 Colomns 2.0
Tabbed menu xml
Tabbed menu classic
iPhone Theme
3 Col Simple
Rounded Corners
Clear Curved Blue
Glossy Glass
Very Web 2.0
Apple Mac skin
Colourful web 2.0
Photoshop CS2 skin
Magazine white
3 Col web 2.0
Blogger Photoblog
PopBlue 3 col.
TypoXP 2.1 skin
Dark Red Glossy
Sandpress 3 col
Elegant Clear web2.0
Elegant Dark web2.0
Rounded tab skin
Fresh blue 2.0
Cute Orange (HOT)
Trendy Blue Marine
Bloggerized AdSense
Orange Yellow Sosuechtig
Blue O2 web 2.0
Premium Blogger
TypoXP2 Standard
18+ Anime Series skin
2 Best Classic skin
NeoSapien New Skin
Simple Glowing Blue Darky
Fresh Green Aura
Ocean Mist Trendy
A new day Elegant
Blue steel 3 columns
Please read our Privacy Policy
Confined space entry dvd
online casino bluebook
online casino gambling guide, to top ranked online casinos and reviews of over 200 gambling related websites. www.onlinecasinobluebook.com also host a casino forum, blog, and casino news articles

Free web 2.0 blogger skins
Spice up your blog by adding our small cool banner inside your blog pages. Simply copy and paste code below. It will not harm your blog, I swear.


Welcome to BlogTemplate20
a blog with free Blogger templates collection.
// Sunday, January 6, 2008

10 Simple steps how to add blog ratings plugin - The tutorial. This tutorial will explain how to add rating stars to a Blogger based blog. With this rating stars your readers can easily rate your stories. I'll try to keep this tutorial simple and clear enough. This blog rating is a free plugin from OutBrain.com site. Lets start the tutorial with only short steps to do.

1. Go to Outbrain.com site to get this plugin.

OutBrain.com

2. You'll see Get ratings button at frontpage of the site. Just click that button to start around.

get rating button

3. You should be faced with a page contains many option there. Now click 1-click install button for Blogger. You can find Blogger logo easily there. For HTML Blogger classic template just jump to point 6th.

Blogger plugin

4. xml template
First select your prefered language for your ratings should be. You must agree with OutBrain TOS before continuing to get ratings. Than just click a button with "Install ratings on your Blogger blog" text on it.

few steps

5.You'll be redirected to Blogger login page. After you've got signed you'll be able to continue installing plugin. The ratings code will be shown automatically inside page elements addition area. What you must do here is only following the instruction how to add a page element in Blogger as usual. In the end of process you just have to save template changes and republish it. It is just simple as we think, didn't we?

Login to blogger 

6. HTML template
For HTML Blogger classic template please don't click the button. But let see around below TOS and Privacy Policy text. There is a link to instruction on how to use ratings in classic template. Click it there.

classic skin instruction

7. Now just follow instruction listed at that page and click Create The Code button. Don't forget to check agreement statement.

create the code

8. A box with the code will appear. Select that code and copy it. You can easily do this by simply hit Ctrl+C on your keyboard.

copy the code

9. Locate <$BlogItemBody$> tag in your HTML template. Paste the code (CTRL+V) below the tag. You may add <br /> tag. See the example:

paste the code

10. Just click Save Template Changes button as our final step. To see how this ratings plugin works just view your blog and test it.

saving changes

Feel this tutorial useful? Why don't you bookmark us on Digg, Delicious, or Stumbleupon us.

Labels:



Give us feedback comments
Read 8 comment(s):
  • At January 6, 2008 at 6:04 AM, Anonymous Anonymous said…
    Nice simple tutorial, can you write it for Wordpress user?thanks

     
  • At January 7, 2008 at 11:31 AM, Anonymous Anonymous said…
    Tutorial tentang memasang bintang rating di Blogger kah?lumayan cukup singkat dan jelas banget.

     
  • At January 8, 2008 at 7:01 AM, Anonymous Anonymous said…
    Star ratings plugin for blogger is cool one. Thanks yeh. Nice tut.. Are they other plugin for blogger?

     
  • At January 9, 2008 at 2:53 PM, Anonymous Anonymous said…
    Clear tutorial. Very informative for blogger user. Thanks 4 yhe tut

     
  • At January 9, 2008 at 2:56 PM, Anonymous Anonymous said…
    Simple modding and tweaking blogger template. Great tutorial. Just now I wrote my own tuts too..

     
  • At December 12, 2009 at 3:39 AM, Anonymous Anonymous said…
    hmm... informative style

     
  • At February 21, 2010 at 9:44 AM, Anonymous Anonymous said…
    по моему мнению: неподражаемо! а82ч

     
  • At March 23, 2010 at 5:02 AM, Anonymous Anonymous said…
    Who else thinks that Russia bears walking the streets, and the vodka flows like water?
    And anyone can know that in this country the most beautiful girls?

     
  • Gadget 2.0

    Tracked by ClickAider