1
MODUL PERKULIAHAN
P042110007 –
INTERACTIVE AND MULTIMEDIA BROADCASTING
INSERT MEDIA
Abstrak Sub-CPMK (2)
Tabel, Layer, Link, Image Mampu memahami cara membuat
tabel, layer dan modifiasi nya
Pembahasan
Ingin post-mu di web dilengkapi gambar menarik dan informatif? Berikut adalah
caranya:
–Image: image adalah gambar yang berada di dalam tubuh teks. Tampilannya
pada web adalah yang seperti ini:
Fakultas Bidang Studi Tatap Muka Disusun Oleh
04
Bagus Rizki N, M.Ikom
Fakultas Ilmu Komunikasi Broadcasting
Tampilan image pada web
Cara memasukan image sangat mudah. Ketika membuat new post, di pojok kiri
atas akan ada tulisan “Add media”. Klik “Add Media” lalu akan keluar dialog box
“Insert Media” seperti di bawah ini:
Add Media
2021 Interactive and Multimedia Broadcasting
2 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
Dialog box
Jika file gambar yang diinginkan telah berada dalam “Media Library“, hanya perlu
memilih gambar yang diinginkan dengan mengklik gambar tersebut. Pada sisi
kanan terdapat beberapa kolom yang bisa diisi. Yang perlu diperhatikan adalah
bagian “Caption“. Jika “Caption” diisi, akan muncul keterangan di bawah gambar
pada post seperti di bawah ini:
Caption
Jika gambar yang dibutuhkan belum ada pada “Media Library”, jangan khawatir;
Anda bisa mengupload gambar dengan mengklik “Upload files” pada dialog box
“Insert Media”.
2021 Interactive and Multimedia Broadcasting
3 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
Upload files
Selain dengan memasukkan ke “Media library”, gambar bisa juga dimasukkan dari
URL. Caranya adalah dengan memilih “Insert from URL” pada dialog box “Insert
Media”.
Insert form URL
Jika sudah memilih gambar, hanya perlu klik “Insert into page’ yang ada di pojok
kanan bawah. Gambar yang dipilih bisa lebih dari satu.
2021 Interactive and Multimedia Broadcasting
4 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
Insert into page
Setelah itu Image akan masuk ke dalam tulisan dan akan ditampilkan pada post.
Image yang telah berada dalam teks dapat diedit sesuai kebutuhan dengan
mengklik image 1x. Nanti akan muncul gambaran seperti di bawah ini:
2021 Interactive and Multimedia Broadcasting
5 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
Edit Image
–Featured image: featured image adalah gambar yang ditampilkan di halaman
depan atau homepage web. Penasaran bentuknya? Dapat dilihat pada gambar di
bawah ini:
2021 Interactive and Multimedia Broadcasting
6 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
Featured Image
Featured image ini lah yang akan membuat post kita terlihat lebih menarik ketika
terpampang di halaman depan web.
Cara memasangnya adalah dengan mengklik “Set featured image” pada sisi
kanan bawah.
Setelah diklik akan muncul dialog box seperti ini:
Setelah itu cara memasukannya sama dengan Image yang telah disebutkan di
atas.
Selamat mencoba!
2021 Interactive and Multimedia Broadcasting
7 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
Cara Menambahkan Gambar di Website WordPress
Seringkali pengguna website WordPress perlu menambahkan gambar sebagai
pendukung konten. Berbagai jenis gambar dapat membuat konten semakin
menarik, seperti infografik, screenshot, atau foto.
WordPress sebagai Content Management System (CMS) menyediakan fitur untuk
mengunggah gambar dengan mudah. Selama storage hosting masih memadai,
gambar dapat terus diunggah oleh pengguna.
Selain itu, WordPress akan mengumpulkan gambar yang diunggah dalam satu
tempat, yaitu Media Library. Ini seperti tempat penampungan gambar di
WordPress. Kemudian, gambar tersebut dapat Anda tampilkan di post atau
halaman website.
Langkah-langkah Menambahkan Gambar di Website WordPress
Ikuti langkah-langkah di bawah ini untuk menambahkan gambar di website
WordPress.
Mengunggah Gambar di Media Library WordPress
1. Masuk ke Member Area Niagahoster.
2. Pilih menu WordPress Management, klik submenu Sites. Anda akan masuk
ke halaman WordPress Management. Gulir ke bawah hingga menemukan bagian
Login Admin. Klik tombol Login WordPress untuk masuk ke dashboard
WordPress.
2021 Interactive and Multimedia Broadcasting
8 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
3. Anda akan diarahkan ke dashboard WordPress. Selanjutnya, pilih menu Media
dan klik submenu Add New untuk menambahkan gambar.
4. Halaman Upload New Media akan tampil. Untuk memilih gambar yang akan
Anda unggah, klik tombol Select Files.
2021 Interactive and Multimedia Broadcasting
9 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
5. Jendela akan muncul pada layar. Pilih gambar di penyimpanan lokal Anda.
Untuk melanjutkan, klik tombol Open.
6. Gambar berhasil Anda unggah ke WordPress. Selanjutnya, klik submenu
Library.
2021 Interactive and Multimedia Broadcasting
10 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
7. Anda akan melihat halaman Media Library. Setiap gambar yang Anda unggah
ke WordPress akan tersimpan di sini. Gambar dapat Anda gunakan sewaktu-
waktu.
Menambahkan Gambar di Post WordPress
Bagi Anda yang ingin membuat konten di WordPress, Anda dapat langsung
menambahkan gambar ke post.
1. Di dashboard WordPress, pilih menu Posts dan klik submenu Add New.
2021 Interactive and Multimedia Broadcasting
11 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
2. Anda akan diarahkan ke halaman Add New Post. Isi kolom judul dan teks yang
tersedia. Supaya gambar berada di bawah teks, pastikan posisi kursor di bawah
teks. Kemudian, klik tombol Add Media untuk menambah gambar.
3. Anda akan diarahkan ke halaman Add media pada tab Upload files. Untuk
memilih gambar yang akan Anda unggah, klik tombol Select Files.
4. Jendela akan muncul pada layar. Pilih gambar di penyimpanan lokal Anda.
Untuk melanjutkan, klik tombol Open.
2021 Interactive and Multimedia Broadcasting
12 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
5. Halaman Add media pada tab Media Library akan tampil. Centang gambar
yang telah Anda unggah. Untuk menambahkan gambar ke post, klik tombol Insert
into post.
6. Gambar berhasil Anda tambahkan ke post dan muncul di bawah teks.
2021 Interactive and Multimedia Broadcasting
13 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
7. Anda juga dapat mengubah ukuran gambar. Klik gambar dan deret pengaturan
gambar akan muncul. Pilih ikon Edit untuk melanjutkan.
8. Di bagian Display Settings pada kolom Size, pilih opsi Custom Size.
Kemudian, isi salah satu kolom saja, antara Width (lebar) atau Height (tinggi).
Untuk menyimpan perubahan, klik tombol Update.
2021 Interactive and Multimedia Broadcasting
14 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
9. Ukuran gambar berhasil Anda ubah. Untuk mempublikasi post, klik tombol
Publish.
10. Post berhasil Anda publikasi. Untuk melihat tampilan post, klik View post.
2021 Interactive and Multimedia Broadcasting
15 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
11. Anda akan diarahkan ke halaman post tersebut di website.
2021 Interactive and Multimedia Broadcasting
16 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
Daftar Pustaka
1. http://www.macromedia.com
2021 Interactive and Multimedia Broadcasting
17 Bagus Rizki N, M.Ikom
Biro Bahan Ajar E-learning dan MKCU
http://pbael.mercubuana.ac.id/
