Top Menu
Blog me New Year Countdown Widget kaise Add karen :

hello dosto is post me bataunga ki apne blog website pe new year 2016 pe new year countdown widget kaise add kare. Naya saal aa raha hain aur aap apne blog ya website ko kuch alag look dena chahte hain to ye post jarur padhe, aur ye tarika apnaye aur apne blog ko khubsoorat banaye. Yahan main blogger aur wordpress blog dono ka tarika batunga.

new year countdown widget-for-bloggers-blog

Blogger ke liye :

Blogger blogspot pe new year countdown widget kaise add kare…

  1. Sabse pehle apne blogger daishboard me login kare.
  2. Ab is widget ko jahan pe aap lagana chahte waha ke hisaab se is code ko paste kare.

Agar aap header ke baad lagana chahte hain to simple aap template  me </head> ke baad <body> tag ke baad is code ko paste kar de.aur save kar de.

Agar aap isse widget sidebar me use karna chahte to aap layout>>add gadget pe click kare.

Ab aap html/javascript ko aad kare aur usme code ko paste kar de.


 

Yahan mene 3 sample diye hain jo pasand aaye aap us code ko copy kar ke laga sakte hain..aur mene niche uske image ke samle bhi de diya hain…

<link href='http://fonts.googleapis.com/css?family=Averia+Libre:700' rel='stylesheet' type='text/css' />
<style type="text/css">
a.scg-clock-link { text-decoration: none; display: block; outline: none; }
#TimerDiv { background: #444444;color: #FFFFFF;font-family: 'Averia Libre', cursive;font-size: 30px;text-align: center;text-shadow: 0 0 5px #96FFE8;line-height: normal; }
.scg-clock-sep { -moz-animation: sep-blinks 1s linear 0s infinite; -webkit-animation: sep-blinks 1s linear 0s infinite; animation: sep-blinks 1s linear 0s infinite;}
@-moz-keyframes sep-blinks 
{
0% {opacity:1}
50% {opacity:0}
100% {opacity:1} 
}
@-webkit-keyframes sep-blinks 
{
0% {opacity:1}
50% {opacity:0}
100% {opacity:1} 
}
@keyframes sep-blinks 
{
0% {opacity:1}
50% {opacity:0}
100% {opacity:1} 
}
</style>
<a target="_blank" class="scg-clock-link" href='http://www.myhelpblog.com/'>
<div id="TimerDiv">
New Year 2016 Countdown<br /><span id="scg-clock-days"></span> Days<br /><span id="scg-clock-hr"></span><span class="scg-clock-sep"> : </span><span id="scg-clock-mins"></span><span class="scg-clock-sep"> : </span><span id="scg-clock-secs"></span></div>
</a>
<script type="text/JavaScript">
function startTimer() {
 /**
 New Year 2016 Countdown Timer
 
 **/
 var newyr=new Date("January 1, 2016 00:00:00");
 var newyeartime=newyr.getTime();
 var todaytm=new Date();
 var todaytime=todaytm.getTime();
 var timeleft=newyeartime-todaytime;
 var leftdays = timeleft/86400000;
 var lefthr=23-todaytm.getHours();
 var leftmin=59-todaytm.getMinutes();
 var leftsec=59-todaytm.getSeconds();
 if (Math.floor(leftdays) <= -1) {
 document.getElementById('TimerDiv').innerHTML="It's New Year Time, Friends!<br/>Happy New Year 2016";
 }
 else {
 document.getElementById('scg-clock-days').innerHTML= Math.floor(leftdays);
 document.getElementById('scg-clock-hr').innerHTML= lefthr;
 document.getElementById('scg-clock-mins').innerHTML= leftmin;
 document.getElementById('scg-clock-secs').innerHTML= leftsec;
 }
 t=setTimeout('startTimer()',999);
}
startTimer();
</script>

Agar aap ye code paste karte hain to ye wala widget aayega…

source..secretsofgeeks

new year countdown

Agar aap ise paste karenge to ye aayega …////////////////////////////////////

<style>#TimerDiv{background: #f6f6f6 url(http://2.bp.blogspot.com/-TpcAik0SoUA/VoEhaZN78gI/AAAAAAAATSk/BIpdMJ4rS6c/s1600/S2mee5j.jpg)no-repeat;border-radius:3px;font-family:Verdana;font-size:40pt;padding:10px;margin:20px auto;text-align:center;color:white}#clock-days{color:green;font-weight:700}#clock-hr,#clock-mins,#clock-secs{font-family:courier new}#clock-hr{font-weight:700}#clock-secs{color:#FBFF00}</style><div id="TimerDiv">New Year 2016 Countdown !<br/><span id="clock-days"></span> <font face="Georgia"><em>Days</em></font><br /><span id="clock-hr"></span><span class="clock-sep"> : </span><span id="clock-mins"></span><span class="clock-sep"> : </span><span id="clock-secs"></span></div></a><script type="text/JavaScript">
function startTimer(){var e=new Date("January 1, 2016 00:00:00");var n=e.getTime();var r=new Date;var i=r.getTime();var s=n-i;var o=s/864e5;var u=23-r.getHours();var a=59-r.getMinutes();var f=59-r.getSeconds();if(Math.floor(o)<=-1){document.getElementById("TimerDiv").innerHTML="It's New Year Time, Friends!<br/>Happy New Year 2016"}else{document.getElementById("clock-days").innerHTML=Math.floor(o);document.getElementById("clock-hr").innerHTML=u;document.getElementById("clock-mins").innerHTML=a;document.getElementById("clock-secs").innerHTML=f}t=setTimeout("startTimer()",999)}startTimer()
</script>

new year countdown widget

Aur ise use karte hain . to niche mai  jo diya uspe click karenge to wo run karega…..

<div align="center" style="margin: 15px 0px 0px;"><noscript><div align="center" style="width: 140px; border: 1px solid rgb(204, 204, 204); text-align: center; color: rgb(255, 255, 255); font-weight: bold; font-size: 12px; background-color: rgb(255, 0, 0);"><a href="http://myhelpblog.com/" style="text-decoration: none; font-size: inherit; color: rgb(255, 255, 255);">New year Countdown</a></div></noscript><script type="text/javascript" src="http://mycountdown.org/countdown.php?cp2_Hex=FF0000&cp1_Hex=FFFFFF&img=-2&hbg=&fwdt=240&lab=1&ocd=New Year&text1=New Year&text2=New Year&group=Holiday&countdown=New Year&widget_number=3015&event_time=1451606400&timezone=Asia/Calcutta"></script></div>

Source..mycountdown

Ispe click karenge to ye run karega….

WordPress blog ke liye :

Agar aap self hosted wordpress pe hain to usme bhi aap new year countdown widget ko aasani se use kar sakte hain.

  1. Sabse pehle wordpress daishboard me login kare.
  2. Ab agar aap ise sidebar me widget me lagana chahte to aap appreance >>widget>>widget>>text widget ko add kar usme is code ko paste kar de.
  3. Yaa fir agar aap ise sabse upar header ke baad lagana chahte hain to aap appreance >>editor pe click kare.
  4. Ab header.php file ko open kare aur </head> ke baad <body> ke baad sabse last me is code ko paste kar de.

Agar new year countdown widget add karne me koi problem aaye to comment kar ke puche….

ise bhi padhen :


To ye post aap logo ko kaise lagi comment me jarur batayen…….

About The Author

Hello, I am Amit .i am hindi blogger.Myhelpblog.com website pe aap wordpress blog ,computer,online business,internet,inspirational story ki knowledge apko milegi.

2 Comments

  1. hello sir time kese set hoga sir iska,,,time galat bta rha h..

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Close