Thursday, May 9, 2013

How To Add a Calendar to Your Blogger Blog


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 {
font:bold 12px verdana;

.daysofweek {
font:bold 12px verdana;

.days {
font-size: 12px;
background-color: lightyellow;
padding: 2px;

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


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

* Basic Calendar-By Brian Gosselin at
* Script featured on Dynamic Drive (
* Via
* This notice must stay intact for use
* Visit for full source code

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

3. Save HTML/Javascript you are done.

0 comments to “How To Add a Calendar to Your Blogger Blog”

Post a Comment


Disclaimer | Terms and Conditions | Privacy Policy | Copyright © 2012 | Template design by bbloggertutorials