Author hReview Plugin for Blogger Blogs

Author hReview is an awesome plugin when you are reviewing a product. It is developed by a great writer and author ‘Hesham Zebida’.

If you are a WordPress user, then you can simply download Author HReview plugin here. They have a free, “lite” version and also a premium, paid version for serious affiliates who do a lot of reviews.

What if you are not a wordpress user (like me)?

Don’t worry I have converted Author hReview into blogger.

Same features, same experience in blogger.See how Author hReview for blogger will look in your blog.

Live Demo

How to get Author hReview for blogger?

1. Go to Blogger>Template>Edit HTML.

2. Find ‘]]></b:skin>’ (without quotes) and paste below code just before it.

.rbt_box_right {    float: right;    margin: 0 0 10px 10px;}.rbt_rating_container_default {    border: 1px solid #E0E0E0;    border-radius: 3px 3px 3px 3px;    font-size: 14px;    line-height: 20px;    width: 300px;}#content_box #content .format_text {    color: #000000;    font-family: Quattrocento;}#rbt_rating {    background: none repeat scroll 0 0 #F6F6F6;    border: 2px solid white;    border-radius: 3px 3px 3px 3px;    clear: both;    overflow: hidden;    padding: 10px;}.rbt_rating_container_default {    font-size: 14px;    line-height: 20px;}.rbt_rating_container_default {    font-size: 14px;    line-height: 20px;}#rbt_rating .review_screenshot {    display: block;    margin: 10px auto;}#rbt_rating div.hr {    background: none repeat scroll 0 0 #E0E0E0;    height: 1px;    margin: 5px 0;}#rbt_rating dd {    margin-bottom: 0 !important;    margin-left: 15px;}#rbt_rating dt, #rbt_rating dd {    float: left;    font-weight: normal;margin-bottom: -19px;}.format_text dd {    margin-bottom: 1.5em;}.result {    text-indent: -9999px;}.rbt_rating {    background: url(“http://3.bp.blogspot.com/-wTDC4enXqzs/UIN5wgbreCI/AAAAAAAABFM/BNESOszfE-A/s320/stars.png”) repeat-x scroll 0 -16px transparent;    height: 16px;    position: relative;    width: 80px;}.rbt_rating .result {    background: url(“http://3.bp.blogspot.com/-wTDC4enXqzs/UIN5wgbreCI/AAAAAAAABFM/BNESOszfE-A/s320/stars.png”) repeat-x scroll 0 0 transparent;    height: 16px;    left: 0;    position: absolute;    text-indent: -9999px;    top: 0;    z-index: 102;}.rbt_headline_meta.rbt_magic_review {    cursor: help;}.ar_button {    background: url(“http://2.bp.blogspot.com/-TqpXHM6VkoE/UIN6Ix2tGhI/AAAAAAAABFY/KaUnAb76hRM/s320/bg_button.png”) repeat-x scroll center bottom #777777;    border: medium none;    border-radius: 3px 3px 3px 3px;    color: #FFFFFF !important;    cursor: pointer;    display: inline;    font-weight: bold;    padding: 5px 10px;    text-decoration: none !important;    text-shadow: 1px 1px #666666;}.ar_button:hover {    background-position: 0 center;}.ar_button:active {    background-position: 0 top;    padding: 6px 10px 4px;    position: relative;    top: 1px;}.ar_button.ar_red {    background-color: #E50000;}#rbt_rating dl {    margin-top: 1px;.ar_button.ar_purple {    background-color: #9400BF;}.ar_button.ar_green {    background-color: #58AA00;}.ar_button.ar_orange {    background-color: #F97F26;}.ar_button.ar_blue {    background-color: #2C6DA0;}.ar_button.ar_yellow {    background-color: #FFCC00;}.ar_button.ar_black {    background-color: #333333;}.ar_button.ar_white {    background-color: #FFFFFF;    color: #000000 !important;    text-shadow: 1px 1px #FFFFFF;}.ar_button.ar_gray {    background-color: #F1F1F1;    color: #333333 !important;    font-weight: normal !important;    text-shadow: 1px 1px #FFFFFF;}.ar_button.ar_small {    font-size: 75%;    padding: 3px 7px;}.ar_button.ar_small:active {    background-position: 0 top;    padding: 4px 7px 2px;}.ar_button.ar_medium {    font-size: 90%;    height: 20px;    padding: 5px 8px;}.ar_button.ar_medium:active {    background-position: 0 top;    padding: 5px 8px 4px;}.ar_button.ar_large {    font-size: 160%;    height: 40px;    padding: 7px 12px;}.ar_button.ar_large:active {    background-position: 0 top;    padding: 8px 12px 6px;}

3. Click on Save.

4. Click on New Post>HTML

5. Paste below code in it:

<div class=”hreview”> <div class=”rbt_rating_container_default rbt_box_right” style=”width: px;”><div id=”rbt_rating”><div><div>Review of: <span class=”item”> <span class=”fn”><span class=”title item fn” itemprop=”name”><a href=”http://urlofproduct.com/” rel=”” target=”_blank” title=”Product Title”>Product Name</a></span></span></span></div><div class=”clear”></div><dl><dt></dt><dt>Version:&nbsp; </dt><dd>X.X</dd></dl><div class=”clear”></div><div class=”clear”></div><div class=”clear_space”></div><div class=”hr”><hr /></div><div class=””>Reviewed by:<span class=”reviewer”> Jafar Dhada</span></div><dl><dt>Rating:</dt><dd><div class=”rbt_rating result rating” itemprop=”reviewRating” ><br /><span class=”rating”><div class=”result” style=”width: 100%;” title=”0.5″>5</div></span></div></dd></dl><div class=”clear”></div><div class=”rbt_headline_meta rbt_magic_review”>On <span class=”dtreviewed rating_date”><span class=”published” title=”September 26, 2012″>September 26, 2012</span></span></div><div class=”clear_space”></div><div class=”hr”><hr /></div><h4><span id=”Summary:”>Summary</span></h4><div class=”rbt_description summary” itemprop=”description”>This is place where you can write a quick summary about the product you are reviewing. It may contain quick-description about product’s awesome features to attract more sales.</div></div><div align=”right” class=”rating_btn”><a class=”ar_button ar_red” href=”http://www.producturlstandshere.com/” itemprop=”url” rel=”nofollow” target=”_blank” title=”Aweber email marketing solution”>More Details</a><br /><br /><span style=”font-size: xx-small;”>&nbsp;<a href=”https://www.rightblogtips.com/2012/10/author-hReview-for-blogger.html” target=”_blank”>Get this widget</a> </span></div><div class=”clear”></div></div></div></div>

6. Do changes according to you and click on Publish.

Customization

How to edit Stars:

Go to HTML part of post.

Find this

<div class=”result” style=”width: 100%;” title=”5″>

Now do the changes according to you:

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 10%;” title=”0.5″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 20%;” title=”1″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 30%;” title=”1.5″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 40%;” title=”2″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 50%;” title=”2.5″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 60%;” title=”3″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 70%;” title=”3.5″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 80%;” title=”4″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 90%;” title=”4.5″>

If you want to show 0.5 stars then replace the code with below code:

<div class=”result” style=”width: 100%;” title=”5″>

Still if you need any other help, Don’t feel shy to send me email : jafar@rightblogtips.com

If you do not know then let me tell that it will make your post eye-catchy in Google too. See how your post will look in Google:

So if you also want to make your post’s search results like above then don’t miss even one moment to subscribe and get the widget.

Hope you liked it !

Terms of Use

• You can use it for Personal and Commercial use.
• You cannot re-distribute it without my permission anywhere on the milky way.

You must keep the Footer link else I will file an DMCA report and your blog will be taken down.

Hey I’m not that much hard at all. You can keep or delete the link in footer.

Keeping the link will be highly appreciated.