Materi 7 Pembuatan Blog D3 TKJ Sem 1

03.1. Penambahan Tampilan Blog (Lanjutan …)

Setelah Anda sudah berhasil memasang slide foto pada point 1, maka penambahan tampilan blog yang
berikutnya adalah memasang kalender unik pada Blog Anda

Catatan : Anda dianggap belum Keluar/Logout/Sign Out dari Blog Anda. Namun jika Anda sudah
Keluar/Logout/Sign Out, maka untuk menambah tampilan lain Anda harus melakukan proses
Masuk/Login/Sign In seperti pada file 03. Pembuatan Blog (Memasang Slide Foto) halaman 1 s/d 2.

2. Memasang Kalender Unik

Anda dapat memasang fasilitas kalender ke dalam Blog, hanya saja kali ini sedikit unik karena objek
kalendernya bukan hanya tanggal saja, namun menggunakan manusia sebagai objeknya.
Berikut ini adalah tahap memasang kalender unik :
a. Bukalah jendela baru, kemudian pada Address Bar-nya ketik http://www.humancalendar.com/,
maka akan muncul tampilan seperti Gambar 03.2.a1 dan 03.2.a2 berikut ini

Gambar 03.2.a1. Tampilan Web sebelah atas Gambar 03.2.a2. Tampilan Web sebelah atas

b. Pada bagian bawah halaman Web humancalendar, klik kata “portable” calendars, sehingga
muncul tampilan seperti Gambar 03.2.b berikut ini

Gambar 03.2.b. Tampilan pilihan ukuran kalender dan HTML yang harus dicopy

M.F. Aponno, SE, MMSI Page 1

Materi 7 Pembuatan Blog D3 TKJ Sem 1

c. Kemudian : (1) Pilih dan klik salah satu pilihan ukuran kalender, misalnya 2x2 – 150px, dan
(2) kemudian akan muncul kode HTML pada bagian kanan, blok kode tersebut kemudian copy

d. Kemudian kembali ke jendela Blog Anda. Pastikan tampilan Blog adalah seperti Gambar 03.2.c
berikut ini

Gambar 03.2.c. Tampilan tata letak di Blog Anda

e. Klik kata Tambah Gadget, maka akan muncul tampilan seperti Gambar 03.2.d berikut ini

Gambar 03.2.c. Tampilan pilihan gadget HTML/JavaScript di Blogger

M.F. Aponno, SE, MMSI Page 2

Materi 7 Pembuatan Blog D3 TKJ Sem 1

f. Klik tanda tambah yang ditunjukkan anak panah, sehingga muncul tampilan seperti Gambar
03.2.d

Gambar 03.2.d. Tampilan mengkonfigurasi HTML/JavaScript untuk kalender unik

g. Kemudian : (1) Ketikkan judul dari tampilan kalender unik yang Anda inginkan; (2) Paste-kan
kode HTML yang tadi dicopy; dan (3) Klik tombol SIMPAN, sehingga akan muncul tampilan
seperti Gambar 03.2.e berikut ini

Gambar 03.2.e. Tampilan Elemen Laman sudah ditambahkan ke Blog Anda

M.F. Aponno, SE, MMSI Page 3

Materi 7 Pembuatan Blog D3 TKJ Sem 1

h. Klik kata Lihat Blog, maka sekarang tampilan Blog Anda sudah bertambah dengan adanya
kalender unik, seperti Gambar 03.2.f berikut ini

Gambar 03.2.f. Tampilan Blog yang sudah ditambahkan kalender unik

Catatan dari Dosen :

Bagaimana sejauh ini ??? mudah bukan … untuk itu ikuti lanjutan materi
penambahan tampilan Blog berikutnya … Selamat mencoba.

M.F. Aponno, SE, MMSI Page 4