Add Shabbat Times to your Website
Use these HTML tags to add weekly Shabbat candle-lighting times and Torah portion directly on your synagogue's website.
Browse the Hebcal web developer APIs to display other information on your site (e.g. today's Hebrew date, a full Jewish Calendar, RSS feeds).
The following tags are for Belvedere Tiburon, CA 94920 (change city).
Instructions: Copy everything from this box and paste it into the appropriate place in your HTML:
<script type="text/javascript" src="http://www.hebcal.com/shabbat/?geo=zip;zip=94920;m=72;cfg=j;tgt=_top"> </script> <noscript> <!-- this link seen by people who have JavaScript turned off --> <a target="_top" href="http://www.hebcal.com/shabbat/?geo=zip;zip=94920;m=72">Shabbat Candle Lighting times for Belvedere Tiburon, CA 94920</a> courtesy of hebcal.com. </noscript>
The result will look like this (customize fonts):
Change City
Enter a new city to get revised HTML tags for your synagogue's web page.
Customize Fonts
To change the fonts to match the rest of your site, you can add a CSS stylesheet like this to the <head> ... </head> section at the top of your web page:
<style type="text/css">
#hebcal {
font-family: "Gill Sans MT","Gill Sans",GillSans,Arial,Helvetica,sans-serif;
font-size: small;
}
#hebcal H3 {
font-family: Georgia,Palatino,"Times New Roman",Times,serif;
}
#hebcal .candles { color: red; font-size: large }
#hebcal .havdalah { color: green }
#hebcal .parashat { color: black; background: #ff9 }
#hebcal .holiday { display: none }
</style>
Those fonts and colors are just an example. Cascading Style Sheets (CSS) are very powerful and flexible.