javascript - How to include jquery Countdown timer plug-in in Blogger template -
javascript - How to include jquery Countdown timer plug-in in Blogger template -
i using blogger , 'simple' template create blog. want set in countdown timer. through research, i've found best way (that allows customisation) using jquery plugin keith wood (http://keith-wood.name/countdown.html).
i'm not sure how include in html code...i've tried many things , can't show @ all. here extract code located before < / head >:
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/> <link href='https://www.dropbox.com/s/apli554dvptb01r/jquery.countdown.css' rel='stylesheet'/> <style type='text/css'> body > iframe { display: none; } #defaultcountdown { width: 240px; height: 45px; } </style> <script src='https://www.dropbox.com/s/kt99b0ly3cx8u7l/jquery.plugin.js'/> <script src='https://www.dropbox.com/s/mr7tsda8236nerh/jquery.countdown.js'/>
from understanding, i've done link jquery database (using google), link own hosting of plugin want utilize , css information.
then in post (location want timer), have set next code in:
$(selector).countdown({until: liftofftime}); var newyear = new date(); newyear = new date(newyear.getfullyear() + 1, 1 - 1, 1); $('#defaultcountdown').countdown({until: newyear}); $('#removecountdown').click(function() { var destroy = $(this).text() === 'remove'; $(this).text(destroy ? 're-attach' : 'remove'); $('#defaultcountdown').countdown(destroy ? 'destroy' : {until: newyear}); }); </script>
from here, plan @ on blog, , create necessary changes - i.e. date counts down, size , font style.
i have no thought i'm going wrong....since produces nil on post @ all.
please help! :) everyone!
unexpected token < jquery.countdown.js:1
is mutual error should have been 404 has been redirected html page (and returning invalid < character because of <html>
).
generally speaking: you're js files can't loaded correctly, check path , check if dropbox allows hotlinking these files.
javascript jquery html timer blogger
Comments
Post a Comment