আল্লার নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আজকে আমি আপনাদেরকে দেখাবো কিভাবে আপনার প্রিয় ব্লগার ব্লগে একটি ক্যালেন্ডার যুক্ত করবেন । কাজটি একদম সোজা কিভাবে করবেন তার জন্য কষ্ট করে একটু নিচে না ।
১) প্রথমে আপনার ব্লগ লগ অন করুন। তারপর Layout অপশন এ যান , তারপর Add a Gadget অপশন এ যান । নীচের চিত্রে দেখুন ।
২) Add a Gadget এ ক্লিক করার পর একটি নতুন উইন্ডো ওপেন হবে সেখান থেকে HTML/JavaScript
অপশন এ যান । নীচের চিত্রে দেখুন ।
৩) HTML/JavaScript এ ক্লিক করলেই আর একটি উইন্ডো ওপেন হবে , সেখানে Title ঘরটা ফাকা রাখুন এবার Content
ঘরে নীচের কোড টি কপি করে পেস্ট করুন তারপর Save বটনে ক্লিক করে
বেরিয়ে আসুন
নীচের চিত্রে দেখুন ।
*ব্যাস কাজ শেষ । কোড পেতে একটু নিচে যান ।
<style type="text/css">
.main {
width:300px;
border:1px solid black;
}
.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://wikitechnol.blogspot.com
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<form>
<select onChange="updatecalendar(this.options)">
<script type="text/javascript">
var themonths=['January','February','March','April','May','June',
'July','August','September','October','November','December']
var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year
function updatecalendar(theselection){
var themonth=parseInt(theselection[theselection.selectedIndex].value)+1
var calendarstr=buildCal(themonth, curyear, "main", "month", "daysofweek", "days", 0)
if (document.getElementById)
document.getElementById("calendarspace").innerHTML=calendarstr
}
document.write('<option value="'+(curmonth-1)+'" selected="yes">Current Month</option>')
for (i=0; i<12; i++) //display option for 12 months of the year
document.write('<option value="'+i+'">'+themonths[i]+' '+curyear+'</option>')
</script>
</select>
<div id="calendarspace">
<script>
//write out current month's calendar to start
document.write(buildCal(curmonth, curyear, "main", "month", "daysofweek", "days", 1))
</script>
</div>
</form>
* আজকের মতো এই পর্যন্ত আবার দেখা হবে । ভাল থাকবেন সুস্ত থাকবেন , আর কোন ভুল ত্রুটি হলে ক্ষমার চোখে দেখবেন ।
আল্লা হাফেজ