I was able to generate the html on Google calendar but I'm lost as to where to add this on my page. I want to place the calendar on the sidebar of the page. Help!
are you in "new" blogger? just add the code in an html/javascript page element. if you give us your blog url we can likely give you some more specific instructions.
okay....i see you've already added a few page elements to the sidebar, so i'm not going to walk you through that, but I will point you in the right direction :-). You should see a link to "add a page element" in the sidebar. when you click it, a popup window should open, and you should choose "HTML/JavaScript". Copy and paste your calendar code into the box and save. that should do it!
you're welcome. yeah, doing it through google calendars is probably the best thing. you'll have to edit the element and put the new code in. if it still turns out to be too big you can do as i did, and just put a link to it. (eg. http://ztradiotest.blogspot.com )
settings>calendar>edit settings (for the calendar you want to share)
at this point you should see a picture of the button like mine, with a link underneath that says "get this code". click the link, copy the code, and put that in the html/javascript element instead of the iframe code you had before.
oh, and thanks for the compliment :-). i wanted to test the new features out before migrating the "real" version of our church blog to the new system. At this point I've successfully migrated but haven't yet upgraded the template to implement the new stuff ( http://ztradio.blogspot.com ). As you can see, i've got the link in there too, but it took a bit more effort, since i had to put it in the template code itself, instead of a page element :-).
Hey! You were so gracious last night to help me with placing the Google calendar button on my page. I'm hoping to achieve the same results as your calendar (for example, when you click on your calendar, you are not prompted to do anything, the calendar simply shows up. When I click on mine I am prompted to add the calendar. It also displays in week view.) I would like my calendar to simply show the month view like yours and allow anyone to scroll through the months to see upcoming events. I have the sharing rights to the calendar set to share with everyone, so I'm not sure why I'm not getting the same results as your page. You can check it out for yourself and see what happens when you click on the Google calendars button (http://www.offtheknot.blogspot.com). If you have any insight on this, it would be great. Thanks again!
your blog is now private (ie invitation only) so i can't look at it anymore. if you don't want to make it public again, just post the code you used to put it on your site here and i'll check it out. before you do that, however, try this first:
"It also displays in week view.) I would like my calendar to simply show the month view like yours and allow anyone to scroll through the months to see upcoming events."
"when you click on your calendar, you are not prompted to do anything, the calendar simply shows up."
i acted too quickly with my instructions on where to get the code to paste, my apologies. there are two steps to the fix. 1. go to "calendar details" and you should see a light blue "html" button. click it, and copy the link to the clipboard (if you're worried about losing it you can paste it into notepad temporarily). This is URL1 (to be used in step 2).
2. go back to the html/javascript element where you have the calendar code (this is the part that's a little tricky if you're not familiar w/html). you should see something that looks something like <a href="URL1old" ><img src="URL2"></a>. It may be more complicated than that, but the impt part to look for is the <a href=" "> tag. Delete the existing url between the quotes, and Copy URL1 (from step 1) in it's place. Be sure that all quotation marks get preserved. Save it, and you should be set. Note that the calendar will appear differently depending on whether you're logged in, but you should get the effect you want.
|
