LAPORAN TUGAR BESAR

PENGOLAAN INSTALASI KOMPUTER

NAMA : MUHAMMAD HABRAM USMAN

NIM : 217280033

KELAS : INFORMATIKA A

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH PARE PARE
2017/2018
 KATA PENGANTAR

Rasa syukur penulis sampaikan ke hadiran Allah SWT., karena berkat

rahmatnya dan ridho-Nya, penyusunan LAPORAN TUGAS BESAR

PENGELOLAAN INSTALASI KOMPUTER tepat pada waktu dan sesuai

dengan harapan.

Dalam laporan ini penulis membahas mengenai seluk beluk yang

berkaitan dengan blog, yaitu langkah-langkah dalam membuat sebuat

blog dan bagaimana cara memodivikasi sebuah blog.

Dalam proses penyelesaian makalah ini, tentunya penulis

mendapatkan saran dan arahan. Untuk itu penulis menyampaikan ucapan

banyak terima kasih yang tak terhingga kepada pihak-pihak yang

membantu dalam menyelesaikan laporan ini.

Penulis mengharapkan laporan ini mampu memberikan wawasan bagi

pembaca dan nilai tambah bagi para pembaca yang berkeinginan

mengetahui hal-hal seputar blog.

Demikian laporan ini penulis susun, apabila ada kesalahan dalam hal

penulisan, penulis memohon maaf yang sebesar-besarnya dan penulis

mengucapkan terima kasih.

Pare pare, 1 Juni 2018

penulis

i
 DAFTAR ISI

KATA PENGANTAR .............................................................................. i

DAFTAR ISI ........................................................................................... ii

BAB I PENDAHULUAN .......................................................................... 1

A. LATAR BELAKANG .................................................................... 1

B. RUMUSAN MASALAH ................................................................ 1

C. TUJUAN MASALAH .................................................................... 1

BAB II PEMBAHASAN ........................................................................... 2

A. LANGKAH-LANGKAH MEMBUAT BLOG ................................... 2

B. MODIFIKASI BLOG .................................................................... 9

C. TAMPILAN BLOG ....................................................................... 25

BAB III PENUTUP.................................................................................. 28

A. KESIMPULAN ............................................................................. 28

B. SARAN ........................................................................................ 28

DAFTAR PUSTAKA .............................................................................. 29

ii
 BAB I

PENDAHULUAN

A. LATAR BELAKANG

Perkembangan teknologi informasi dan komunikasi yang semakin

pesat mendorong manusia untuk berpikir lebih modern dan lebih maju

lagi. Kebutuhan manusia akan informasi sangatlah penting dimasa

dewasa ini, dan informasi biasanya didapatkan melalui internet. Salah

satunya adalah web blog yang dapat digunakan untuk merbagi dan

memproleh beragam informasi. Blog sebagai sebuah media memiliki

berbagai fasilitas sebagai sebuah website pribadi atau konstitusi.

Blog merupakan singkatan dari web log adalah bentuk aplikasi web

yang berbentuk tulisan-tulisan (yang dimuat sebagai posting) pada

sebuah halaman web. Tulisan-tulisan ini seringkali dimuat dalam

urutan terbalik (isi terbaru dahulu sebelum diikuti isi yang lebih lama),

meskipun tidak selamanya demikian.

B. RUMUSAN MASALAH

1. Bagaimanakah langkah-langkah pembuatan blog?

2. Bagaimanakah cara memodifikasi sebuah blog?

3. Tampilan blog

C. TUJUAN

1. Mengetahui bagaimana cara membuat sebuah blog.

2. Mengetahui bagaimana cara memodifikasi sebuah blog.

3. Pemenuhan tugas besar Pengeloalaan Instalasi Komputer.

1
 BAB II

PEMBAHASAN

A. LANGKAH-LANGKAH MEMBUAT BLOG

Perlu kita ketahui jika kita ingin membuat sebuah blog di Blogger,

maka email yang harus digunakan adalah Gmail, tidak boleh

menggunakan Yahoo Mail ataupun email dari Microsoft.

Sebelum membuat sebuah blog yang harus disiapkan adalah

sebuah email dari Google.

1. Langkah pertama dalam membuat blog, yaitu terlebih dahulu buat

akun Gmail dengan mengunjungi laman pembuatan akun Gmail

disitus https://account.google.com/.

Gambar 1. Tampilan awal untuk membuat akun.

2
2. Kedua, yaitu mengisi data diri dangan benar dan lengkap, jangan

lupa mengisi kata sandi. lalu klik “Berikutnya” seperti pada gambar

di bawah.

Gambar 1.1 Tamplan pengisian data diri.

3
 Gambar 2. Tampilan verifikasi akun.

3. Setelah itu akan muncul jendela “selamat datang” atau “welcome”

yang menyatakan akun anda telah berhasil dibuat.

Gambar 3. Tampilan akun gmail yang selesai dibuat.

4
4. Setelah akun Gmail anda selesai dibuat maka proses selanjutnya

adalah pembuatan blog dengan mengunjungi laman

https://blogger.com dan mengklik “Buat blog”.

Gambar 4. Tampilan awal pada blog.

5. Selanjutnya, untuk membuat blog klik “Buat Blog Baru”. Seperti

pada gambar dibawah.

Gambar 5. Tampilan laman untuk membuat blog baru

5
6. Setelah klik “Buat Blog Baru”, silahkan isi judul blog, alamat blog

serta tema yang akan digunakan. Contoh seperti pada gambar

dibawah. Setelah itu klik “Buat Blog”

Gambar 6. Tampilan pengisian judul, alamat dan tema blog.

7. Selah blog behasil dibuat, maka tampilan awal akan seperi pada

gambar dibawah. Kemudia klik “Lihat Blog” utuk menampilkan

laman blog anda.

Gambar 7. Tampilan laman blog.

6
 8. Maka akan muncul tampilan blog yang telah selesai dan belum
memiliki postingan.

Gambar 8. Tampilan blog yang telah dibuat

9. Kemudian untuk posting atau pulikasikan atrikel, klik “Entri Baru”.

Gambar 9. Tampilan judul postingan dan tampilan memasukan entri baru

7
10. Silahkan untuk mengetik

Gambar 10. Tampilan blog untuk memasukkan postingan.

Penjelasan:

Angka 1 : Judul posting

Angka 2 : Isi posting
Angka 3 : Menu-menu untuk mengganti warna tulisan, ukuran
font, upload gambar dan video, dll.
Angka 4 : Format postingan. Pilih saja Compose.
Angka 5 : Label postingan.
Angka 6 : Tanggal artikel ditulis.
Angka 7 : Tautan permanen.
Angka 8 : Lokasi sobat saat menulis artikel. Tidak wajib di isi.
Angka 9 : Beberapa opsi lain yang bisa di pilih.
Angka 10 : Tombol untuk mempublikasikan artikel.
Angka 11 : Tombol untuk menyimpan postingan ke draft.
Angka 12 : Preview postingan sebelum di publikasikan.

8
 11. Klik “Publikasikan” .

Gambar 11. Tampilan blog untuk mempublikasikan postingan

B. MODIFIKASI BLOG

Memodifikasi sebuah blog adalah kegiatan yang dilakukan untuk

memperbaiki, merubah, menambah tampilan blog baik dengan

merubah template, menambakan animasi dan berbagai hal yang dapat

membuat blog terlihat lebih menarik dengan tujuan menarik perhatian

pembaca.

1. Mengubah Tema

a. Klik tema, dan pilih tema yang diinginkan.

Gambar 12. Tampilan tema yang tersedia blog.

9
b. Jika telah memilih tema, kemudian klik “Terapkan ke Blog”.

Gambar 13. Tampilan Tema yang akan di gunakan.

c. Klik “Lihat Blog” untuk melihat tema yang telah dipilih.

Gambar 14. Tampilan untuk melihat tema yang telah di pilih

10
 d. Beginilah tampilan template yang sudah kita ganti.

Gambar 15. Tampilan blog yang telah diganti templatenya.

2. Mengganti background.

a. Klik “tema” lalu pilih “sesuaikan”.

Gambar 16. Tampilanyang akan di ganti backgroundnya.

b. Selanjutnya klik latar belakang lalu pilih tanda panah kecil dekat

gambar latar, selanjutnya pilih gambar yang di inginkan dan klik

selesai.

11
 Gambar 17. Tampilan memilih gambar pada Latar Belakang.

c. Jika ingin mengubah warna latar, tinggal klik warna yang

disarankan atau kostum warna sesuai keinginan.

Gambar 18. Tampilan pemilihan warna

12
 d. Selanjutnya klik pilihan “terapkan ke blog” .

Gambar 19. Tampilan untuk menerapkan ke blog

e. Dan background blog pun sudah berubah.

Gambar 20. Tampilan blog yang telah di ganti backgroundnya.

3. Cara menambahkan jam pada blog.

a. Untuk menambahkan jam pada sebuah blog terlebih dahulu

siapkan kode HTML jam seperti dibawah ini.

<iframe src="http://www.clocktag.com/html5/d171black1.html" style="border:

0; height: 81px; margin: 0; overflow: hidden; padding: 0; width: 175px;"></iframe>

13
b. salin kode HTML di atas. Setelah itu pilih “tata letak” dan klik

“Tambahkan Gadget”

Gambar 21. Tampilan menu tata letak.

c. Setelah itu akan muncul jendela “Tambahkan Gadget” lalu klik

“HTML / JavaScript”.

Gambar 22. Tampilan untuk menambahkan gadget.

d. Langkah selanjutnya muncul jendela baru lalu memasukkan

kode HTML jam dengan menekan ctrl+v pada kotak konten dan

beri judul. Kemudian klik “Simpan”.

14
 Gambar 23. Tampilan jendela konfigurasi HTML/javaScript.

e. Beginilah model jam yang kita masukkan pada blog.

Gambar 24. Tampilan model jam.

4. Cara mengatur Lebar pada blog.

a. Klik tema kemudian klik sesuaikan

Gambar 25. Tampilan blog yang akan di atur lebarnya

15
 b. Selanjutnya klik sesuaikan lebar, atur lebar sesuai keinginan.

Jika sudah klik “Terapkan ke Blog”.

Gambar 26. Tempat mengatur lebar blog

5. Cara menambahkan Kalender pada blog.

a. Untuk menambahkan jam pada sebuah blog terlebih dahulu

HTML kalender seperti dibawah ini.

<iframe
style="overflow:hidden;border:0;margin:0;padding:0;width:120px;height:120px;"
src="http://www.clocktag.com/html5/t12.html"></iframe>

b. Salin kode HTML di atas. Setelah itu pilih “tata letak” dan klik

“Tambahkan Gadget” .

Gambar 27.Tampilan menu tata letak.

16
c. Setelah itu akan muncul jendela “Tambahkan Gadget” lalu klik

“HTML / JavaScript”.

Gambar 28. Tampilan untuk menambahkan gadget.

d. Langkah selanjutnya muncul jendela baru lalu memasukkan

kode HTML jam dengan menekan ctrl+v pada kotak konten dan

judul.

Gambar 29. Tampilan jendela konfigurasi HTML/javaScript

17
 e. Beginilah model kalender yang kita masukkan pada blog.

Gambar 30. Tampilan model kalender.

6. Menambahkan Animasi

a. Untuk menambahkan animasi pada sebuah blog terlebih dahulu

HTML animasi seperti dibawah ini.

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"><a

href="http://permathic.blogspot.co.id" target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to
get more." /></a><small><center></center></small></div>

b. Salin kode HTML di atas. Setelah itu pilih “tata letak” dan klik

“Tambahkan Gadget” .

Gambar 31.Tampilan menu tata letak.

18
c. Setelah itu akan muncul jendela “Tambahkan Gadget” lalu klik

“HTML / JavaScript”.

Gambar 32. Tampilan untuk menambahkan gadget.

d. Langkah selanjutnya muncul jendela baru lalu memasukkan

kode HTML animasi dengan menekan ctrl+v pada kotak konten

dan judul. Kemudian klik “Simpan”.

Gambar 33. Tampilan jendela konfigurasi HTML/javaScript.

19
 e. Beginilah model animasi yang kita masukkan pada blog.

Gambar 34. Tampilan model animasi.

7. Membuat Sub Menu pada blog

a. Klik Tema, kemudian pilih “Edit Html”.

Gambar 35. Tampilan edit tema.

b. Kemudian klik pada keyboard Ctrl+F, lalu cari skrip <div

class='main-outer'>. Tempel kode dibawah ini di atas skrip

tersebut.

20
<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px
solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-
weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-
height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-style:italic;
font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-
decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li { height:30px; border-top:1px solid #fff; }
#secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px;
padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul {
left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li
li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
</div>

21
c. Kemudian ubah tanda “#” menjadi link dan menu dan sub

menu ganti menjadi sub menu yang akan di terapkan.

Contoh :
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
</div>

Diubah menjadi:

<ul class='fl' id='secnav'>

<li><a href='http://habramusman.blogspot.com/'>Beranda</a></li>
<li><a href='#'>Materi</a>
<ul id='sub-custom-nav'>
<li><a href='http://habramusman.blogspot.com/2018/04/komponen-komponen-pada-
harddisk -dan.html'>Harddisk</a></li>
<li><a href='http://habramusman.blogspot.com/2018/05/registry.html'>Registry</a></li>
</ul>
</li>
<li><a href='http://habramusman.blogspot.com/2018/05/profil.html'>Profil</a></li>
</ul>
</div>

Gambar 36. Tampilan Html sebelum diubah.

22
 Gambar 37. Tampilan Html sesudah diubah.

d. Simpan Tema.

Gambar 38. Tampilan script Html.

e. Untuk membuat profil pertama buka halaman kemudian buak

halaman baru.

23
 Gambar 39. Tampilan halaman.

f. Lalu beri judul pada Halaman kemudian tulislah biodata anda

dan foto anda. Kemudian klik “Publikasikan”.

Gambar 40. Tampilan pembuatan profil.

g. Kemudian lihat link profil anda dengan cara klik lihat kemudian

salin link profil dan paste d htmlnya.

24
 Gambar 41. Tampilan profil yang telah selesai.

h. Untuk materinya langkah untuk memasukkan materi sama

dengan cara memasukkan profil yaitu lihat kemudian copy

linknya dan paste ke html dan simpan tema.

C. TAMPILAN BLOG

1. Tampilan Beranda

Gambar 42. Tampilan Beranda.

25
2. Tampilan Profil

Gambar 43. Tampilan Profil

3. Tampilan Sub Menu

Gambar 44. Tampilan Sub Menu

26
Gambar 45. Tampilan sub menu harddisk.

Gambar 46. Tampilan sub menu registry.

27
 BAB III

KESIMPULAN

A. KESIMPULAN
Blog merupakan singkatan dari web log adalah bentuk aplikasi web

yang berbentuk tulisan-tulisan (yang dimuat sebagai posting) pada

sebuah halaman web. Tulisan-tulisan ini seringkali dimuat dalam

urutan terbalik (isi terbaru dahulu sebelum diikuti isi yang lebih lama),

meskipun tidak selamanya demikian.

Langkah pertama dalam membuat blog, yaitu terlebih dahulu buat

akun Gmail dengan mengunjungi laman pembuatan akun Gmail disitus

https://account.google.com/.

Memodifikasi sebuah blog adalah kegiatan yang dilakukan untuk

memperbaiki, merubah, menambah tampilan blog baik dengan

merubah template, menambakan animasi dan berbagai hal yang dapat

membuat blog terlihat lebih menarik dan menarik perhatian pembaca.

B. SARAN

1. Jangan keseringan mengganti template, karena dapat merusak tata

letak sebuah blog.

2. Untuk para pembaca belajarlah membuat blog, karena blog

memiliki manfaat yang sangat besar.

28
 DAFTAR PUSTAKA

http://clocktag.com/http://clocktag.com/
http://habramusman.blogspot.com/

http://pandawalimamedan.blogspot.com/2012/08/cara-membuat-sub-

menu-pada-menu-utama.html

http://christiantatelu.blogspot.com/2012/02/cara-memasang-animasi-di-

blog.html

29