How to add a Responsive New Year (2016) Countdown Plugin in Blogspot Blog - As you guys already know that, the New Year 2016 is too close and every blogger want to display some cool widgets on their blog. So that is the main reason today I'm going to share with you a stylish New Year counter plugin for your blog. The best part of this widget is that, it's showing the left days, hours, minutes, and seconds.
Now, if you want to install this countdown plugin on your own blog, then simply follow the below simple steps.
How to install New Year Counter Plugin On Blogger
At the first, visit to your blogger dashboard - Login
Go to the "Template" section.
Click on the "Edit html" button.
In the "Template Editor" add the below CSS code just before ]]></b:skin>
#tahunbaru{background:#31acce;color:#ffe8a0;font-size:110%;text-align:center;padding:15px 0;font-weight:normal;border-radius:3px;line-height:normal;font-family:'Open Sans',Verdana,Arial,sans-serif}
.digital,.idjudul{color:#fff}
@media screen and (max-width:920px){
h2.entry-title{padding:15px 0}
.infoarlina-meta .lefty .labels{display:none}}
@media screen and (max-width:767px){
.post-thumbnail{margin:0 0 5px auto;float:none}}
Copy the below JavaScript code and paste it just before </body>
<script type='text/javascript'>
//<![CDATA[
// 2016
var target_date=new Date("Jan 01, 2016").getTime();var days,hours,minutes,seconds;var hitungmundur=document.getElementById("hitungmundur");setInterval(function(){var current_date=new Date().getTime();var seconds_left=(target_date- current_date)/ 1000;
days=parseInt(seconds_left/86400);seconds_left=seconds_left%86400;hours=parseInt(seconds_left/3600);seconds_left=seconds_left%3600;minutes=parseInt(seconds_left/60);seconds=parseInt(seconds_left%60);hitungmundur.innerHTML=days+" <span class=\'digital\'>Days</span> "+ hours+" <span class=\'digital\'>Hours</span> "
+ minutes+" <span class=\'digital\'>Minutes</span> "+ seconds+" <span class=\'digital\'>Seconds Left</span> <span class=\'idjudul\'>For 2016</span>";},1000);
//]]>
</script>
After that, apply the below "HTML" code anywhere you want to show this widget.
<div id='tahunbaru'>
<span id='hitungmundur'></span>
</div>
All done, If you face any kind of problem, then feel free to ask me via the comment section.
That's it! I hope you like this plugin! Stay tuned for more cool widgets! Thanks for reading +Prince Chaudhri
0 Comment to "How to Add New Year Counter Plugin On Blogger"
Post a Comment