Add Reactions Widget to Aspire  

Posted by Jaideep Walia in , ,

I received a comment from Daniel (a visitor on my blog) , on how to enable Reactions on your blog post. The procedure is simple if you are using default template (why would you want to use default template when there are so many beautiful templates floating around).

But We are using one of the best template – Aspire.

So we are going to make it even better….. let’s get our hands dirty, or as dirty as they can get by typing on keyboard…..

First go to Dashboard > Layout > Page Elements.

Now click  Edit on Blog Posts.

A new window will open. Now check the box in front of Reactions:

Check Reactions

This is just the first step, now save your changes and go to Layout > Edit HTML.

Warning: Make sure to make a backup of your template BEFORE making any changes.

Expand Widget Templates

Now find

<data:post.body/>

 

And just below it add the following code

 

<!-- /* *****************Add Reactions ********************* */ -->
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td valign='center'><span class='reactions-label'>
<data:top.reactionsLabel/></span>
</td>
<td><iframe allowtransparency='true' class='reactions-iframe' 
expr:src='data:post.reactionsUrl' frameborder='0' 
name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span> 
<!-- /* **************End of Add Reactions **************** */ -->

 

Save the template and preview your blog. You should see Reactions on your blog post like the image below.

finally reactions enabled

 

That’s it…. Enjoy your new feature for Aspire. Hope you will like it.

You can customize reactions, but I will leave that to you to play with. And don’t forget to check appropriate box to rate this post.

This post was:

This entry was posted on Tuesday, March 9, 2010 at 8:00 PM and is filed under , , . You can follow any responses to this entry through the comments feed .

7 comments

Thank you very much for that.

March 10, 2010 at 10:53 PM

Is there a way to have multiple lines of reactions, since currently if you add too much the bottom ones are not shown.

March 11, 2010 at 2:48 AM

Daniel...
I also faced this problem. But it seems that the width of posting area is the constrain here. Increasing the post area might help but then you will lose or rather you will have to decrease the sidebar area. I will try to look into it but till then I am afraid you will have to use less number of reactions options.

March 11, 2010 at 9:46 AM

Hi Jaideep! I have a question about the comments on aspire. Is there a way to show the profile photos in the comment? Thanks

June 19, 2010 at 5:11 AM

@Enternauta..At the moment I am unaware of the way to add photo... I will try to implement if possible. Thanks for the suggestion.

June 20, 2010 at 7:00 PM

Thank you Jaideep!! Another interesting thing would be showing the geographical location of the entrys (draft blogger function) I failed to make it work on my aspire..

September 10, 2010 at 11:02 AM

Post a Comment

Post a Comment

Comment for encouragement