javascript - Tumblr like button not working for my tumblr blog -
tumblr button not working tumblr blog, button's color change after clicking after refreshing page no updates happen
html code: `
{block:posts}<p align="right"><div class="my-like" data-reblog="{reblogurl}" data-id="{postid}" title="like"></div></p>{/block:posts}
css:
<style> .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; } </style>
js:
<script> window.onload = function () { document.body.insertadjacenthtml( 'beforeend', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addeventlistener( 'click', function ( event ) { var mylike = event.target; if( mylike.classname.indexof( 'my-like' ) > -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 ); }; </script>
what missing?
Comments
Post a Comment