title: Tumblr like button not working for my tumblr blog
body: <p>Tumblr like button is not working for my Tumblr blog, the button's color change after clicking but after refreshing the page no updates happen</p>
  
  <p>URL: <a href="http://cs.jumzler.com/" rel="nofollow">http://cs.jumzler.com/</a></p>
  
  <p>HTML code: `</p>
  
  <pre><code>{block:Posts}&lt;p align="right"&gt;&lt;div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"&gt;&lt;/div&gt;&lt;/p&gt;{/block:Posts}
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>    &lt;style&gt;
  .my-like {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABH0lEQVQ4y62T30vCUBiGv/9YuhBLkCA08FdogRFFYFEUhhZNCCQoSESiIOii68pl5qV6s8Eb7+SMHXNs6S7ejZ3zvA+ccT4BICofvS88dJ7w8vqG8WQC754K17lPjrx3z3l8D4YoVaqIrWbcJNbzaHefNZjfXPdy5b0jsO/IRqMxUpmSBnhz2bx1QL79GPbpEePmzhdSyW8fBDL0SK68HwiGCT2S3NiKREaPzP7QRRNPZSHpwm4kMnqkYbQikdEjZv8HK2ubS4nY75mD6WU8qzeXkrHvToBlWSjuHC4kYo99V8bwBnM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+g9hfsHJlJUYljcgAAAAASUVORK5CYII=) !important;
      height:17px;
      width:19px;
      cursor:pointer;
      display:inline-block;
      vertical-align:top;
  }
  .my-liked, .my-like:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABSklEQVQ4y2P4//8/Awy/O3fu/905c/4/2779/69Pn/4jy8Hwz/fv/z/buvX/vfnz/7+/eBFFDZj4cOXK/8O+Pv+36+rA8W4zs/8Ply1DUXx/4cL/u0yMUdQdCQ76/+nWLbA6hq+PH//fbW6OogAZ3+zvByu81t6OU80ea6v/P16//s9wqboKpyIYPhYeTlDN1abG/wz7HR0JKiQGH3Bz+8+ww0CfKobtMjb6z0ANg+CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBiPJuZSZFhF8pK/8NzACjrgKKWHINAOef3168Iw0D429OnGFmKEAZlJVDKR8mbMAyy4XRqClEGnc3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJiSgGHQmPf0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBjDrchm7KrAAAAAElFTkSuQmCC) !important;
      height:17px;
      width:19px;
      cursor:pointer;
      display:inline-block;
      vertical-align:top;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>    &lt;script&gt;
  window.onload = function () {
  document.body.insertAdjacentHTML( 'beforeEnd', '&lt;iframe id="my-like-frame" style="display:none;"&gt;&lt;/iframe&gt;' );
  document.addEventListener( 'click', function ( event ) {
      var myLike = event.target;
      if( myLike.className.indexOf( 'my-like' ) &gt; -1 ) {
          var frame = document.getElementById( 'my-like-frame' ),
              liked = ( myLike.className == 'my-liked' ),
              command = liked ? 'unlike' : 'like',
              reblog = myLike.getAttribute( 'data-reblog' ),
              id = myLike.getAttribute( 'data-id' ),
              oauth = reblog.slice( -8 );
          frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
          liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
      };
  }, false );
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>What am I missing?</p>