Код состоит из двух частей:
1) код картинки и настройками надписи,
2) код скрипта счетчика (см. в конце статьи).
Первую часть кода можете взять на выбор - с тем обратным отсчетом, который больше вам нравится и походит для вашего сайта.
Красивый счетчик с анимированной елочкой с новогодними шариками и подарками, цифры и надпись синего цвета.
Картинка для счетчика в начале статьи, а так он будет выглядеть с текстом:
Вид готового счетчика:
.gif)
<center><div align="center" style="padding:1px; border: 8px; width: 200px; height: 400px;"><a href="https://samasajt.blogspot.ru/ "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMCiehFEytqSgmv7cM_wgHGr1V99UM5XIFJ6ZeyM3s9rX83N6qWOK3-1PqqTgn7KOdS8nkUV1K6o_o27T3XsoC9sUYqxTtc-hvKoPqNStfRw7_BvAKeteldvBLcAhcjZnoRwyoCuszm9na-XYdFXGiTl034gJcENivKQHMg9Ug5fOqQmgFJ1TvgFg4qKA/s1600/original%20(1).gif" border="0" /></a><div align="center" style="width: 200px;"><span style="font: 12pt Georgia; color: #FF1493 ">До Нового Года осталось...<b><div align="center"><br />
Вид готового счетчика:
Вид счетчика с надписью и обратным отсчетом:
Код:
<center><div align="center" style="padding:1px; border: 8px; width: 200px; height: 400px;"><a href="https://samasajt.blogspot.ru/ "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihmiTknj2dlkjUoETpz2lN4-DoWoYObofqi9ApAojZ83wz-d46pbzsf9oPmkWMFDHFoYdG7lsfqYqtAZD0P_BMw9yFv2baoQczplC0sM0maWCcZf3FA0n06p7AgNIOATu4YybM6Hq3Y9qTC5vOpcY6PfQkC8GDL2l4QOq6b-lk4AUV3Id27zzcLKItquQ/s1600/94756889_55.gif" border="0" /></a><div align="center" style="width: 200px;"><span style="font: 12pt Arial; color: #05A828 ">До Нового Года осталось<b><div align="center"><br />
Для вставки любого из этих счетчиков в блогах на платформе Blogger нужно скопировать первую часть кода и вставить ее в новый гаджет HTML/JavaScript и ниже тут же, в гаджете вставить скопированную вторую часть кода.
И только после этого нажать кнопку "Сохранить".
Вторая часть кода скрипта:
<script language="javascript">
function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}
cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000)
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdtime.prototype.showresults=function(){
var thisobj=this
var timediff=(this.targetdate-this.currentTime)/1000
if (timediff<0){
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60
var oneHour=60*60
var oneDay=60*60*24
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000)
}
function formatresults2(){
if (this.timesup==false){
var displaystring="<span class='nonewyear'>"+arguments[0]+" Дней "+arguments[1]+" Часов<br>"+arguments[2]+" Минут "+arguments[3]+" Секунд</span> "
}
else{
var displaystring="<span class='newyear1'>С Новым годом!!!</span>"
//alert("С Новым годом!!!")
}
return displaystring
}
</script>
<div id="countdowncontainer2"></div>
<script type="text/javascript">
var currentyear=new Date().getFullYear()
var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1
var christmas=new cdtime("countdowncontainer2", "january 1, "+thischristmasyear+" 0:0:00")
christmas.displaycountdown("days", formatresults2)
</script></div></b></span></div></div></center><b></b>
После наступления Нового года вы можете просто удалить весь гаджет, а в следующем году снова его добавить на сайт.
Если вам больше нравится статичная картинка в счетчике, то в статье Счетчик "До Нового года осталось" на сайт я рассказывала, как самостоятельно создать и настроить обратный отсчет.
P.S. А я от всей души поздравляю с наступающим Новым годом!
Пусть ваши желания обязательно исполняются!
Комментариев нет:
Отправить комментарий