Digital Clock widgets for Blogger blog site .It so nice

<h2 style="text-align: center;"> Digital Clock widgets for Blogger blog site .It so nice</h2> <h3>  This is a best Digital Clock for Blogspot blog site, it is very nice and easy to Display</h3> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42o3y0zE-0xZh7HY0-khPGeBAfwzUtCZfiYOaYNeiMw3rBJAi72SPK3WhwHvckH4zmCAc-_4RsPc1dIBJg5EacrlR3YdffX1LTbKGqFv2B-5HlS3gzeMoe8Y-4G1XOJt9ZocccuE_4rw/s1600/clock.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42o3y0zE-0xZh7HY0-khPGeBAfwzUtCZfiYOaYNeiMw3rBJAi72SPK3WhwHvckH4zmCAc-_4RsPc1dIBJg5EacrlR3YdffX1LTbKGqFv2B-5HlS3gzeMoe8Y-4G1XOJt9ZocccuE_4rw/s320/clock.JPG" width="320" /></a></div> <div> <h2>  <a href="http://www.kisabuj.tk/" target="_blank">Show Result</a></h2> </div> <h2> <span style="font-weight: normal;">how it Setup</span> ?</h2> <div> <h3 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 16.8px; font-stretch: normal; font-weight: normal; margin: 0px;"> <b>Now</b> Follow this instruction :</h3> <h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;"> Step 1: <span style="font-weight: normal;">  Go to blogger Dashboard  and Click  Layout</span></h2> <h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;"> Step 2:<span style="font-weight: normal;">   Add  new Widget Like   HTML/JavaScript </span></h2> <h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;"> Step 3:<span style="font-weight: normal;">   Now Copy this Below Code and Pasted this Code  on       </span></h2> <h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;">                     this  Widget</h2> </div> <div> <br /></div> <div> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><style type="text/css"></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">#realtime {</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    font-family: Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    font-weight: 700;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    display: block;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    text-align: center;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    font-size: 30px;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    padding: 2rem 0;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    color: #fff;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    background-color: green;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">#realtime span {</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    display: inline-block;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    font-family: Avenir Next, Nunito, sans-serif;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    font-weight: 100;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    font-size: 12vw;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    position: relative;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    top: -2vw;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">@media all and (max-width: 600px) {</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    #realtime {</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">        font-size: 4rem;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">        padding: 2rem 0;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    };</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">@media all and (max-width: 350px) {</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"> </span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    #realtime {</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">        font-size: 3rem;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">        padding: 2rem 0;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">    };</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></style></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><br /></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><time id="realtime"></time></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"><script type='text/javascript'></span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">var currentTime = document.getElementById("realtime");</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">function zeropadder(n) {</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  return (parseInt(n,10) < 10 ? '0' : '')+n;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">function updateTime(){</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  var timeNow= new Date(),</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  hh = timeNow.getHours(),</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  mm = timeNow.getMinutes(),</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  ss = timeNow.getSeconds(),</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  formatAMPM = (hh >= 12?'PM':'AM');</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  hh = hh % 12 || 12;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  currentTime.innerHTML = hh + ":" + zeropadder(mm) + ":" + zeropadder(ss) + " " + formatAMPM;</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">  setTimeout(updateTime,1000);</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">}</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;">updateTime();</span></span></h2> <h2 style="background-color: #c2c2c2; font-stretch: normal; margin: 0px;"> <span style="color: magenta; font-family: "open sans" , serif , sans-serif;"><span style="font-size: 15.6px; font-weight: normal;"></script></span></span></h2> <h4 style="background-color: #c2c2c2; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 15.6px; font-stretch: normal; font-weight: normal; margin: 0px;"> <span style="color: blue;"><br /></span></h4> <h2 style="background-color: #c2c2c2; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; font-weight: normal; margin: 0px;"> </h2> </div> <div> <br /></div> <div> <h2 style="background-color: white; color: #333333; font-family: 'Open Sans', serif, sans-serif; font-size: 19.2px; font-stretch: normal; margin: 0px;"> <span style="font-weight: normal;">Step 4: Then </span>save <span style="font-weight: normal;">and enjoy yourself .......</span></h2> </div> <div> <span style="font-weight: normal;"><br /></span></div> <h2> If it help full ,Please share this</h2>

Digital Clock widgets for Blogger blog site .It so nice

Digital Clock widgets for Blogger blog site .It so nice  This is a best Digital Clock for Blogspot blog site, it is very nice and easy to...

Read more »