How To Add a Calendar to Your Blogger Blog

Posted on the 09 May 2013 by Mohammed39


How To Add a Calendar to Your Blogger Blog
1. Login to your blogger dashboard-->Layout-->'Add A Gadget'

2. Choose Html/Javascript Gadget and paste the following code into the area provided :

<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>

3.Save HTML/Javascript you are done.