আপনার ব্লগার ব্লগে যুক্ত করুন সুন্দর একটি ক্যালেন্ডার । ( না দেখলেই মিস )



আল্লার নাম নিয়ে আজকের এই পোস্ট শুরু করছি । আজকে আমি আপনাদেরকে দেখাবো কিভাবে আপনার প্রিয় ব্লগার ব্লগে একটি ক্যালেন্ডার যুক্ত করবেন । কাজটি একদম সোজা কিভাবে করবেন তার জন্য কষ্ট করে একটু নিচে না । 

১) প্রথমে আপনার ব্লগ লগ অন করুন। তারপর 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>









* আজকের মতো এই পর্যন্ত আবার দেখা হবে । ভাল থাকবেন সুস্ত থাকবেন , আর কোন ভুল ত্রুটি হলে ক্ষমার চোখে দেখবেন । 


                                                                          আল্লা হাফেজ 

একটি মন্তব্য পোস্ট করুন

0 মন্তব্যসমূহ