+FOLLOW MESSAGE

poppinstuff is a blog merely contains web tutorials, freebies, downloads, artwork, tips&tricks and themes.


こんにちは
1. All freebies images are under img.ur hosting.
2. Enquiry is applicable through entry commentary or you can message me.
3. For any request could just message me.
4. If you're taking any freebies or resharing tutorials / freebies / etc, please credits to this site. Thank You.



[ ] blog / twitter / instagram






Countdown
Monday, 3 March 2014 @ 09:09

This is the countdown style. Yang mana aku rasa paling simple, dull and plain. Ahah


So, kita pakai code script and you can paste anywhere you like (either in post entry or even in your blog like sidebar, etc)

Copy these code.
<center>
<script language="JavaScript" type="text/javascript">
<!--
dateFuture = new Date(2014,02,20,10,00,00);
function GetCount(){
        dateNow = new Date();                                                                        //grab current date
        amount = dateFuture.getTime() - dateNow.getTime();                //calc milliseconds between dates
        delete dateNow;
        // time is already past
        if(amount < 0){
                document.getElementById('countbox').innerHTML="Now!";
        }
        // date is still good
        else{
                days=0;hours=0;mins=0;secs=0;out="";
                amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs
                days=Math.floor(amount/86400);//days
                amount=amount%86400;
                hours=Math.floor(amount/3600);//hours
                amount=amount%3600;
                mins=Math.floor(amount/60);//minutes
                amount=amount%60;
                secs=Math.floor(amount);//seconds
                if(days != 0){out += days +" day"+((days!=1)?"s":"")+", ";}
                if(days != 0 || hours != 0){out += hours +" hour"+((hours!=1)?"s":"")+", ";}
                if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
                out += secs +" seconds";
                document.getElementById('countbox').innerHTML=out;
                setTimeout("GetCount()", 1000);
        }
}
window.onload=function(){GetCount();}//call when everything has loaded
//-->
</script>
<center>
<div style="font-size: 18px;">
<b>WRITE ANYTHING HERE FOR YOUR HEADING</b></div>
<div id="countbox" style="color: black; font-family: georgia; font-size: 12px;">
</div>
</center>
WRITE ANYTHING HERE FOR DESCRIPTION</center>
MERAH : Itu setting for your masa. Maksudnya your target time. From left ; year - month - day - hour - minute - second

BIRU : Wording untuk your heading. Font dia dah sedia besar, so dont worry.

HIJAU : For you description wording with an enough, small font.

Labels:

Facebook Twitter Google Digg Reddit LinkedIn Pinterest StumbleUpon Email

1 Comments:

Blogger diniezaidy said...

thank you for the tuto. I'm appreciating it!

4 March 2014 at 11:38  

Post a Comment