Modul Perkuliahan
REKAYASA WEB
BLOGGER.COM
SUB POKOK BAHASAN : CAPAIAN PEMBELAJARAN :
1. Pengenalan Blogger.com 2. Pendaftaran Blogger.com 3. Front-End Blogger.com 4. Back-End Blogger.com 5. Postingan di Blogger.com 6. Membuat Halaman/Page 7. Mengganti Template 8. Menambah Gadget
1. Mahasiswa mampu mebuat minisite
2. Mahasiswa mampu merencanakan we minisite
3. Mahasiswa mampu mencari dan menginstall template
4. Mahasiswa mampu membuat halaman web
5. Mahasiswa mampu mengelola konten pada personal blog
6. Mahasiswa mampu membuat blog interaktif
Fakultas : Fakultas Teknologi Informasi PERTEMUAN Kode Matakuliah : KP212
02
SKS : 3 SKSDisusun Oleh : Wahyu Pramusinto Diedit Oleh : Atik Ariesta
2019/2020 1 Wahyu Pramusinto – Rekayasa Web (KP212)
PENGENALAN BLOGGER
PENGENALAN BLOGGER.COM
Blogger.com merupakan sebuah blog engine gratis yang dimiliki oleh Google Inc. Blog yang di buat di blogger.com akan memiliki akhiran .blogspot.com. Dengan menggunakan blogger.com Anda bisa membuat blog dengan mudah dan gratis. Untuk membuat blog di blogger.com Anda harus memiliki email dan disarankan menggunakan Gmail.
PENDAFTARAN BLOGGER.COM
Sebelum mendaftar blogger.com, pastikan sudah memiliki Account pada Gmail.com
1. Buka http://blogger.com. Pada modul ini diasumsikan Anda telah mempunyai akun gmail. Kemudian klik Tombol Create Your Blog
Atik Ariesta – Rekayasa Web (KP212) 2 2019/2020 3. Isikan data yang diinginkan pada blog baru pada jendela Create New Blog.
Judul : judul blog. Judul ini akan muncul di title bar browser dan bagian header blog. Judul bisa diganti setelah blog Anda jadi.
Alamat : alamat blog yang Anda inginkan. Pastikan di bagian bawah kolom ini tertulis
Alamat blog ini tersedia
Template : pilih template yang Anda inginkan. Template bisa diganti setelah blog Anda jadi
4. Selamat!! Blog Anda sudah jadi. Pada modul ini alamat blog yang dibuat adalah ublrekwebac.blogspot.com
2019/2020 3 Wahyu Pramusinto – Rekayawa Web (KP212)
FORNT END BLOGGER.COM
Front End merupakan halaman depan blog Anda di blogger.com.
Di bawah ini adalah keterangan halaman depan ublrekwebac.blogspot.com Judul blog : Judul blog yang tadi Anda buat ditampilkan di sini
Blog Content (posting) : posting Anda akan muncul di sini. Posting terbaru muncul di atas. Karena blog masih baru, postingan belum ada
Gadget : informasi yang akan dimunculkan di sidebar blog Anda. Nantinya gadget bisa diatur melalui back end blogger
BACKEND BLOGGER.COM
Back End merupakan halaman admin blogger.com yang bisa digunakan untuk mengatur
content, mengatur tampilan, melakukan setting blog Anda.
Ada beberapa menu di back end Blogger.com Anda seperti gambar di bawah ini : 1. Ikhtisar, berisi informasi singkat blog Anda.
2. Pos (Posts), digunakan untuk mengatur posting 3. Statistik (Statistik), Berisi statistik blog
4. Komentar (Comments), Digunakan untuk mengatur komentar yang masuk
5. Penghasilan (Earnings), digunakan untuk memasang Adsense (iklan)
6. Laman (Pages), digunakan untuk mengatur halaman
7. Tata Letak (Layout), Digunakan untuk mengatur gadget blog 8. Template (Theme), Digunakan untuk mengganti desain blog 9. Setelan (Setting), Digunakan untuk pengaturan blog seperti
Atik Ariesta – Rekayasa Web (KP212) 4 2019/2020 POSTINGAN DI BLOGGER.COM
Posting merupakan content utama sebuah blog. Postingan terbaru akan dimunculkan di bagian paling atas front end blog Anda.
Untuk Menambahkan posting, Anda bisa klik Menu Posts kemudian klik tombol New Post.
Judul Pos : judul postingan Anda Content : isi postingan
Toolbox : tools untuk mengatur isi content. Anda bisa menggunakan tools ini untuk mengatur font, perataan, menambah link, gambar, dan lain-lain. Beberapa tools mirip dengan tools di aplikasi pengolah kata
Label : kategori posting / keyword posting
Jadwal : menentukan apakah postingan akan langsung diterbitkan atau sesuai jadwal yang dipilih
Tautan permalink : mengatur url posting Lokasi : menentukan lokasi posting
Pilihan : menentukan opsi apakah diijinkan komentar dan mengatur tag HTML Publikasikan : menyimpan dan menerbitkan posting
2019/2020 5 Wahyu Pramusinto – Rekayawa Web (KP212)
Pratinjau : preview postingan Close : menutup form posting
MENAMBAH GAMBAR PADA CONTENT
Letakkan kursor di kolom content pada posisi di mana gambar ingin anda masukkan Klik icon yang ada di bagian toolbox sehingga muncul window untuk memasukkan
gambar. Gambar yang anda masukkan bisa berasal dari hasil upload, webcam, website lain, picasaweb, dan handphone. Yang dicoba di sini adalah gambar hasil upload. Gambar yang bisa diupload adalah gambar berformat jpg, gif dan png
Pilih gambar yang akan diupload dan tunggu sampai proses upload selesai. Pilih gambar yang akan anda masukkan ke postingan, klik tombol Add Selected
Gambar sudah masuk ke dalam postingan. Klik gambar untuk pengaturannya
Atik Ariesta – Rekayasa Web (KP212) 6 2019/2020 MENAMBAH VIDEO PADA CONTENT
Letakkan kursor di kolom content pada posisi di mana video akan ditambahkan.
Klik icon sehingga muncul window untuk menambahkan video. Video bisa ditambahkan dari hasil upload, youtube, handphone dan webcam. Untuk mengupload video membutuhkan bandwidth internet yang cukup.
MENAMBAH LINK PADA CONTENT
Tulis content seperti biasa, blok tulisan yang ingin diberi link, misalnya kata Universitas Budi Luhur.
Klik icon sehingga muncul window untuk menuliskan URL tujuan
Tuliskan alamat URL tujuan Klik OK
2019/2020 7 Wahyu Pramusinto – Rekayawa Web (KP212)
MENGATUR POSTING
Posting yang sudah Anda buat bisa anda lihat melalui menu post. Dari halaman ini anda bisa mengubah posting, menghapus posting, mengganti label, melihat jumlah komentar, melihat berapa kali posting dibaca orang lain.
MEMBUAT HALAMAN/PAGE
Berbeda dengan post, page adalah halaman statis yang jarang diubah isinya. Posisi page biasanya ada di bagian atas blog atau di sidebar.
Klik Page, pilih New Page
Akan muncul tampilan mirip seperti saat posting. Masukkan judul halaman yang diinginkan, misalnya profil. Isi content sesuai keinginan
Atik Ariesta – Rekayasa Web (KP212) 8 2019/2020 MENGGANTI TEMPLATE
Template blog Anda bisa diganti dengan template lain. Masuklah ke menu Template, pilih template yang Anda suka dan klik Terapkan ke blog. Cek apakah front end blog Anda sudah berubah?
Untuk mengubah background, warna huruf dan jenis font klik Sesuaikan. Untuk mengubah kode HTML, klik Customize
2019/2020 9 Wahyu Pramusinto – Rekayawa Web (KP212)
MENAMBAH GADGET
Gadget pada blogger digunakan untuk menambah pernak-pernik blog. Untuk menambahkannya masuk ke menu Tata Letak.
Klik Tambahkan Gadget pada posisi yang Anda inginkan. Muncul popup untuk memilih gadget yang bisa ditambah. Contohnya dipilih gadget entri populer. Klik tombol tambah
\
Masing-masing gadget punya settingan berbeda. Jangan lupa klik Simpan Perhatikan apakah ada perubahan di front end blog Anda
Atik Ariesta – Rekayasa Web (KP212) 10 2019/2020
DAFTAR PUSTAKA
1. Helianthusonfri, Jefferly. (2017). Website Canggih dan Praktis dengan Blogspot. Jakarta : PT. Elex Media Komputindo.
2. Jubilee Enterprise. (2015). Membuat Company Profile dengan Wordpress. Jakarta : PT.Elex Media Komputindo.
3. Jubilee Digital. (2016). Membuat Forum dengan phpBB. Jakarta: Jubilee Solusi Enterprise
4. Simarmata, Janner. (2010). Rekayasa Web. Yogyakarta : CV.Andi Offset.
5. Supriyanti, Wiwit. (2017). CMS Opencart untuk E-Commerce. Yogyakarta : Deepublish 6. Wahana Komputer. (2013). Langkah Mudah Bikin Toko Online dengan Prestashop.
Jakarta: PT. Elex Media Komputindo.
7. Winarno, Edy., Ali Z, Smitdev Community. (2015). Membuat Toko Online 2 in 1. Jakarta : PT. Elex Media Komputindo.
8. Yuhefizar, HA Moodutu, Rahmat H. (2009). Cara Mudah Membangun Website Interaktif Menggunakan Content Management System Joomla (CMS) – Edisi Revisi. Jakarta : PT. Elex Media Komputindo.
9. Google, ”Gmail”, http://gmail.com, diakses 2 Juli 2014 10. Google, ”Blogger”, http://blogger.com, diakses 2 Juli 2014
11. Wahyu Pramusinto, Download Ebook Cara Membuat Akun gmail, http://away.web.id/download-ebook-cara-membuat-akun-gmail/, diakses 1 Juli 2014 12. Wahyu Pramusinto, Cara Membuat Blog di Blogger.com,
