Modify/Change the CSR for view page for a POST in a Blog Site.

Question

I am working on CSR to add a button and change the look and feel of like
and comment button for a Blog Site. Currently I am able to achieve
this, and it is functional(Button).
I am using the below (JSLink) code to achieve it.
    (function () {
        var overrideCtx = {};
        overrideCtx.Templates = {};
        overrideCtx.Templates.Fields = { 'Body':{'View': CBody} };
        console.log("Registering CSR");
        SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);
    function CBody(ctx) {
        var ret = ctx.CurrentItem.Body + "<b>" +
    "<button onclick='myfunc(ctx);' type='button' >Report Abuse</button>" + "</b><hr/>" ;
        return ret;
Now I should make it look like this.
is there a way that i can append a button after the Comment button of Image 1, after that manipulating css will be easier.
I tried to override like below,
    overrideCtx.Templates.Fields = { 'PostCategory':{'View': CDate} };
    function CDate(ctx) {
        var ret =  "<br> <b>" +
    "<button onclick='func(ctx);' type='button' >One More Test</button>" + "</b><hr/>" ;
        return ret;
But for my luck it didn't worked at all.
what field should I override in my case. CSR is under documented for
SharePoint please suggest me which field/Tag/View/Whatever is need to
overridden.

Answer 1

Hi,
The Client Side Rendering(CSR) may not be able to meet your requirement as the “Comment” button is not a field in the Post.aspx page, it just work as a button that when we click
on it, the TextBox “Add a comment” will be focused for waiting user input.
A workaround is that we can just apply JavaScript to this page to add elements you want behind the “Comment” button.
For how to find a specific element in a page and inject HTML on a page, you can take a look at the links below for a quick start:
How to find a specific element on a page using JavaScript:
http://javascript.info/tutorial/searching-elements-dom
Listen to the click event of a button:
http://idratherbewriting.com/2013/02/04/events-and-listeners-javascript/
http://coding.smashingmagazine.com/2013/11/12/an-introduction-to-dom-events/ 
Inject HTML on a page:
http://stackoverflow.com/questions/3762385/best-way-to-inject-html-using-javascript
Feel free to reply if there are still any questions. 
Best regards
Patrick Liang
TechNet Community Support