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

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

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


یک: از قسمت "طرح" وارد بخش "ویرایش HTML" وبلاگ خود شوید
دو: از قالب خود پشتیبان بگیرید
سه: تیگ گزینه "گسترش الگوهای عناصر صفحه" را قرار دهید
چهار: در قالب وبلاگ خود کد زیر را پیدا کنید: (با استفاده از Ctrl+F):
]]></b:skin>
پنج: کدهای زیر را بالای کد قسمت قبل قرار دهید:
.countup {
text-align:right;
color:#ffffff;
padding: 11px 14px;
width:270px;
height:35px;
background:url(http://4.bp.blogspot.com/-lzJahUEE2Is/TjveS2KcyDI/AAAAAAAAAQg/Ylc-CX-h1sA/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>
همچنین شما می توانید از طریق این کدها تغییراتی در روزشمار ایجاد کنید:
قرمز: از طریق این کد می توانید رنگ متن را تغییر دهید
سبز: با تغییر عددها می توانید مکان نمایش تصویر پس زمینه را تغییر دهید
آبی: با تغییر این آدرس می توانید تصویر پس زمینه روزشمار را تغییر دهید

4 نظر

  1. سلام
    استفاده کردیم...
    مرسی...خسته نباشی...

    پاسخحذف
  2. سلام
    توی بلاگفا نمیشه؟
    آخا این کد اولی رو نداره اصلا

    پاسخحذف
  3. دوست عزیز ، این آموزش برای بلاگ اسپات طراحی شده اما اگه شما می خوای اون رو به بلاگفا اضافه کنی باید کدهای مرحله پنج رو به کدهای CSS وبلاگت ( بالای تگ پایانی style )اضافه کنی. و کدهای مرحله بعدی رو هر جا که خواستی نمایش داده بشه کپی کنی.
    اگه مشکلی بود دوباره در خدمتم.

    پاسخحذف
  4. خیلی ممنون درست شد

    پاسخحذف

» لطفا در نظرات خود از الفاظ رکیک استفاده نکنید
» لطفا نظرات خود را به زبان فارسی تایپ کنید