Header Ads

Memasukkan Unsur Multimedia pada Halaman Blog

 

UNSUR-UNSUR MULTIMEDIA

Unsur-unsur dari pada multimedia diantaranya yaitu teks, Audio, animasi, video dan gambar. berikut saya jelaskan pengertian dari unsur - unsur tersebut :

1.          Teks

Teks merupakan salah satu komponen multimedia yang sangat ampuh dan jelas dalam penyampaian informasi. Penggunaan teks misalnya digunakan pada judul menu, menu-menu, dan tombol. Teks dibagi menjadi dua tipe yaitu serif dan sans serif. Serif memiliki dekorasi kecil pada akhir setiap huruf. Serif biasanya digunakan untuk dokumen. Sedangkan sans serif sering digunakan pada tampilan komputer.

Jenis Jenis Teks :

·       Teks Cetak = Teks yang tercetak di dalam kertas

·       Teks Hasil Scan = Teks yang telah di Konversi dari bentuk teks cetak menjadi bentuk digital

·       Teks Digital = Teks yang langsung di proses di dalam komputer/ laptop

Berikut Contoh Pemformatan Teks :

Teks tanpa efek

Teks diberi efek Tebal

Teks diberi efek Miring

Teks diberi efek Garis Bawah

Teks diberi efek Coret

Teks diberi efek warna teks merah

Teks diberi efek warna belakang kuning



Paragraf ini rata kiri, Paragraf ini rata kiri, Paragraf ini rata kiri, Paragraf ini rata kiri, Paragraf ini rata kiri, Paragraf ini rata kiri, Paragraf ini rata kiri, Paragraf ini rata kiri, Paragraf ini rata kiri.

 

Paragraf ini rata tengah, Paragraf ini rata tengah, Paragraf ini rata tengah,

Paragraf ini rata tengah, Paragraf ini rata tengah, Paragraf ini rata tengah, Paragraf ini rata tengah, Paragraf ini rata tengah.


Paragraf ini rata kanan, Paragraf ini rata kanan, Paragraf ini rata kanan,

Paragraf ini rata kanan, Paragraf ini rata kanan, Paragraf ini rata kanan, Paragraf ini rata kanan,


Paragraf rata kanan dan kiri, Paragraf rata kanan dan kiri, Paragraf rata kanan dan kiri, Paragraf rata kanan dan kiri, Paragraf rata kanan dan kiri, Paragraf rata kanan dan kiri, Paragraf rata kanan dan kiri.


Paragraf normal tidak ditambah inden, Paragraf normal tidak ditambah inden, Paragraf normal tidak ditambah inden, Paragraf normal tidak ditambah inden.

Paragraf diberi inden 1 kali, Paragraf diberi inden 1 kali, Paragraf diberi inden 1 kali, Paragraf diberi inden 1 kali, Paragraf diberi inden 1 kali.

Paragraf diberi inden 2 kali, Paragraf diberi inden 2 kali, Paragraf diberi inden 2 kali, Paragraf diberi inden 2 kali, Paragraf diberi inden 2 kali.


Contoh Daftar Berbutir/Bullet :

·       Arial

·       Calibri

·       Tahoma

 

Contoh Daftar Bernomor/Numbering :

1.     Arial

2.     Calibri

3.     Tahoma

2.     Gambar

Gambar merupakan komponen multimedia yang dapat menyampaikan informasi lebih menarik. Gambar sangat berguna untuk menyampaikan informasi yang tidak dapat dijelaskan dengan kata-kata. Gambar yang dihasilkan oleh komputer terbagi menjadi dua, yaitu:

·       Bitmap = gambar yang terdiri dari titik-titik kecil yang membentuk sebuah gambar

·       Vector = Vector yaitu gambar yang dihasilkan dari koordinat Cartesian yang biasanya menghasilkan bentuk garis, lingkaran, kotak, dan sebagainya.





3.     Suara
Suara merupakan komponen yang paling mengena oleh panca indera manusia. Suara atau medium berbasis suara adalah segala sesuatu yang bisa didengar dengan menggunakan indera pendengaran.  Contoh: narasi, lagu, sound effect, back sound.


Contoh Audio

                                        

4.     Animasi
Animasi merupakan komponen multimedia yang dapat membuat suatu gambar atau tulisan terlihat lebih hidup dengan menampilkan potongan-potongan gambar yang berganti-ganti secara cepat. Selain itu animasi juga dapat membuat slide presentasi menjadi lebih menarik. Contoh animasi seperti tweening, fade in, fade out, zoom in, zoom out, dan sebagainya.


    Contoh animasi teks berjalan menggunakan tag <marquee> teks </marquee>

Ini adalah Contoh Animasi Teks secara Horisontal

Ini adalah Contoh Animasi Teks Memantul (Horisontal)

5.     Video
Video merupakan komponen multimedia yang terdiri dari gambar-gambar dan bergerak dengan sangat cepat secara berurutan. Video merupakan komponen paling menarik dalam multimedia, dan video juga memiliki kekuatan untuk membawa pengguna komputer lebih dekat ke kehidupan nyata. Dengan menambahkan komponen video di dalam project, dapat menyampaikan pesan dan memperkuat cerita. Selain itu orang-orang yang melihat video cenderung dapat mengingat lebih dari yang mereka lihat.

 



Bagaimana cara memasukkannya ?....ayo kita perhatikan langkah-langkah berikut :


  1. Pastikan sudah mempunya Akun Blog (Blogger.com), jika belum punya silahkan buat terlebih dahulu, bisa melihat caranya di #01 BLOG-Membuat Blog dengan Blogger 
  2. Buka https://www.blogger.com - Login
  1. Pilih Akun yang digunakan – Masukkan Password


        

  1. Tampil Area kerja/Editing Blog

  1. Pilih Postingan Baru

  1. Isi Judul Postingan – Tulis sesuai kebutuhan

  1. Option Bar untuk memformat Teks

  1. Option Bar untuk format teks tebal, miring, garis bawah, coret, warna teks dan warna belakang teks

  1. Option Bar untuk Format Paragraf

  1. Option Bar untuk Format Identasi Paragraf

  1. Option Bar untuk Format Bullet/Numbering

  1. Kemudian untuk memasukan Gambar – Klik icon Image – akan muncul 4 daftar cara memasukkan gambar

  1. Pilihan pertama Upload dari Komputer – Klik pilih file – Pilih Gambar di folder pada komputer – klik open

  1. Kemudian gambar yang dipilih masuk ke area upload – klik gambar tersebut – klik pilih

  1. Gambar masuk ke halaman editing blog

  1. Pada halaman editing klik gambar yang tadi – muncul option bar yang berisi pengaturan paragraf gamabr, Ukuran Gambar, Caption di bawah gambar

  1. Pilihan kedua memasukkan gambar dari Google Foto

  1. Jika masih kosong – sinkronkan terlebih dahulu perangkat smartphone anda dengan akun google

  1. Pilihan ketiga memasukkan gambar dari halaman blog kita  - Pilih Blogger

  1. Kemudian muncul seluruh gamabr yang sudah ada di blog kita – pilih salah satu gamabr yang diinginkan – klik pilih

  1. Pilihan yang keempat memasukkan gamabr dari halaman web lain – pilih dari URL

  1. Buka Web lain – klik kanan gambar yang diinginkan – pilih salin alamat/URL gambar

  1. Kembali ke halaman editing blog – masukkan URL yang tadi dicopy – Klik Pilih

  1. Yang berikutnya untuk memasukkan Video – Klik insert Video – muncul 2 pilihan – pilihan pertama upload dari komputer

  1. Muncul area Upload Video – Klik Pilih video untuk diupload – Pilih video di folder komputer

        

  1. Proses upload - Video sudah masuk ke area editing halaman blog

        

  1. Pilihan kedua upload video dari Youtube – pilih Youtube

  1. Klik Penelusuruan – masukkan URL Youtube – Klik Pilih

     

  1. Setelah URL di paste-kan – klik tombol search – video muncul dibawah – klik video – klik pilih

    

  1. Video muncul di area editing halaman blog

  1. Berikutnya memasukkan suara, audio, musik, dll, disini kita menggunakan fitur embed yang disediakan oleh web penyedia suara, audio, musik. Contoh disini menggunakan web https://www.4shared.com/ - pertama masuk ke web – pilih salah suara yang diinginkan

  1. Setelah muncul suara yang dipilh – klik embed (tanda “</>”)

  1. Atur sesuai keinginan – copy link kode-ny

  1. Buka halaman editing blog – pilih tampilan HTML – cari posisi akan diletakkan fitur embed-nya – paste-kan – kembali pilih tampilan menulis

  1. Maka akan muncul tampilan play di area menulis

  1. Berikutnya memasukkan animasi teks – pilih tampilan HTML – tulis kode animasi teksnya, contoh disini menggunakan Contoh animasi teks berjalan menggunakan tag <marquee> teks </marquee>.

<marquee direction="right"><strong><span style="color: #2b00fe;">Ini adalah Contoh Animasi Teks secara Horisontal</span></strong></marquee><div><br /></div><div>

<marquee behavior="alternate" direction="right"><b><span style="color: red;">Ini adalah Contoh Animasi Teks Memantul (Horisontal)</span></b></marquee>

 

  1. Setelah selesai kembalika ke tampilan menulis pada halaman editing blog

Demikian langkah-langkah memasukkan unsur-unsur multimedia pada halaman blog (blogger.com), semoga bermanfaat


Daftar Pustaka :

 

Ø  https://socs.binus.ac.id/2018/12/26/elemen-elemen-multimedia/ diakses 31 Juli 2021

Ø  https://ariefimam2.wordpress.com/2012/11/11/unsur-unsur-multimedia/ diakses 31 Juli 2021



==============================oooOOOooo===================================


"JANGAN LUPA SELALU JAGA KESEHATAN DAN LAKSANAKAN PROTOKOL COVID-19"

"RAIH MASA DEPANMU DENGAN BELAJAR DIMANA SAJA, 
MAU RAJIN-MALAS, MAU PINTAR-BODOH TERGANTUNG DI DIRIMU, 
IN SYAA ALLOH USAHA TIDAK AKAN MENGINGKARI DARI USAHAMU"

Lebih Baik Bisa Rumangsa daripada Rumangsa Bisa

SALAM SUKSES

================================oooOOOooo=================================

Tidak ada komentar

Gambar tema oleh enot-poloskun. Diberdayakan oleh Blogger.