localendar Forums Homepage


Print at Nov 19, 2025, 7:20:05 AM

Posted by IslandBabble at Aug 12, 2010, 10:30:10 AM
Re: Minicalendar Embed
I'm not sure what you mean by a sample page. Here's the code the localcalendar wants me to paste- maybe I'm just dense and you can tell me exactly what needs to be pasted where:

<!-- Important! You must include all of the following
text to make the mini calendar work correctly! -->

<!-- You can alter the following CSS to change the
appearance and size of the calendar for your site.
Additional calendar color settings are set under
Options->Colors from your localendar.com account. -->
<style>
.localendar-close {
position: absolute;
top: 4px;
right: 4px;
margin:2px;
border: none;
}
.localendar-mini td, th {
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
font-family: arial;
font-size: 16px;
}
.localendar-label,.localendar-time,.localendar-title {
font-family:arial;font-size:12px;
}
.localendar-label {
font-weight:bold;font-size:14px;
}
.localendar-hasEvents {
background-color:orange;
cursor: pointer;
}
.localendar-selected {
/* Uncomment to enable this feature
background-color: yellow;
*/
}
.localendar-monthName{
background-color:#336699;
color: #FFFFFF;
/* Uncomment this to hide the Month name
display:none;
*/
}
.localendar-balloon{
text-align:left;
}
</style>
<script>
// Other settings you can customize for your site
var lcPopupColor="rgba(230, 230, 230, .9)"; /* Try other values like: rgb(230,230,230), #b0c4de, yellow, etc */
var lcPopupOutline="#333333";
var lcPopupCornerRadius=20; /* Set to 0 for square corners */
</script>
<script language='JavaScript' src='http://www.localendar.com/js/PublishedIncludeMini.js'></script>

<!-- Place this line where you would like the calendar to appear (in a <div>, table, etc) -->
<script language='JavaScript' src='http://www.localendar.com/public/IslandBabble?include=Y&style=M5'></script>

I want to put it in my Blogger template under the "Things to Do" area on my main blogger page: http://islandbabble.blogspot.com/. I've got a link to the calendar now because I can't get the minicalendar to work, but would rather have the actual calendar there. I try to add a Blogger gadget (html/javascript), but nothing happens. I think I'm just not pasting things correctly but am out of combinations to try).

Help! | Cobranding | Legal | Privacy Policy | About localendar.com | Contact Us