Yang Perlu Diketahui
- Di Google Kalender, pilih tiga titik di sebelah kalender > Setelan dan Berbagi > salin Sematkan kode.
- Salin kode untuk pengaturan kalender default atau pilih Kustomisasi untuk mengubah pengaturan.
- Salin kode HTML dan tempel ke HTML untuk halaman web Anda.
Artikel ini menjelaskan cara memilih, menyesuaikan, dan menyematkan Kalender Google ke situs web Anda. Petunjuk berlaku untuk desktop di browser apa pun.
Cara Menyematkan Kalender Google di Situs Web Anda
Gunakan Kalender Google gratis untuk mengelola dan berbagi kalender publik di situs web Anda.
Memulai: Pengaturan
Untuk menyematkan kalender, masuk ke Google Kalender. Selanjutnya, buka panel kiri dan arahkan kursor ke kalender yang ingin Anda sematkan. Pilih tiga titik yang muncul. Di kotak opsi yang diperluas, pilih Pengaturan dan berbagi.
Salin Kode atau Pilih Opsi Lainnya
Gulir ke bawah ke bagian Integrasikan Kalender. Di bawah Gunakan kode ini untuk menyematkan kalender ini di halaman web, salin kode semat. Ukuran default adalah kalender 800 kali 600 piksel dengan skema warna default Google.
Pilih Customize untuk mengubah pengaturan.
Menyesuaikan Tampilan
Setelah memilih Customize, tentukan warna latar belakang default agar sesuai dengan situs web Anda, zona waktu, bahasa, dan hari pertama dalam seminggu. Setel default kalender ke tampilan Minggu, Bulan, atau Agenda.
Tampilan
Agenda berguna untuk sesuatu seperti menu kafetaria atau jadwal proyek tim.
Anda juga dapat menentukan elemen mana yang muncul di kalender Anda seperti judul, ikon cetak, atau tombol navigasi.
Ukuran default adalah 800 kali 600 piksel. Ukuran itu baik-baik saja untuk halaman web ukuran penuh tanpa ada yang lain di dalamnya; namun, jika Anda menambahkan kalender ke blog atau halaman web dengan item lain, Anda harus menyesuaikan ukurannya.
Setiap kali Anda membuat perubahan, situs menampilkan pratinjau langsung. HTML di atas kalender Anda juga berubah.
Saat Anda puas dengan perubahan Anda, buka bagian atas layar, dan di bawah Sematkan kode, salin (Ctrl+Catau Command+C) HTML.
Tempel HTML Anda
Tempel (Ctrl+V atau Command+V)kode ke bagian HTML yang relevan untuk halaman web Anda.
Kalender Tertanam
Lihat halaman terakhir Anda untuk menampilkan kalender langsung. Setiap perubahan yang Anda buat pada acara di kalender akan diperbarui secara otomatis.
Jika tidak sesuai dengan ukuran atau warna yang Anda pikirkan, kembali ke Google Kalender dan sesuaikan pengaturannya, tetapi Anda harus menyalin dan menempelkan kode HTML lagi. Dalam hal ini, Anda mengubah tampilan kalender di halaman Anda, bukan acaranya.