Pengenalan JavaScript

Javascript merupakan bahasa pemrograman yang digunakan dalam pembuatan website untuk memanipulasi element-element HTML dan membuat website menjadi dinamis.Contoh hasil dari pemakaian JavaScript adalah, dengan mengscroll website saya sampai ke ujung bawah, maka akan muncul tanda panah di ujung kanan bawah.Dan jika anda mengklik panah tersebut, anda akan dibawa ke bagian paling atas dari website saya.



Untuk sekarang, mari belajar dari awal tanpa menggunakan browser untuk melihat hasil dari Javascript.Langkah pertama yang harus kita pelajari jika ingin mempelajari suatu bahasa pemrograman adalah "Logika dan Algoritma".Oleh karena itu jika ingin lebih memahami logika algoritma, disarankan untuk menulis terlebih dahulu algoritma untuk menyelesaikan suatu masalah.

Tool yang dibutuhkan untuk mempelajari bahasa pemrograman ini ada beberapa macam, akan tetapi kali ini mari kita menggunakan tool yang sudah disediakan di internet, yaitu JSBIN.Cara penggunaannya cukup mudah, Di bagian head JSBIN terdapat 5 section HTML, CSS, JavaScript, Console dan Output. Matikan section HTML dan Output dengan mengklik masing-masing HTML dan Output, kemudian klik Javascript dan Console.Intinya adalah di section Javascript adalah tempat kita menuliskan kode javascript kita, dan di section console kita akan melihat hasil dari kode kita.

Setelah selesai, mari kita mempelajari cara pembuatan variabel dalam JavaScript.

Variabel

Variabel Javascript merupakan tempat penyimpanan nilai suatu data.Contohnya adalah sebagai berikut :
  • var a = 10;
  • var b = 20;
  • var c = a + b;pi
 Dari contoh di atas, bisa diartikan sebagai berikut :
  • a menyimpan nilai 10
  • b menyimpan nilai 20
  • c menyimpan nilai 30
Mengapa c menyimpan nilai 30 ? Dari contoh di atas dituliskan bahwa c = a + b dengan kata lain c = 10 + 20.Hasil nya adalah c menyimpan nilai 30.Akan tetapi perlu diingat bahwa dalam Javascript, ia memiliki aturan tersendiri yang harus dipatuhi.Aturan tersebut adalah sebagai berk=ikut :
  1. Semua variabel JavaScript harus diidentifikasikan / dideklarasi secara unik.Nama yang unik ini disebut sebagai identifier.Identifier bisa berupa nama pendek (a, b, c dst) dan nama deskriptif(hasil,total dll).
  2. Nama variabel harus diawali dengan sebuah huruf
  3. Nama variabel juga dapat diawali dengan $  dan _(penamaan ini tidak disarankan)
  4. Nama variabel bersifat case sensitive yang berarti a  dan A itu adalah sesuatu yang dianggap berbeda oleh JavaScript.
  5. Kata kunci dari JavaScript tidak boleh digunakan sebagai nama variabel(function, for, dll).

Tipe Data JavaScript

Dalam JavaScript, terdapat beberapa tipe data.Tapi untuk sekarang mari kita bahas Number dan String terlebih dahulu.Tipe data Number merupakan nilai yang berbentuk angka, sedangkan tipe data String merupakan nilai yang berbentuk kumpulan huruf.Cara penulisannya adalah sebagai berikut :
  • var angka = 10; //  ->Number
  • var huruf = "JavaScript"; // -> String
Perhatikan perbedaan dari kedua variabel di atas.Untuk mendeklrasikan variabel dengan nilai String kita mengapit kata dengan tanda kutip.Dalam Javascript penggunaan kutip dua(" ") maupun kutip satu(' ') dianggap sama oleh Javascript.Sedangkan number tidak memerlukan kutip atau yang lainnya.
Sekian, pembahasan mengenai pengenalan Javascript.Dengan pembahasan di atas silahkan mencoba membuat variabel dengan nama yang berbeda dan nilai yang berbeda.Selamat bereksperimen ! Sekian dan terima kasih ^ ^

Cara Mengganti Logo/Favicon Address Bar pada Blogger

Favicon adalah icon / logo utama yang muncul pada suatu website.Contohnya seperti gambar di bawah ini : 

Macam-macam favicon

Untuk mengganti favicon pada blogger, kita harus memiliki ukuran favicon berukuran 16 x 16 pixel.Langkah-langkahnya adalah sebagai berikut :
  1. Cari di website apapun logo/icon yang diinginkan(dengan ukuran apapun).
  2. Kemudian buat logo tersebut menjadi ukuran 16 x 16 pixel di Favicon Generator.
  3. Choose a file dan pilih file yang anda sudah sediakan, kemudian klik Create Favicon.
  4. Setelah selesai,download dan extract folder di komputer anda.
  5. Setelah itu masuk eke Blogger dan ke Tata Letak.
  6. Klik Edit pada kotak Favicon.
  7. Cari gambar yang sudah disediakan.
  8. Akan ada banyak file favicon dalam folder yang tadi diextract untuk banyak platform tapi pilih gambar yang berukuran 16 x 16 pixel ^ ^.
  9. Setelah itu klik Simpan
  10. Tunggu dan lihat hasilnya,sekarang favicon anda sudah berubah ! ^ ^
Sekian pembahasan mengenai cara mengganti favicon pada Blogger.Semoga bermanfaat,terima kasih !

Membuat Link Berubah Warna (Variasi Link dalam CSS)

Pernah melihat link yang berubah warna ketika kursor berada di atasnya ?Jika belum silahkan coba dilihat di situs twitter sebagai contoh dan coba geser kursor ke Home (Beranda) maka akan terlihat sebelum kursor berada di posisi link, link masih berwarna abu-abu gelap, akan tetapi jika kursor diletakkan pada link tersebut, maka warnanya berubah jadi biru.Itu adalah efek dari CSS.Nah cara pembuatannya adalah sebagai berikut.Selamat membaca !


Pertama-tama siapkan file HTML dan CSS anda dan buatlah beberapa link.Jika belum mengetahui cara pembuatannya silahkan buka link ini (materi tentang HTML dan CSS) dan pelajari dari awal.Setelah semuanya siap, anda hanya menambahkan script berikut di file CSS anda :

Jika anda menggunakan selektor untuk link di CSS anda maka gunakan script ini :

namaselektor:hover {
      color: (warna pilihan anda);
}

Jika anda menggunakan class untuk link di CSS anda maka gunakan script ini :

.namaclass:hover {
      color: (warna pilihan anda);
}

Jika anda menggunakan ID untuk link di CSS anda maka gunakan script ini :

#namaid:hover {
      color: (warna pilihan anda);
}

Anda juga bisa menggunakan property box-shadow untuk membuat latar belakang pada link anda menjadi berubah warna jika kursor diarahkan kesana.Cara penggunaan box-shadow adalah sebagai berikut :

Jika anda menggunakan selektor untuk link di CSS anda maka gunakan script ini :

namaselektor:hover {
      color: (warna pilihan anda);
      box-shadow: 3px 3px 3px; 
}

Jika anda menggunakan class untuk link di CSS anda maka gunakan script ini :

.namaclass:hover {
      color: (warna pilihan anda);
      box-shadow: 3px 3px 3px; 
}

Jika anda menggunakan ID untuk link di CSS anda maka gunakan script ini :

#namaid:hover {
      color: (warna pilihan anda);
      box-shadow: 3px 3px 3px; 
}

Untuk lebih jelasnya silahkan dicoba sendiri atau anda dapat melihat di CONTOHLINK ini sebagai contoh agar anda lebih mengerti.Setelah itu silahkan ubah nilai dari property color dan box-shadow sesuai dengan keinginan anda .Pada halaman tersebut coba arahkan kursor ke arah pilihan Anime ,Game atau Basketball.dan setelah pindah ke halaman selanjutnya, coba arahkan kursor ke salah satu pilihan jawaban, hasilnya akan terlihat.

Sekian pembahasan mengenai cara membuat link berubah warna.Semoga bermanfaat ! Jika ada yang kurang jelas silahkan ditanyakan di kolom komentar.Terima kasih !

Membuat Link Internal dan Eksternal dalam Blogger

Pada kali ini saya akan membahas tentang cara membuat link pada Blogger.Link terbagi atas 2 yaitu  link internal dan eksternal.Link internal adalah sebuah tulisan yang jika diklik akan membawa kita ke dalam halaman web artikel lain kita sendiri.Sebagai contoh dengan mengklik tombol ini , anda akan diarahkan ke halaman artikel saya yang berjudul "Software Komputer".Link eksternal adalah link milik orang lain seperti facebook,twitter dan lain-lain.

Cara membuat link internal ataupun eksternal dalam Blogger sebenarnya sama, hanya bedanya di alamat url yang dituju.Ikuti langkah-langkah berikut :
  • Pertama, siapkan dulu halaman web yang ingin anda tuju.Contohnya jika ingin ke halaman web facebook, maka bukalah halaman homepage facebook, kemudian copy link urlnya (https://www.facebook.com/).
  • Silahkan login ke halaman Dashbor Blogger anda.
  • Buat Entri baru
  • Buat tulisan yang ingin anda beri link.
  • Seleksi(blok) tulisan tersebut
  • Kemudian klik tombol Link
  • Maka akan muncul kotakk edit link seperti berikut ini :


  • Silahkan paste link yang tadi dicopy ke dalam kolom Web Address seperti pada gambar di atas
  • Jika ingin link ditampilkan pada halaman baru, centang pada tanda checklist Open this link in a new window, jika tidak maka tidak perlu dicentang
  • Setelah itu klik OK dan publikasikan.
  • Lihat Blog anda sekarang (Lihat Blog) dan coba klik link tersebut.Apabila terarah ke halaman homepage Faccebook maka anda telah berhasil membuat link ^ ^
Sekian pembahasan mengenai cara membuat link dalam Blogger.Semoga bermanfaat, terima kasih !

Elemen-Elemen HTML

Sedikit selingan untuk merefresh otak tentang tag-tag/tag-tag dalam HTML ^ ^.Pada kali ini saya akan menuliskan tag/elemen yang cukup sering digunakan di dalam HTML.Selamat membaca !




Berikut adalah elemen-elemen HTML 5 beserta keterangan dan fungsinya.Saya urutkan berdasarkan abjad :

  1. <!-- teks komentar --> digunakan untuk memberi sebuah komentar atau keterangan.Kalimat yang terletak di dalam tag <!-- dan --> tidak akan terlihat di browser.Komentar biasanya digunakan untuk programmer itu sendiri (untuk menulis note/kalimat yang mengingatkan kode-kode yang dibuat jika sudah terlalu banyak).
  2. <!DOCTYPE HTML>, digunakan untk mendefinisikan informasi tipe dokumen.Dalam hal ini berarti dokumen bertipe HTML.
  3. <a>, anchor atau link digunakan untuk membuat teks menjadi suatu link yang dapat diklik dan terhubung dengan dokumen  HTML(internal) lainnya maupun website luar (eksternal).
  4. <abbr>, digunakan untuk teks yang berbentuk singkatan,seperti HTML, CSS, HTTP dan lain-lain.Fungsinya untuk menampilkan informasi pada teks apabila kursor diarahkan ke singkatan tersebut,otomatis akan muncul kepanjangan dari singkatan tersebut.
  5. <address>, digunakan untuk mendefinisikan informasi alamat.
  6. <applet>, digunakan untuk memasukkan file Java ke dalam dokumen HTML.
  7. <area>, digunakan untuk mendefinisikan daerah yang dapat diklik (link) pada peta gambar.
  8. <article>, digunakan untuk mendefinisikan artikel.
  9. <audio>, untuk mendefinisikan konten musik/suara/audio/lagu.
  10. <b>, digunakan untuk menebalkan teks.
  11. <bdo> , untuk menimpa arah teks.
  12. <big>, memperbesar ukuran teks sebesar 1 point dari ukuran sebelumnya.
  13. <blink>, membuat teks berkedip.
  14. <blockquote>, dipakai untuk kutipan panjang.Pada saat di browser,teks akan tampil sedikit ke dalam (seperti paragraf baru).
  15. <body>, mendefinisikan body/isi dokumen HTML.Berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya.Isi dokumen dapat berupa teks,gambar,audio,video,animasi,link dan lain-lain.
  16. <br/> , ganti baris/baris baru/pindah baris.
  17. <button>, untuk membuat sebuah tombol yang bisa diklik.
  18. <caption>, untuk membuat caption pada tabel.
  19. <center>, untuk rata tengah teks atau gambar (align)
  20. <cite>, untuk membuat suatu kutipan.
  21. <code>, untuk mendefinisikan sebuah bagian dari kode program.
  22. <col>, untuk mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel.
  23. <colgroup>, menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel.
  24. <dd>, untuk mendefinisikan deskripsi dari item dalam daftar definisi.
  25. <del>, untuk memberi garis tengah pada teks (mencoret teks).
  26. <dfn>, untuk mendefinisikan sebuah istilah definisi.
  27. <div>, untuk mendefinisikan sebuah bagian dalam dokumen / sebagai pemisah antara elemen satu dengan yang lainnya.
  28. <dl>, untuk mendefinisikan sebuah daftar definisi.
  29. <dt>, untuk mendefinisikan istilah (item) dalam daftar definisi.
  30. <em>, untuk membuat teks miring(sama dengan tag <i>).
  31. <embed>, digunakan untuk memasukkan file video atau musik.
  32. <fieldset>, untuk mengelompokkan elemen-elemen (khususnya form) yang membentuk sebuah frame untuk form tersebut.
  33. <font>, untuk mendefinisikan jenis font,warna dan ukuran untuk teks.
  34. <form>, untuk membuat suatu form dalam HTML (form input).
  35. <frame>, untuk membuat frame di dalam frameset.
  36. <frameset>, untuk mendefinisikan satu set frame.
  37. <h1> s/d <h6>, untuk menunjukkan suatu header (judul) di dalam dokumen HTML.Urutan paling terbesar adalah <h1> kemudian menurun seterusnya hingga <h6>.
  38. <head>, untuk memberikan informasi tentang dokumen HTML.
  39. <hr>, untuk membuat sebuah garis horizontal.
  40. <html>, sebagai pembungkus semua kode-kode yang ada di dalam HTML.Semua kode html berada di antara tag pembuka dan penutup <html>.
  41. <i>, untuk membuat teks miring.
  42. <img>, untuk menampilkan gambar ke dalam HTML.
  43. <input>, untuk membuat input field pada form HTML.
  44. <label>, membuat label untuk sebuah elemen(fieldset).
  45. <legend>, membuat sebuah caption untuk elemen <fieldset>.
  46. <li>, untuk menampilkan informasi dalam bentuk daftar (list).
  47. <link>, untuk mendefinisikan hubungan antara dokumen HTML dengan sumber eksternalnya.
  48. <menu>, untuk mendefinisikan client-side peta gambar.
  49. <meta>, untuk mendefinisikan metadata sebuah dokumen HTML.
  50. <ol>, untuk membuat daftar dalam format nomor.
  51. <option>, untuk menampilkan beberapa pilihan yang berbentuk sebuah daftar drop-down menu.
  52. <p>, untuk membuat sebuah paragraf.
  53. <script>, untuk mendefinisikan client-side script (Javascript).
  54. <span>, untuk mendefinisikan sebuah bagian dalam dokumen HTML.
  55. <strike>, untuk membuat garis tengah pada teks(teks dicoret).
  56. <strong>, untuk membuat teks tebal, fungsi tag ini sama dengan tag<b>.
  57. <style>, untuk mendefinisikan informasi style / CSS untuk dokumen HTML.
  58. <table>, untuk membuat tabel.
  59. <tbody>, untuk mengelompokkan isi body di dalam sebuah tabel.
  60. <thead>, untuk mengelompokkan isi header di dalam sebuah tabel.
  61. <td>, untuk membuat sel/kolom di dalam sebuah tabel.
  62. <textarea>, untuk mendefinisikan input multiline(textbox untuk keterangan).
  63. <tfoot>, untuk mengelompokkan isi footer di dalam sebuah tabel.
  64. <title>, untuk membuat judul dokumen HTML.
  65. <tr>, untuk membuat baris baru dalam sebuah tabel.
  66. <ul>, mendefinisikan daftar (list) dalam format bullet.
  67. <u>, untuk membuat garis bawah.
Nah, mungkin itu saja yang sering digunakan di dalam HTML.Cukup banyak juga ya ^ ^.Jika ada yang kurang jelas silahkan ditanyakan di kolom komentar,atau saran ,silahkan mencoba sendiri tag-tag yang kurang dimengerti langsung di dalam text-editor anda, agar dapat mengetahui fungsinya.Sekian dan terima kasih !

Cara Memasukkan Musik dengan HTML dan CSS

Untuk memasukkan musik ke dalam website anda menggunakan HTML dan CSS,kita perlu menambahkan tag <audio>.Berikut adalah caranya :


  • Simpan file lagu/musik anda di dalam satu folder dengan file HTML dan CSS anda.
  • Ketikkan script berikut:

KODE HTML :

<audio controls autoplay class="hidden" loop="true">
        <source src="judul lagu anda.mp3" type="audio/mpeg">
</audio>

KODE CSS : .hidden { visibility: hidden;}

PENJELASAN :
  • <audio controls autoplay> artinya kita mengatur agar musik terputar secara otomatis ketika user masuk ke halaman web kita.
  • class="hidden" artinya kita memanggil file css kita (keterangan file CSS ada di bawah)
  • loop="true" artinya kita mengatur agar musik terputar secara repeat(terus-menerus)
  • <source src="judul lagu anda.mp3"> artinya kita memilih lagu yang kita inginkan.Perlu diingat bahwa judul lagu harus sesuai dengan nama lagu yang ada di folder anda.
  • type="audio/mpeg" artinya kita memberi tahu bahwa file yang kita masukkan adalah file jenis audio/mpeg.
  • Dan Kode CSS nya adalah :  script ini untuk menyembunyikan playlist di web anda sehingga tidak terlihat oleh pengguna dan tidak mengganggu halaman website anda.
Sekian pembahasan mengenai cara memasukkan musik ke dalam website dengan menggunakan HTML dan CSS.Semoga bermanfaat,terima kasih !

Software Komputer

Pada kali ini, saya akan membahas tentang pengertian software dan dasar-dasar yang harus dipahami.Selamat membaca!



Untuk mengenali peranan software di dalam komputer maka ada baiknya kita membahas unsur-unsur yang terdapat di dalam komputer.Di dalam sebuah komputer, komputer memiliki 3 unsur yang sangat penting di dalamnya.Antara lain Software, Hardware dan Brainware.Berikut adalah pengertiannya masing-masing :
  1. Software (perangkat lunak) : merupakan kumpulan baris-baris kode instruksi khusus yang dapat dikenali oleh Hardware Komputer, sehingga Hardware tersebut dapat beroperasi sesuai perintah sebagaimana mestinya.
  2. Hardware (perangkat keras) : merupakan semua peralatan fisik yang ada dalam sebuah komputer meliputi keyboard, mouse, CPU, dan lain-lain.
  3. Brainware (perangkat otak) : merupakan manusia atau pengguna itu sendiri yang mengoperasikan komputer untuk melakukan suatu aktifitas tertentu.

Mengenal Software

Seperti pengertian di atas, Software merupakan kumpulan instruksi yang berfungsi untuk menjalankan suatu perintah, seperti memberikan informasi tentang Hardware, menentukan fungsi Hardware dan menjalankan sistem.Agar komputer dapat membaca, mengingat dan membuat suatu keputusan (membandingkan), menghitung, menyortir dan menghasilkan keluaran (output) berupa informasi dalam monitor atau dalam bentuk cetakan, komputer harus mampu membaca dan memasukkan program ke dalam memori utamanya.Program adalah instruksi dalam bahasa mesin yang dapat dibaca oleh komputer yang dirancang untuk melakukan tujuan tertentu.

Perangkat lunak disebut juga sebgai penerjemah perintah-perintah yang dijalankan pengguna komputer untuk diteruskan atau diproses oleh perangkat keras.Melalui software/perangkat lunak inilah suatu komputer dapat menjalankan suatu perintah.

Contohnya, coba perhatikan handphone/smartphone anda.Di dalam handphone/smartphone terdapat pula sebuah software yang mengatur segala aktifitas didalamnya.Misalkan, jika kita ingin SMS, maka handphone akan memakai software SMS, begitu juga dengan aktifitas lainnya.

Maka dari itu, software tidak hanya sebatas untuk perangkat komputer saja, tetapi untuk segala macam barang elektronik.Software dapat kita artikan sebgai "jiwa" dari perangkat elektronik.

Mengenal Utility

Utility merupakan suatu program yang memiliki kegunaan yang besar untuk berbagai macam kebutuhan.Utility terbagi atas 2 bagian yaitu internal (bawaan dari sistem operasi), dan eksternal (buatan pihak lain).

Utility Internal adalah program yang sudah ada dalam sistem operasi secara default (standar) yang sudah terinstall saat kita selesai menginstall sistem operasi Windows.Contoh utility nya antara lain Notepad, Wordpad, Calculator, Paint, Sticky Notes, Disk Defragmenter dan lain-lain.

Sedangkan untuk Utility Eksternal, merupakan utility/program yang bukan bawaan dari sistem operasi dan harus kita install terlebih dahulu.Contoh Antivirus (AVG,SMADAV, AVAST), multimedia (Winamp), burning CD (NERO), Kompresi file (WInrar, 7-zip).

Jenis-Jenis Software

Software terbagi dalam beberapa jenis, diantaranya :
  1. Sistem Operasi
  2. Program Aplikasi & Program Utility
  3. Bahasa Pemrograman
  4. Software Driver
  5. Software Firmware
  6. Software Game
Untuk penjelasannya, akan dibahas di postingan berikutnya.Sekian pembahasan mengenai Software Komputer.Sekian dan terima kasih !

Header and Footer Microsoft Word

Header dalam Microsoft Word diartikan sebagai judul kepala sedangkan Footer diartikan sebagai judul kaki, dengan kata lain, Header dan Footer merupakan suatu teks,tabel atau objek yang diletakkan di bagian atas atau bagian bawah halaman sebuah dokumen.


Header terletak di bagian margin atas (top), sedangkan Footer terletak di bagian margin bawah (bottom).Header dan Footer dapat diisi dengan nama file dokumen, tanggal, halaman, catatan tertentu, format khusus, atau informasi-informasi lan.Header dan Footer memudahkan kita dalam menulis sebuah dokumen karena hanya sekali tulis, maka Header/Footer akan tampil di setiap halaman yang kita inginkan.

Cara Membuat Header dan Footer

Membuat Header dan Footer berarti mengisi bagian judul kepala atau judul kaki.Langkah-langkah untuk membuat Header adalah sebagai berikut :
  • Aktifkan tab Insert - grup Header & Footer, kemudian klik tombol Header.
  • Kemudian pilih salah satu format Header yang tampil.Sebagai contoh mari kita ambil format Motion.

  • Edit Teks Header sesuai yang anda inginkan.
  • Hasilnya akan menjadi seperti gambar berikut.



  • Setelah kita menyisipkan Header, maka akan tampil toolbar Header & Footer Tools  dengan tab Design. Di dalam tab Design terdapat simbol-simbol perintah yang digunakan untuk memmformat Header atau Footer agar terlihat lebih bagus/menarik.
Tampilan toolbar Header & Footer Tools

Berikut adalah penjelasan dari masing-masing simbol dalam toolbar Header & Footer Toolbar :
  1. Header, untuk menyisipkan header.
  2. Footer, untuk menyisipkan footer.
  3. Page Number, untuk menyisipkan nomor halaman serta mengatur posisi nomor halaman.
  4. Date & Time, untuk menyisipkan tanggal & waktu dari sistem komputer.
  5. Document Info, digunakan untuk menyisipkan informasi tentang nama file, lokasi penyimpanan file dan lain-lain.
  6. Quick Parts, untuk menyisipkan field-field dan properti dokumen.
  7. Pictures, untuk menyisipkan gambar yang diambil dari file gambar.
  8. Online Pictures, untuk menyisipkan gambar dari internet.
  9. Go to Header, untuk pindah menuju lokasi Header.
  10. Go to Footer,  untuk pindah menuju lokasi Footer.
  11. Previous, untuk pindah menuju ke lokasi Header/Footer dokumen sebelumnya.
  12. Next, untuk pindah menuju lokasi Headr/Footer dokumen sebelumnya.
  13. Link To Previous, untuk menghubungkan Section yang aktif dengan Section sebelumnya.
  14. Different First Page, untuk membedakan penulisan Header dan Footer pada halaman Pertama.
  15. Different Odd and Even, untuk membedakan penulisan Header dan Footer pada halaman ganjil dan genap.
  16. Header From Top dan Footer from Bottom, untuk mengatur jarak header atau footer dengan ujung kertas.
  • Lakukan Editing pada bagian isi Header seperti mengatur font,perataan, warna, ukuran dan lain-lain sesuai dengan keinginan anda.
  • Untuk menutup Header, tekan tombol Close agar dapat kembali ke lembar kerja dokumen.
Jika Header yang anda buat tidak sesuai dengan keinginan, maka anda dapat mengubah atau menghapus Header.Caranya adalah sebagai berikut :
  • Untuk mengubah Header, aktifkan tab Insert - grup Header & Footer, klik tombol Header kemudian pilih perintah menu Edit Header.
  • Untuk menghapus Header, aktifkan tab Insert - grup Header & Footer, klik tombol Header, kemudian pilih perintah menu Remove Header.
Nah, sedangkan untuk menyisipkan Footer, anda dapat mengklik tombol perintah Footer pada tab Insert - grup Header & Footer sehingga muncul beberapa pilihan Footer.Proses untuk mengolah Footer sama dengan proses untuk mengolah Header.

Mengatur Jarak Header atau Footer

Mengatur jarak sebenarnya tidak hanya diterapkan pada dokumen saja, tetapi Header dan Footer yang telah kita sisipkan juga masih dapat kita atur jaraknya agar terlihat lebih baik.Langkah untuk mengatur jarak Header dan Footer adalah sbb :
  • Aktifkan tab Layout, kemudian klik tombol dialog Page Setup untuk membuka kotak dialog Page Setup kemudian pilih tabulasi Layout.
  • Setelah itu perhatikan bagian Header & Footer.
  • Ketik ukuran jarak Header dan Footer dari batas tepi kertas ke teks Header dan Footer pada kotak teks Header dan Footer.
  • Untuk gambar di atas menunjukkan bahwa ukuran jarak dari batas tepi kertas ke Header dan Footer adalah 1.27 cm.Jadi kesimpulannya, jarak header (atas) dan Footer (bawah) sama-sama berjarak 1.27 cm dari tepi kertas.
Dalam keadaan default/standar, Header dan Footer berlaku sama untuk semua halaman.Akan tetapi, anda dapat mengatur agar Header dan Footer ditampilkan dengan isi yang berbeda untuk halaman pertama, genap dan ganjil. Agar penulisan Header dan Footer berbeda, aktifkan pilihan perintah Different odd and even dan Different first page.(Penjelasan ada di atas)

Berikut adalah ilustrasi dari kedua kondisi di atas :



  • First Page Header dan First Page Footer adalah tempat untuk mengetikkan teks Header dan Footer untuk halaman pertama.
  • Even Page Header dan Even Page Footer adalah tempat untuk mengetikkan teks Header dan Footer untuk halaman Genap.
  • Odd Page Header dan Odd Page Footer adalah tempat untuk mengetikkan teks Header dan Footer untuk halaman Ganjil.
Dengan tombol-tombol pada toolbar Header And Footer Tools, buatlah judul Header dan Footer pada setiap halaman.Gunakan tombol Next dan Previous untuk berpindah lokasi Header atau Footer antar halaman.Atau anda dapat menggunakan tombol Go to Header atau Go to Footer untuk pindah dari lokasi Header menuju ke lokasi Footer atau dari lokasi Footer menuju ke lokasi Header.


Membuat Nomor Halaman

Nomor halaman merupakan hal yang penting dan sering digunakan saat anda bekerja di Microsoft Word.Nomor halaman sering kita jumpai dalam buku-buku yang memiliki nomor untuk masing-masing halaman yang bertujuan untuk mempermudah pembaca untuk menemukan halaman yang ingin dibaca.

Anda dapat menambahkan nomor halaman secara otomatis dengan tombol perintah Page Number pada tab Insert - grup Header & Footer atau dalam toolbar Header & Footer Tools.
  • Aktifkan tab Insert - grup Header & Footer kemudian klik tombol Page Number, sehingga tampil daftar pilihan format untuk memberi nomor halaman.

Tampilan Perintah Page Number
  • Top of Page, untuk menambahkan format penomoran halaman yang akan diletakkan di bagian Header.
  • Bottom Of Page, untuk menambahkan format penomoran halaman yang akan diletakkan di bagian Footer.
  • Page Margins, untuk menambahkan format penomoran halaman yang akan diletakkan di bagian Margin.
  • Current Positions, untuk menambahkan format penomoran halaman yang akan diletakkan di sembarang posisi.Posisinya ditentukan oleh insertion point (kursor) pada dokumen anda.
  • Silahkan mencoba salah satunya dan perhatikan hasilnya.
Selain perintah di atas, di dalam Page Number juga terdapat beberapa pilihan lain, seperti:
  • Remove Page Numbers, digunakan untuk menghapus penomoran halaman yang telah terpasang dalam dokumen.
  • Forma Page Numbers, digunakan untuk membuka kotak dialog Page Number Format dan untuk memodifikasi penomoran halaman.
Kotak Dialog Page Number Format
  • Number format, untuk mengubah bentuk format penulisan nomor pada halaman.
  • Include chapter number, untuk menyertakan nomor bab dokumen sebelum nomor halaman.
  • Continue from previous session, untuk melanjutkan sistem penomoran halaman dari bagian/Section sebelumnya.
  • Start at, untuk menentukan nomor awal penomoran halaman.
Sekian pembahasan mengenai Header dan Footer pada Microsoft Word,semoga bermanfaat dan terima kasih ! ^ ^

Membuat Link Internal dan Eksternal pada Artikel Blogger

Link dalam sebuah website dibagi atas 2 macam yaitu link internal dan link eksternal.Link internal merupakan tulisan yang jika kita klik, akan menuju ke blog atau web anda sendiri.Sedangkan Link eksternal merupakan tulisan yang jika kita klik akan menuju ke blog atau web milik orang lain.Cara untuk membuat link internal dan eksternal dalam blogger sebenarnya sama.Mari kita perhatikan cara-caranya.


  • Log In ke Blogger
  • Buat Entri Baru.(Baca Pengenalan Blogger disini)
  • Buat tulisan yang anda ingin jadikan sebagai link.
  • Seleksi(blok) tulisan tersebut.

  • Klik Tombol Link
  • Jika ingin membuat link internal maka dalam kolom Web Address isikanlah dengan url milik anda yang ada di blog anda sendiri.Caranya dengan membuka artikel yang anda ingin tujukan ketika tulisan diklik, kemudian copy urlnya dan pastekan di kolom Web Address.
  • Jika ingin membuat link eksternal maka dalam kolom Web Address isikanlah dengan url milik orang laini.Caranya dengan membuka artikel yang anda ingin tujukan ketika tulisan diklik, kemudian copy urlnya dan pastekan di kolom Web Address.

  • Kemudian pada kolom Text to display, isikanlah tulisan yang anda inginkan (biasanya memakai nama materi yang ada di artikel yang ingin dituju atau biasa juga memakai kata-kata "Klik Disini").
  • Selamat, anda sudah selesai membuat link internal & eksternal dalam blog anda ! ^ ^
Contoh tampilan Link :


Sekian pembahasan mengenai cara membuat link internal dan eksternal dalam artikel blogger.Semoga bermanfaat, terima kasih !

Memasukkan Video ke Blog

Kali ini saya akan membahas cara menyisipkan video dari Youtube.Selamat membaca !

Menyisipkan video ke dalam blog sudah menjadi salah satu variasi untuk mempercantik blog anda.Akan tetapi, kita harus ingat bahwa disarankan untuk memasukkan video yang berhubungan dengan blog kita.Kita dapat memasukkan video yang tidak berhubungan sama sekali dengan blog kita akan tetapi alangkah baiknya jika video dan materi yang diposting berhubungan satu sama lain.



Dalam menyisipkan video ke dalam Blogger, terbagi atas beberapa sumber yaitu :
  1. Menyisipkan video dari Komputer
  2. Menyisipkan video Youtube
  3. Menyisipkan video dari Kamera

Menyisipkan Video dari Komputer


Adapun cara-caranya adalah sebagai berikut :
  • Log In ke Blogger
  • Buat Entri Baru
  • Klik tombol Insert a video

  • Kemudian pilih Upload (artinya upload dari komputer)
  • Klik perintah Pilih Untuk DiUpload yang berada di tengah-tengah jendela.
  • Kemudian cari  dan pilih video yang diinginkan untuk dimasukkan ke dalam postingan anda.

  • Tunggu proses upload hingga selesai.Kemudian lihat hasilnya di postingan anda.
  • Jika sudah selesai klik tombol Publikasikan.

Menyisipkan Video dari Youtube

Youtube adalah situs yang dimiliki oleh Google.Di dalam situs ini terdapat banyak video.Nah, blogger tidak hanya menyediakan fitur untuk menyisipkan video dari komputer saja tetapi blogger juga menyediakan fitur untuk menyisipkan video dari Youtube ke dalam artikel kita.Berikut adalah caranya :
  • Log In ke Blogger.
  • Buat Entri Baru.
  • Klik Insert a video.
  • Klik tombol From Youtube (jika sebelumnya kita memilih Upload, maka sekarang kita memilih From Youtube.
  • Kemudian tulis video yang ingin kita masukkan (judul video di youtube).Kemudian klik tombol Search (seperti kaca pembesar).

  • Kemudian pilih video yang ingin dimasukkan dan klik tombol Pilih.
  • Tunggu proses upload hingga selesai dan Voalla ! Video dari youtube sudah ada di artikel anda ^ ^

Menyisipkan Video dari Kamera.

Nah, kali ini kita akan belajar cara memasukkan video yang anda rekam langsung dari kamera laptop ke dalam artikel anda.Perlu diingat, cara ini hanya untuk laptop yang memiliki kamera.(Note : berhubung laptop saya tidak ada kameranya maka saya hanya menjelaskan dengan kata-kata saja yah dengan kata lain tanpa gambar untuk memperjelas ^ ^).
  • Log In ke Blogger.
  • Buat Entri Baru.
  • Klik Insert a video.
  • Klik tombol From your webcam.
  • Klik tombol Rekam untuk merekam
  • Jika selesai rekam maka klik tombol Merekam.
  • Klik tombol Putar untuk melihat video yang anda rekam, jika ada kesalahan maka klik tombol Mulai dari awal untuk merekam ulang.Jika sudah selesai klik Simpan.
  • Sekarang klik tombol Publikasikan dan lihatlah hasilnya dalam artikel anda
Sekian pembahasan mengenai cara menyisipkan video ke dalam blog/artikel anda.Semoga bermanfaat,terima kasih !

Memasukkan Gambar dari komputer ke Blogger

Pada kali ini saya akan menjelaskan cara untuk menyisipkan gambar ke artikel atau postingan anda.Selamat membaca !



Caranya sangat mudah.Ikuti langkah-langkah di bawah ini :
  • Log in ke Blogger
  • Buat artikel baru (entri baru).
  • Klik tombol Insert Image

  • Klik Tombol Pilih File.

  • Cari gambar yang anda ingin masukkan , kemudian klik tombol Open.


  • Tunggu hingga proses upload gambar selesai kemudian klik tombol Add Selected.


  • Setelah gambar masuk, selesaikan artikel anda dan kemudian lihatlah hasilnya dengan mengklik tombol Lihat.
Sekian pembahasan mengenai cara memasukkan gambar dari komputer ke blogger anda.Semoga bermanfaat, terima kasih !