Add Reactions Widget to Aspire

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.

Comments

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

    ReplyDelete
  2. 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.

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

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

    ReplyDelete
  5. 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..

    ReplyDelete

Post a Comment

Comment for encouragement

Popular posts from this blog

Configure D-Link 2750U Wi-Fi Router for Airtel

Aspire theme Problems

How to write in Hindi on Facebook