Wednesday, 20 January 2016

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

  JIHAD KHAN       Wednesday, 20 January 2016


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

১) প্রথমে আপনার ব্লগ লগ অন করুন। তারপর 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)+1var 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 yeardocument.write('<option value="'+i+'">'+themonths[i]+' '+curyear+'</option>')

</script></select>
<div id="calendarspace"><script>//write out current month's calendar to startdocument.write(buildCal(curmonth, curyear, "main", "month", "daysofweek", "days", 1))</script></div>
</form>








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


                                                                          আল্লা হাফেজ 

logoblog

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

Previous
« Prev Post

No comments:

Post a Comment

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