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/