إضافة كود التقويم "جافا سكربت" في بلوجر

 من التطبيقات والأدوات التي هي الأكثر شيوعاً والتي تتمنى أن تراها على مدونتك مثل "التقويم" حيث أن أغلب ما نشاهده من التقويمات نجدها في مدونات الوورد برس، ولكن هذه الأداة نادرة الوجود في مدونات بلوجر، وقليلاً ما نشاهدها، ولعل الكثير يحب أن يضيف مثل هذا الكود في مدونته، ولعل مثل هذا الكود لربما غير موجود بسبب أن هذا الكود ينزل مباشرة بدون أن تدخل إلى لوحة التصميم داخل لوحة التحكم.

بإمكانك أن ترى التقويم من هنا.

وهنا الكود المطلوب إضافته في بلوجر:

أولاً: ادخل إلى بلوجر.

انتقل إلى تصميم -> انقر على "إضافة أداة" -> إختار النوع HTML/JavaScript.

قم بنسخ الكود التالي، ومن ثم الصقه في الأداة:

<style type="text/css">

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

</style>


<script type="text/javascript" src="http://dsai.588.googlepages.com/basiccalendar.js">

/***********************************************
* Basic Calendar-By Brian Gosselin at http://scriptasylum.com/bgaudiodr/
* Script featured on Dynamic Drive (http://www.dynamicdrive.com)
* Via http://bloggerstop.net
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>

 ثم احفظ الأداة، وستشاهد مدونتك قد أضيف بها التقويم الجديد.