روزشمار حصر رهبران سبز / نسخه دوم

چندی پیش تصمیم به طراحی روزشماری برای حصر رهبران سبز گرفتم و در همین زمینه مطلبی در وبلاگ قرار دادم که از گرافیک و زیبایی چندانی برخوردار نبود. اما به پیشنهاد یکی از دوستان ، تغییرات کوچکی در آن ایجاد کردم تا هم زیباتر به نظر بیاید و هم بیشتر جلب توجه کند.

برای افزودن این روزشمار در وبلاگ خود باید چند مرحله را انجام دهید:


یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید
سه: تیگ گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F):

]]></b:skin>

پنج: کدهای زیر را بالای کد قسمت قبل قرار دهید:

.countup {
text-align:right;
color:#ffffff;
padding: 11px 14px;
width:270px;
height:35px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJkf8yGpf-Io9JwLUGlXFhpyiR8rV3ZePYJt7lk5xFimeMpSwUF30Wiut1tVw7o6maoWE9b_PVtz4t2ojRH4bpYQeptg90HaZi7ys8l9O15vQ6PxsfoO9eC-Wix_bROgXqaGJpL2NsMi_/s1600/ccc222.gif) top right no-repeat;
}

شش: کدهای زیر را در یک گجت HTML/JavaScript قرار دهید :

<div class='countup'>
<p align="right"><font face="tahoma" size="2">
<script>

/*
Count up from any date script-
By sabzintan (www.sabzintan.blogspot.com)*/

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" روز"
document.write(" "+difference+" از حصر رهبران سبزمان گذشت")
}
//enter the count up date using the format year/month/day
countup(2011,02,15)
</script>
</font></p>
</div>

همچنین شما می توانید از طریق این کدها تغییراتی در روزشمار ایجاد کنید:
قرمز: از طریق این کد می توانید رنگ متن را تغییر دهید
سبز: با تغییر عددها می توانید مکان نمایش تصویر پس زمینه را تغییر دهید
آبی: با تغییر این آدرس می توانید تصویر پس زمینه روزشمار را تغییر دهید