Tutorial put reaction button on blog.

Phiuuu,dah lama tak buat tutorial.sokay,hari ni nak buat tuto how to put reaction button below the blog posts.yang tick-tick tu.jom mula .

1.Log in>Dashboard>Design>Page elements>Blog posts>Tick "Reaction" (nombor 8)
2.Save :-)

WARNING!
Kalau benda tu tak keluar.ada penyelesaiannya tau.

1.2) Design - Edit HTML - Tick "expand widget templates"
2.Ctrl + F - search this code >

  <div class='post-footer-line post-footer-line-3'/>
    </div>

3.Copy code dibawah dan paste di bawah code di atas.

<span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</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>

3.Nanti dia akan jadi macam ni >

      <div class='post-footer-line post-footer-line-3'/>
<span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</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>
    </div>

4.Preview.kalau jadi,save dan tepuk dada bangga jadi.

5.Kalau tak jadi,jangan tanya saya.saya taktau macam mana nak buat.pandai-pandailah cari code yang berkaitan tapi kalau jadi,cakaplah Thanks xD

Totally credit : Encik Goo Puan Gle :-)