PENGANTAR APLIKASI KOMPUTER Teknik Dasar Membuat Blog · itulah yang disebut Widget. Blogspot telah...

15
PENGANTAR APLIKA Teknik D FAKULTAS EKO UNIVERSITAS P ASI KOMPUTER Dasar Membua Ari Muhardono, S.K ONOMI PEKALONGAN at Blog Oleh : Kom., M.Kom

Transcript of PENGANTAR APLIKASI KOMPUTER Teknik Dasar Membuat Blog · itulah yang disebut Widget. Blogspot telah...

PENGANTAR APLIKASI KOMPUTER

Teknik Dasar

FAKULTAS EKONOMIUNIVERSITAS PEKALONGAN

PENGANTAR APLIKASI KOMPUTER

Teknik Dasar Membuat Blog

Ari Muhardono, S.Kom., M.Kom

FAKULTAS EKONOMIUNIVERSITAS PEKALONGAN

Membuat Blog

Oleh :Ari Muhardono, S.Kom., M.Kom

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

1

PENDAHULUAN

A. Pengertian Blog Atau WeblogBlog adalah kependekan dari Weblog, istilah yang pertama kali digunakan oleh Jorn

Barger pada bulan Desember 1997. Jorn Barger (www.robotwisdom.com) menggunakan istilah Weblog untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar mereka sendiri. Secara garis besar, Weblog dapat dirangkum sebagai kumpulan website pribadi yang memungkinkan para pembuatnya menampilkan berbagai jenis isi pada web dengan mudah, seperti karya tulis, kumpulan link internet, dokumen-dokumen (file-file WOrd,PDF,dll), gambar ataupun multimedia.

Para pembuat blog dinamakan Blogger. Melalui Blognya, kepribadian Blogger menjadi mudah dikenali berdasarkan topik apa yang disukai, apa tanggapan terhadap link-link yang di pilih dan isu-is u didalamnya. Oleh karena itu Blog bersifat sangat personal.

Perkembangan lain dari Blog yaitu ketika Blog memuat tulisan tentang apa yangseorang Blogger pikirkan, rasakan, hingga apa yang dia lakukan sehari-hari. Blog kemudian juga menjadi Diary Online yang berada di Internet. Satu-satunya hal yang membedakan Blog dari Diary atau Jurnal yang biasa kita miliki adalah bahwa Blog dibuat untuk dibaca orang lain.

B. Sejarah BlogBlog pertama kemungkinan besar adalah halaman "What’s New" pada browser

Mosaic yang dibuat oleh Marc Anders en pada tahun 1993. Kalau kita masih ingat, Mosaic adalah browser pertama sebelum adanya Internet Explorer bahkan sebelum Nestcape.

Kemudian pada J anuari 1994 Justin Hall memulai website pribadinya "Jus tin’s Home Page" yang kemudian berubah menjadi "Links from the Underground" yang mungkin dapat disebut sebagai Blog pertama seperti yang kita kenal sekarang. Hingga pada tahun 1998, jumlah Blog yang ada masih sangat sedikit. Hal ini disebabkan karena saat itu diperlukan keahlian dan pengetahuan khusus tentang pembuatan website, HTML, dan web hosting untuk membuat Blog, sehingga hanya mereka yang berkecimpung di bidang Internet, System Administrator atau Web Designer yang kemudian pada waktu luangnya menciptakan Blog-Blog mereka sendiri.

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

2

C. Jenis – jenis Blog1. Blog Politik : Tentang berita, politik, aktivis , dan semua persoalan berbasis blog

(Seperti kampanye).2. Blog Pribadi : Disebut juga buku harian online yang berisikan tentang pengalaman

keseharian seseorang, keluhan, puisi atau syair, gagasan baik/jahat,dan perbincangan teman.

3. Blog Bertopik : Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu

4. Blog Kesehatan : Lebih spesifik tentang kesehatan. Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll

5. Blog Sastra : Lebih dikenal sebagai litblog (Literary blog).6. Blog Perjalanan : Fokus pada bahasan cerita perjalanan yang menceritakan

keterangan-keterangan tentang perjalanan/traveling.7. Blog Riset : Persoalan tentang akademis seperti berita riset terbaru.8. Blog Hukum : Persoalan tentang hukum atau urusan hukum; disebut juga dengan

blawgs (Blog Laws).9. Blog Media : Berfokus pada bahasan kebohongan atau ketidakkonsistensi media

massa; biasanya hanya untuk koran atau jaringan televise.10. Blog Agama : Membahas tentang agama

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

3

MEMBUAT BLOG

A. PersiapanUntuk membuat Weblog tidak dibutuhkan kemampuan dibidang web design karena

semua aplikasi telah tersedia sehingga orang awampun bisa membuat Weblog sendiri, waktu yang diperlukan juga relative singkat yaitu sekitar 5 menit dan tidak ada biaya iuran yang dikeluarkan untuk memiliki Weblog sendiri.Hal – hal yang perlu disiapkan dalam membuat blog yaitu :1. E-mail. Sebelum membuat blog terlebih dahulu anda harus punya e-mail, contoh alamat

e-mail [email protected],2. Alamat Blog contoh http://nama_anda.namablog.com, 3. Content. Content adalah isi yang akan dimasukan kedalam blog,4. Blog tempat untuk mendaftar. Saat ini ada banyak situs Blog yang yang memberikan

account gratis seperti yang tersebut pada pembukaan di atas.

B. Membuat Account BlogPada bagian ini kami akan menjelaskan langkah – langkah untuk membuat account

Blog, dan kami memilih blogger.com sebagai tempat untuk membuat account Blog.1. Langkah awal silakan buka browser Anda dan masuk ke http://www.blogger.com, maka

akan tampil seperti gambar 2.1

Gambar 2.1 Langkah awal membuat blog

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

4

2. Jika sudah kita memiliki akun/e-mail di google atau gmail, tinggal lakukan proses login saja dengan mengetikkan akun anda pada username dan password lalu klik tombol Masuk(kita asumsikan bahwa kita sudah memiliki akun email di gmail.com), selanjutnya muncul tampilan seperti gambar 2.2

Gambar 2.2 Tampilan Awal Halaman Bloger

3. Klik Blog Baru, selanjutnya muncul tampilan seperti gambar 2.3

Gambar 2.3 Halaman Buat Blog Baru

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

5

- Judul blog : Tulislah judul Blog yang sedang dibuat, judul blog sebaiknya disesuaikan dengan tema blog, misalnya Blog “Belajar Komputer Yuuk..”

- Alamat Blog : masukan alamat Blog Anda, alamat inilah yang nantinya dipakai untuk mengakses, jadi sebaiknya alamat blog yang mudah dikenal. contoh http://ari-muhardono.blogspot.com.

- Pilih Template : adalah bentuk tampilan blog. Secara default blogspot.com telah menyediakan beberapa jenis template yang bisa dipilih sesuai dengan dengan keinginan.

4. Klik tombol Buat blog, selanjutnya muncul tampilan seperti gambar 2.4

Gambar 2.4 Tampilan setelah Buat Blog Baru

5. Klik tombol Lihat Blog, maka akan muncul tampilan seperti gambar 2.5

Gambar 2.5 Tampilan Blog

Setelah melewati langkah-langkah pembuatan blog baru, maka kita sudah mendapatkan sebuah blog baru dengan alamat : http://ari-muhardono.blogspot.com, mudah bukan..??. Namun blog yang kita buat tersebut, masih dalam keadaan kosong, belum ada entri ataupun posting. Di Bab selanjutnya akan dibahas tentang manajemen blog

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

6

MANAJEMEN BLOG

A. Membuat Entri/postingKini anda telah memiliki sebuah alamat blog baru, bab selanjutnya akan dibahas

bagaimana membuat entri/posting di halaman blog.langkah 1. Masuk di halaman browser ketik : http://www.blogger.com, lalu masukkan akun/email

blog anda, seperti pada langkah awal. Selanjutnya akan muncul tampilan seperti pada gambar 3.1

Gambar 3.1 Halaman Awal Bloger

2. Klik Mulai Mengeposkan atau klik gambar pensil selanjutnya akan muncul tampilan seperti gambar 3.2

Gambar 3.2 Halaman Posting

Judul Posting

Teks Area

Toolbar

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

7

Judul Posting : untuk tempat penulisan judul posting, misalnya “Pengantar Aplikasi Komputer”

Toolbar : terdapat puluhan tombol pada toolbar yang berfungsi untuk membuat efek tulisan berwarna, melampirkan gambar atau video dan juga efek-efek lainnya, sebagaimana gambar 3.3 berikut :

Gambar 3.3 Toolbar

Fungsi Toolbar :a. Undo/Redo : berfungsi untuk membatalkan/pembatalan tindakan b. Format Font : berfungsi untuk format font seperti jenis, size, efek font

(Bold, Italic, Underline), color, dan lain-lainc. Link : Berfungsi untuk memberikan link pada tulisan, agar setiap

melakukan klik pada tulisan tersebut, maka tulisan tersebut akan mengarah pada suatu alamat URL yang telah ditetapkan

d. Insert Image : berfungsi untuk memasukan gambare. Insert Video : berfungsi untuk memasukan videof. Jump Break : Berfungsi untuk membatasi postingan ketika dilihat dari

beranda, dan pengunjung wajib melakukan klik “Baca Selengkapnya >>” untuk menampilkan seluruh posting

g. Alignment : Berfungsi untuk format paragrafh. Bullet/Number : Berfungsi untuk membuat daftar penomoran (Number)

atau tanda (Bullet)i. Quote : berfungsi untuk menempatkan tulisan pada paragraf

khususj. Remove Formating : berfungsi untuk membatalkan penempatan format/efek

pada tulisank. Check Spelling : berfungsi untuk memeriksa ejaan

Teks Area : area untuk mengisi konten, ketikanlah tulisan anda pada kolom ini

a b c d e f g h i j k

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

8

3. Mulai melakukan posting berita.Ketiklah posting berita seperti di bawah ini

Judul : Pengantar Aplikasi Komputer

Konten Isi :Pada awal diciptakannya, komputer hanya difungsikan sebagai alat hitung saja. Namun seiring dengan perkembangan zaman, komputer kini sudah menjadi suatu kebutuhan yang sangat vital bagi manusia dalam membantu dan menunjang pekerjaan mereka baik mengetik, menggambar, mencari pengetahuan internet memainkan video, memainkan musik, games dan lain-lain.

Kesimpulannya Komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas seperti menerima input, memproses input tadi sesuai dengan programnya, menyimpan perintah-perintah dan hasil pengolahan, serta menyediakan output dalam bentuk informasi Agar bisa dijalankan, sebuah komputer memerlukan Komponen Sistem Komputer. Sistem Komputer adalah suatu kesatuan elemen yang saling terkait untuk menjalankan suatu aktifitas dengan menggunakan komputer. Elemen-elemen dari sistem komputer terdiri atas Brainware, hardware, dan software

Image : Sisipkanlah gambar komputer

Gambar 3.4 Posting Berita

4. Setelah kita selesai melakukan posting berita, klik tombol Publikasikan, lalu klik tombol Simpan, selanjutnya akan muncul tampilan seperti gambar 3.5 berikut

Gambar 3.5 Daftar Posting

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

9

5. Untuk melihat hasil postingan yang baru saja kita entri, klik tombol Lihat Blog, selanjutkan akan muncul tampilan seperti gambar 3.6 berikut

Gambar 3.6 Tampilan blog setelah posting

6. Untuk melakukan posting baru lagi, lakukan langkah yang sama seperti pada point 2-5.

Gambar 3.7 Posting Berita

Jump Break

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

10

Gambar 3.8 Daftar Posting

Gambar 3.9 Tampilan blog setelah posting

B. Tata Letak (Lay out)Kita bisa mengatur tampilan Tata Letak (layout) Blog agar kelihatan lebih tertata, Klik Menu Tata Letak, seperti ditunjukkan pada gambar 3.10

Gambar 3.10 Tata Letak Blog

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

11

Jika kita ingin mengubah tampilan tata letak default blog, maka klik link Desainer Template Tata Letak, seperti ditunjukkan pada gambar 3.11

Gambar 3.11 Desainer Template - Tata Letak

Pilih salah satu Model, lalu klik Terapkan Blog di pojok kanan layar

C. TemplateSebuah blog yang terawat dan di desain dengan indah, tentu akan memberikan sebuah perasaaan nyaman terhadap pengunjung, dan juga terhadap pemilik, Selain itu aktivitas menulis blog juga dapat dikatakan aktivitas yang berkaitan erat dengan dunia kesenian. Sebuah blog juga merupakan sebuah karya seni, yang mencerminkan skill dari pemilik blog. Oleh karena itu untuk menjadi seorang blogger kreatif, mendesain tampilan blog adalah sebuah keharusan.

Kita bisa mengatur dan mendesai Template Blog agar kelihatan lebih indah dan menarik, langkah-langkahnya adalah sebagai berikut :1. Klik Menu Template, seperti ditunjukkan pada gambar 3.12

Gambar 3.12 Template

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

12

2. Pilih salah satu bentuk template yang kita inginkan, lalu klik tombol Sesuaikan untuk desain lebih lanjut, selanjutnya akan muncul tampilan seperti gambar 3.13

Gambar 3.13 Perancangan Template

3. Klik salah satu bentuk template yang kita inginkan, misalnya kita memilih bentuk template PT Keren Sekali, selanjutnya tampilan blog akan berubah seperti pada gambar 3.14

Gambar 3.14 Template Baru

Namun seringkali template yang disediakan, kadang kurang sesuai dengan yang kita inginkan seperti warna huruf, tata letak, lebar, warna latar, dan sebagainya. Untuk mengatasi hal tersebut maka klik menu Tingkat lanjut, seperti ditunjukkan pada gambar 3.15 berikut

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

13

Gambar 3.15 Desain Template Tingkat Lanjut

D. Memasang WidgetWidget merupakan hal yang cukup berpengaruh untuk memperindah atau mempercanggih blog anda. Pernahkan anda berkunjung ke sebuah blog yang dapat menyapa anda melalui tulisan ? atau pernahkah anda berkunjung ke halaman sebuah blog yang menampilkan Jumlah Pengunjung ? itulah yang disebut Widget. Blogspot telah menyediakan berbagai macam pilihan WidgetLangkah memasang Widget pada Blog1. Dari halaman Blog Saya, Klik Tata Letak seperti ditunjukkan pada gambar 3.102. Klik link Tambah Widget, lalu akan muncul gambar 3.16, sebagai contoh kita akan

menambahkan Widget Statistik Blog, klik tanda +

Gambar 3.16 Tampilan Tambah Widget

Pengantar Aplikasi Komputer – Teknik Dasar Membuat BlogFakultas Ekonomi Universitas Pekalongan

14

3. Ketika judul Widget, pilih jangka waktu, pilih gaya, opsi gaya, lalu klik tombol Simpan4. Untuk melihat hasil widget, klik tombol Lihat Blog, lalu akan muncul tampilan blog

seperti gambar 3.17

Gambar 3.16 Tampilan Tambah Widget