Belajar Cara Menggunakan Dasar Css Untuk Web Desain

Belajar Cara Menggunakan Dasar Css Untuk Web Desain

No Comment
Mengenal Apa Itu CSS ?
CSS adalah kependekan dari Cascading Style Sheet yang artinya sebuah kode atau tag yang digunakan untuk mengatur gaya atau tampilan pada sebuah website. Css sendiri memiliki tiga metode penulisan kodenya yakni Css Inline, Css Internal, Dan Css External . Untuk membuat kode css kita harus membuat kode html terlebih dahulu sebagai dasar atau bahan yang ingin diberi efek menggunakan css
Maka dari itu alangkah baiknya sebelum kalian belajar css maka kalian harus belajar html terlebih dahulu di sini Macam - macam Tag HTML Beserta Fungsi Dan Contohnya dengan begitu kita dapat belajar html dan css dengan mudah

1. CSS Inline

Sebuah penulisan style yang langsung tertuju pada tag yang diberi atribut CSS tanpa harus menambahkan sebuah tag selector, untuk penulisannya bisa kalian lihat seperti ini
<h1 style="background-color:red; color:blue;">Beranda</h1>
<p style="color:green;">Ini adalah halaman beranda</p>
<img src="C:\Users\Public\Pictures\Sample Pictures/Desert.jpg" alt="HTML tutorial" width="32px" height="32px">

Cara menggunakan metode CSS Inline
1. Buatlah sebuah tag html dan diberi tag tambahan css seperti ini didalam notepad kalian, kalian juga bisa menyalin kode dibawah ini
Catatan: Copy Dan Paste kode ini
<html>
<head>
<title>Belajar Css</title>
</head>
<body>

<h1 style="background-color:red;text-align:center;color:white;">Desert</h1>

<p style="color:green;font-style:italic;">About This</p>

<img src="C:\Users\Public\Pictures\Sample Pictures/Desert.jpg" Title="Css tutorial" style="width:320px;height:170px;border:7px solid #449853;">

<p style="text-indent:65px;"/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor.
<p style="text-indent:20px;"/>
Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui.
</body>
</html>
2. Setelah kalian membuat atau menyalin kode tersebut lalu kalian simpan kedalam notepad menggunakan format .html seperti ini. jangan lupa untuk menyimpannya di dekstop

Belajar Cara Menggunakan Dasar Css Untuk Web Desain

3. Kemudian buka file tersebut menggunakan browser yang ada di komputer kalian seperti chrome, mozilla, dan lainnya
dan ini adalah hasil dari kode tersebut

Belajar Cara Menggunakan Dasar Css Untuk Web Desain

2. CSS Internal

Sebuah penulisan atirbut style yang berada didalam tag <head>...</head> sehingga untuk menggunakan atribut yang satu ini kalian harus teliti dalam setiap penulisan tag yang ada didalamnya, karena jika salah memilih tag yang dipilih (tag selector) maka bisa berakibat fatal. Dan untuk menulis atribut tersebut berikut ini adalah caranya
<html>
<head>
<style>
a {
    text-decoration: none;
    padding: 5px 10px;
}
.wrapper {
    background-color: #fafafb;
    margin:10px;
padding:10px;
}
.paragraf {
    font-size:18px;
    color: white;
}
</style>
</head>
<body>
isi web kalian
</body>
</html>

Cara menggunakan metode CSS Internal
1. Buatlah kode html dan tambahkan tag Css menggunakan kode selector seperti contoh di atas, supaya lebih mudah coba salin kode dibawah ini
Catatan: Copy Dan Paste kode ini
<html>
<head>
<style>
h1{font-size:25px;margin:13px;color:blue;}
.tag{background-color:red;font-size:18px;text-align:center;margin-bottom:30px;font-weight:bold;color:yellow;}
#paragraf1{font-size:22px;text-decoration:underline;color:#9a6b6b;margin:10px;}
.paragraf1{font-size:18px;}
.gambar1 , .gambar2{width:320px;height:170px;border:10px solid #447298;margin:10px;}
.gambar1{float:left;}
.gambar2{float:right;}
</style>
</head>
<body>

<h1>About All</h1>
<p class="tag">Articles</p>
<img class="gambar1" src="C:\Users\Public\Pictures\Sample Pictures/Desert.jpg" Title="Css tutorial">
<h1>Desert</h1>
<p id="paragraf1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor.
</p>
<img class="gambar2" src="C:\Users\Public\Pictures\Sample Pictures/Tulips.jpg" Title="Css tutorial">
<h1>Tulips</h1>
<p class="paragraf1">
Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui.
</p>
</body>
</html>
2. Setelah kalian membuat kode html dan juga css-nya maka kalian bisa langsung menyimpannya di notepad menggunakan format .html seperti sebelumnya
3. kemudian buka file tersebut menggunakan browser seperti chrome, mozilla, dan lainnya
dan ini adalah hasil dari kode tersebut

Belajar Cara Menggunakan Dasar Css Internal Untuk Web Desain

3. CSS External

Metode penulisan css yang satu ini menggunakan sebuah data atau file yang terpisah dari file utama, sehingga untuk menggunakan css tersebut harus menambahkan tag khusus yang diletakkan di tag head untuk memanggil atribut css yang telah disimpan dengan format menjadi file css seperti ini fileku.css dan ini adalah contoh penulisannya

<html>
<head>
<link rel="stylesheet" href="C:\Users\Admin\Desktop\font-awesome/css/font-awesome.min.css"/>
</head>
<body>
isi web kalian
</body>
</html>

Cara menggunakan metode CSS External
1. Buatlah kode html sendiri menggunakan notepad dan simpanlah menggunakan format .html
salin kode dibawah ini untuk mencoba
Catatan: Copy Dan Paste kode ini
<html>
<head>
<link rel="stylesheet" href="C:\Users\Admin\Desktop\Belajar Css/Css Properti.css"/>
</head>
<body>
<p class="header">Articles</p>
<img class="gambar1" src="C:\Users\Public\Pictures\Sample Pictures/Desert.jpg" Title="Css tutorial">
<img class="gambar2" src="C:\Users\Public\Pictures\Sample Pictures/Tulips.jpg" Title="Css tutorial">
<img class="gambar3" src="C:\Users\Public\Pictures\Sample Pictures/Penguins.jpg" Title="Css tutorial">
<p id="paragraf1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor.
</p>
<p class="paragraf1">
Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui.
</p>
</body>
</html>

<h1>About All</h1>
<p class="tag">Articles</p>
<img class="gambar1" src="C:\Users\Public\Pictures\Sample Pictures/Desert.jpg" Title="Css tutorial">
<h1>Desert</h1>
<p id="paragraf1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor.
</p>
<img class="gambar2" src="C:\Users\Public\Pictures\Sample Pictures/Tulips.jpg" Title="Css tutorial">
<h1>Tulips</h1>
<p class="paragraf1">
Donec laoreet nonummy augue. Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla. Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui.
</p>
</body>
</html>
Untuk kode yang saya beri warna merah seperti ini C:\Users\Admin\Desktop\Belajar Css/Css Properti.css ganti url tersebut menjadi url tempat kalian menyimpan file dan nama file css tersebut
2. Setelah membuat kode html kini kita ke langkah selanjutnya yaitu membuat kode css seperti ini dan menyimpannya di notepad menggunakan format .css
salin kode dibawah ini untuk mencoba
Catatan: Copy Dan Paste kode ini
h1
{font-size:25px;margin:3px;color:blue;}
.header{font-size:30px;text-align:center;background-color:yellow;}
.paragraf1
{font-size:18px;text-align:center;margin-bottom:30px;font-weight:bold;color:blue;}
.gambar1 , .gambar2 , .gambar3
{width:320px;height:170px;border:10px solid #984469;float:left;margin:5px 10px 5px 2px;}
#paragraf1
{line-height:30px;font-size:22px;text-decoration:underline;clear:both;}
3. Pastikan kalian menyimpan file tersebut menjadi satu folder, supaya tidak terjadi masalah simpan saja di dekstop.
Setelah semua sudah selesai maka kalian sudah bisa membuka file tersebut dan melihat hasilnya

Belajar Cara Menggunakan Dasar Css External Untuk Web Desain

Jika kalian merasa kesulitan saat mencoba tutorial tersebut maka kalian bisa mencoba kode yang sudah saya siapkan untuk kalian download dan kalian pelajari sendiri berikut ini, klik link ini Download Belajar Tutorial Dasar Css Dan Html dan jika kalian masih mengalami kesulitan maka kalian bisa bertanya kepada saya melalui kolom komentar dibawah ini

baiklah itu tadi adalah macam macam metode penulisan tag css yang bisa kalian coba, semua tergantung pada kalian mau pilih cara yang mana untuk mempermudah kalian dalam urusan koding. Semoga artikel ini bermanfaat dan bisa berguna untuk kita semua, jangan lupa untuk share juga ya.
Read More
Cara Membuat Grafik (Chart) Di Microsoft Excel 2007

Cara Membuat Grafik (Chart) Di Microsoft Excel 2007

No Comment
Panduan Lengkap Microsoft Excel 2007

Grafik (Chart) merupakan suatu simbol untuk mengetahui terjadinya kenaikan atau penurunan pada suatu kejadian, intinya grafik (chart) berguna untuk memantau perkembangan dari suatu masalah dalam bentuk diagram, dan bentuk diagram di Microsoft Excel memiliki banyak sekali jenis atau tipenya seperti salah satunya adalah diagram Batang/Column dan juga diagram Linkaran/Pie, untuk membuatnya silahkan perhatikan tutorial dibawah ini
Baca juga postingan sebelumnya Cara Mengambil Karakter Di Microsoft Excel 2007


Cara Membuat Grafik (Chart) Diagram Batang/Column Dan Diagram Lingkaran/PIE Di Microsoft Excel 2007 Dengan Mudah


Cara Membuat Grafik (Chart) Diagram Batang/Column

Diagram Batang/Column merupakan sebuah grafik (chart) yang berbentuk garis batang atau pilar, dan grafik ini sangat cocok untuk digunakan untuk membandingkan data dalam tabel menjadi satu grafik
Seleksi atau blok semua data sel yang ingin dimasukkan kedalam data grafik atau diagram

Cara Membuat Grafik (Chart) Diagram Batang/Column

Pilih menu Insert kemudian pilih pada bagian menu chart dan klik Column untuk memilih jenis grafik yang akan kalian gunakan

Cara Membuat Grafik (Chart) Diagram Batang/Column 2

Untuk mengubah tampilan grafik tersebut kalian bisa klik menu Design untuk mengubahnya seupaya lebih menarik, dan berikut ini adalah fungsinya
Type
Change Chart Type: Untuk mengganti tipe grafik
Save As Template: Untuk menyimpan grafik sebagai template
Data
Switch Row/Column: Untuk menukar tempat baris atau kolom pada data grafik
Select Data: Untuk memilih data pada grafik
Edit Data: Untuk mengedit data dalam grafik
Chart Layout
Untuk mengganti properti yang ada dalam data grafik
Chart Styles
Untuk mengganti gaya atau efek pada grafik
Move Chart Untuk memindahkan lokasi grafik

Cara Membuat Grafik (Chart) Diagram Batang/Column 3

Setelah memilih grafik yang sudah ditentukan, kalian juga bisa menentukan data seperti judul dan yang lainnya dibagian menu Layout
Current Selection
Format Selection: Untuk mengubah efek pada area yang di pilih
Reset To Match Style: Untuk mengembalikan gaya tabel ke pengaturan awal
Insert
Picture: Berfungsi sebagai memasukkan gambar ke dalam grafik
Shapes: Berfungsi sebagai memasukkan bentuk ke dalam grafik
Text Box: Berfungsi sebagai kotak boks yang berisi teks ke dalam grafik
Labels
Chart Title: Berguna sebagai mengatur judul grafik
Axis Title: Untuk memberikan judul pada data grafik
Legend: Berguna sebagai menampilkan label objek pada data grafik
Data Labels: Berguna sebagai menampilkan data label pada grafik
Data Tables: Berfungsi untuk menampilkan data tabel dalam grafik
Axes
Axis: Untuk mengatur posisi pada data grafik
Gridlines: Untuk mengatur posisi garis penunjuk data pada grafik
Background
Chart Wall: Untuk mengatur background pada bagian belakang grafik
Chart Floor: Berfungsi sebagai mengatur background pada bagian dasar grafik
3-D Rotattions: Untuk memberikan efek tiga dimensi pada grafik

Cara Membuat Grafik (Chart) Diagram Batang/Column 4

Untuk menubar Format pada menu diagram terdapat toolbar dan fungsi berikut ini
Current Selection
Format Selection: Untuk mengubah efek pada area yang di pilih
Reset To Match Style: Untuk mengembalikan gaya tabel ke pengaturan awal
Shape Styles
Untuk memberikan efek pada bagian tertentu dalam grafik
WordArt Styles
Berfungsi sebagai memberikan efek warna, outline, tiga dimensi, dan yang lainnya
Arrange
Untuk mengatur posisi dan letak grafik dalam dokumen
Size
Untuk mengatur luas pada grafik

Cara Membuat Grafik (Chart) Diagram Batang/Column 5

Cara Membuat Grafik (Chart) Diagram Lingkaran/PIE

Grafik (Diagram) lingkaran ini seringkali digunakan untuk memantau perkembangan pada waktu yang sama atau lebih jelasnya cocok untuk penggunaan data tunggal, seperti penjualan mobil pada tahun 2017, atau bisa juga jumlah siswa di sekolah blogger pada tahun 2018 dan masih banyak lagi.
Untuk membuat diagram Lingkaran/PIE ini sama seperti membuat diagram Batang/Column, dan untuk lebih jelasnya simak tutorialnya dibawah ini

Seleksi atau blok semua data yang ingin dimasukkan kedalam data grafik atau diagram

Cara Membuat Grafik (Chart) Diagram Lingkaran/PIE

Pilih menu Insert kemudian pilih pada bagian menu chart dan klik PIE untuk memilih jenis grafik yang akan kalian gunakan

Cara Membuat Grafik (Chart) Diagram Lingkaran/PIE 2

Untuk mengubah tampilan pada grafik diagram Lingkaran/PIE tersebut sama halnya seperti tutorial tutorial diatas tentang membuat Diagram Batang/Column
Itulah ulasan mengenai Cara Membuat Grafik (Chart) Di Microsoft Excel 2007 yang dapat saya tunjukkan kepada kalian, jangan lupa untuk terus mengunjungi situs ini untuk melihat postingan tutorial lainnya dari saya di zona internetku
Baca juga Panduan Lengkap Microsoft Excel 2007 Untuk Pemula

Read More
Cara Mengambil Karakter Di Microsoft Excel 2007

Cara Mengambil Karakter Di Microsoft Excel 2007

No Comment
Panduan Lengkap Microsoft Excel 2007

Pada postingan kali ini saya akan membagikan sebuah tutorial Microsoft Excel tentang cara mengambil sebuah karakter yang ada di dalam sebuah sel yang ingin kita pilih atau tentukan. Dalam pengambilan karakter ini kita dapat menggunakan sebuah rumus LEFT, MID Dan juga RIGHT untuk lebih jelasnya silahkan untuk melihat tutorial dibawah ini
Baca juga tutorial sebelumnya yang berjudul Fungsi VLOOKUP Dan HLOOKUP Di Microsoft Excel 2007


Cara Mengambil Karakter Di Microsoft Excel 2007 Menggunakan Rumus LEFT MID RIGHT


Menggunakan Rumus LEFT (Mengambil Karakter Dari Kiri)

LEFT Berfungsi untuk mengambil karakter pada bagian sebelah kiri dari suatu data, baik berupa teks maupun angka. Bentuk umum penulisannya adalah =LEFT(text;num_chars).
Keterangan
text berfungsi untuk memilih atau menyeleksi sel karakter yang akan di ambil
num_chars berfungsi untuk mengatur jumlah karakter yang ingin di ambil dari sebuah sel, jika ini tidak di isi atau tidak di tentukan maka secara default akan mengambil 1 karakter saja
Contoh penggunaan fungsi LEFT:

Menggunakan Rumus LEFT

Dari gambar di atas kita dapat menyimpulkan bahwa
1. huruf Z didapat dari sel A2 dengan jumlah 1 karakter
2. huruf Zon didapat dari sel A3 dengan jumlah 3 karakter
3. huruf Zona didapat dari sel A4 dengan jumlah 6 karakter
4. huruf Zona Int didapat dari sel A5 dengan jumlah 8 karakter
5. huruf Zona Intern didapat dari sel A6 dengan jumlah 11 karakter

Menggunakan Rumus MID (Mengambil Karakter Dari Tengah)

MID Berfungsi untuk mengambil karakter pada bagian tengah dari suatu data, baik berupa teks maupun angka. Bentuk penulisannya adalah : =MID(text;start_num;num_chars)
Keterangan
text berfungsi untuk memilih atau menyeleksi sel karakter yang akan di ambil
start_num untuk mengatur dimulainya tempat pengambilan karakter berdasarkan jumlah karakter yang dipilih
num_chars berfungsi untuk mengatur jumlah karakter yang ingin di ambil dari sebuah sel
Contoh penggunaan fungsi MID:

Menggunakan Rumus MID

Dari contoh di atas maka dapat dipahami bahwa
1. huruf n didapat dari sel A2 dimulai dari karaktter ke 3 dengan jumlah 1 karakter
2. huruf on didapat dari sel A3 dimulai dari karaktter ke 2 dengan jumlah 2 karakter
3. huruf Zona In didapat dari sel A4 dimulai dari karakter ke 1 dengan jumlah 7 karakter
4. huruf Intern didapat dari sel A5 dimulai dari karakter ke 6 dengan jumlah 6 karakter
5. huruf netku didapat dari sel A6 dimulai dari karakter ke sebelas dengan jumlah 5 karakter

Menggunakan Rumus RIGHT (Mengambil Karakter Dari Kanan)

RIGHT Berfungsi untuk mengambil karakter pada bagian sebelah kanan dari suatu data, baik berupa teks maupun angka. Bentuk penulisannya adalah : =RIGHT(text,num_chars)

Keterangan
text berfungsi untuk memilih atau menyeleksi sel karakter yang akan di ambil
num_chars berfungsi untuk mengatur jumlah karakter yang ingin di ambil dari sebuah sel, jika ini tidak di isi atau tidak di tentukan maka secara default akan mengambil 1 karakter saja
Contoh penggunaan fungsi RIGHT:

Menggunakan Rumus RIGHT

Dari gambar di atas kita dapat menyimpulkan bahwa
1. huruf u didapat dari sel A2 dengan jumlah 1 karakter
2. huruf tku didapat dari sel A3 dengan jumlah 3 karakter
3. huruf netku didapat dari sel A4 dengan jumlah 5 karakter
4. huruf ternetku didapat dari sel A5 dengan jumlah 8 karakter
5. huruf a Internetku didapat dari sel A6 dengan jumlah 12 karakter

Baiklah itu tadi penjelasan mengenai Cara Mengambil Karakter Di Microsoft Excel 2007 Menggunakan Rumus LEFT MID RIGHT yang dapat saya sampaikan, apabila ada pertanyaan silahkan dikirim melalui kolom komentar dibawah
Baca juga postingan selanjutnya tentang Cara Membuat Grafik (Chart) Di Microsoft Excel 2007

Read More
Fungsi VLOOKUP Dan HLOOKUP Di Microsoft Excel 2007

Fungsi VLOOKUP Dan HLOOKUP Di Microsoft Excel 2007

No Comment
Panduan Lengkap Microsoft Excel 2007

Pengertian Dan Contoh Fungsi Untuk Penggunaan VLOOKUP Dan HLOOKUP Di Microsoft Excel 2007 Dengan Lengkap


Baca juga postingan sebelumnya yang berjudul Penggunaan Rumus Logika IF Di Microsoft Excel 2007

1. Pengertian Fungsi VLOOKUP

VLOOKUP digunakan untuk membaca suatu data dalam sel yang berurutan secara vertical atau tegak dengan menggunakan data tabel perbandingan sebagai sumber data yang akan digunakan.
Bentuk penulisan rumusnya adalah seperti ini : =VLOOKUP(lookup_value;table_array;col_index_num;[range_lookup])
Contoh penggunaan fungsi VLOOKUP:


Pengertian Fungsi VLOOKUP Di Microsoft Excel

Dan hasilnya akan menjadi seperti ini

Hasil Pengertian Fungsi VLOOKUP Di Microsoft Excel

Pengertian :
Didalam gambar diatas menjelaskan bahwa untuk mencari hasil lulusan sekolah yang bernama Amel maka bentuk rumusnya adalah =VLOOKUP(C6;$G$8:$I$11;2)
Sel Kode
Sel C6 berfungsi sebagai penanda atau kode sel yang sama dengan data tabel perbandingan
Sel Kolom
Sel Range $G$8:$I$11 berfungsi sebagai tempat untuk membaca suatu data keseluruhan dalam tabel yang ada di sel aktif (area seleksi)
Sel Pencari (Pembaca)
Angka 2 berguna sebagai landasan atau patokan untuk mencari data sesuai dengan nomor urut secara vertikal
Lalu bagaimana untuk data dalam tabel kolom gaji ?
Untuk mencarinya data dalam tebel kolom gaji kita bisa gunakan rumus =VLOOKUP(C6;$G$8:$I$11;3)
Secara sekilas penulisan rumusnya hampir mirip, akan tetapi ada sebuah perbedaan yaitu pada penulisan angka pada akhir rumus. Jadi kita dapat menyimpulkan bahwa jika kita menulis angka 2 maka hasilnya akan mencari data dalam kolom nomor urut 2, apabila jika kita menulis angka 3 maka hasilnya akan mencari data dalam kolom nomor urut 3


2. Pengertian Fungsi HLOOKUP

HLOOKUP digunakan untuk membaca suatu data dalam sel yang berurutan secara horizontal atau mendatar  dengan menggunakan data tabel perbandingan sebagai sumber data.
Bentuk penulisan rumusnya adalah seperti ini : =HLOOKUP(lookup_value;table_array;col_index_num;[range_lookup])
Contoh penggunaan fungsi HLOOKUP:

Hasil Pengertian Fungsi HLOOKUP Di Microsoft Excel

Pengertian :
Didalam gambar diatas menjelaskan bahwa untuk mencari komponen komputer yang bernama Motherboard maka bentuk rumusnya adalah =HLOOKUP(D9;$H$13:$K$14;2)
Sel Kode
Sel D9 berfungsi sebagai penanda atau kode sel yang sama dengan data tabel perbandingan
Sel Kolom
Sel Range $H$13:$K$14 berfungsi sebagai tempat untuk membaca suatu data keseluruhan dalam tabel yang ada di sel aktif (area seleksi)
Sel Pencari (Pembaca)
Angka 2 berguna sebagai landasan atau patokan untuk mencari data sesuai dengan nomor urut secara horizontal

Cukup sampai disini dulu tutorial Microsoft Excel tentang Fungsi VLOOKUP Dan HLOOKUP yang dapat saya sampaikan kepada kalian, apabila ulasan ini sulit untuk dipahami atau kalian kurang mengerti maka kalian juga bisa bertanya melalui kolom komentar yang ada dibawah postingan ini. Sampai jumpa di tutorial lainnya di zona internetku
Baca juga tutorial selanjutnya Cara Mengambil Karakter Di Microsoft Excel 2007

Read More
Penggunaan Rumus Logika IF Di Microsoft Excel 2007

Penggunaan Rumus Logika IF Di Microsoft Excel 2007

No Comment
Panduan Lengkap Microsoft Excel 2007

Pengertian Fungsi Logika IF

Fungsi Logika IF di Microsoft Excel yaitu berguna untuk menentukan sebuah hasil suatu kondisi yang tergantung dari nilai yang telah ditentukan oleh sebuah nilai yang ada didalam sel.
Baca juga artikel sebelumnya Fungsi Referensi Relative Dan Absolute Di Microsoft Excel


Contoh Penggunaan Fungsi Rumus Logika IF Di Microsoft Excel 2007 Lengkap

Fungsi Logika IF

Untuk Fungsi Logika IF juga diperlukan sebuah rumus penanda yang di awali dengan =IF dan sebuah simbol atau tag operator relasi berikut ini yang berfungsi sebagai penentu suatu kondisi, dalam setiap tanda memiliki arti arti yang berbeda dalam penggunaannya.
= (sama dengan)
< (lebih kecil dari)
> (lebih besar dari)
<= (lebih kecil sama dengan)
>= (lebih besar sama dengan)
<> (tidak sama dengan)
Dan berikut ini adalah format penulisan Microsoft Excel
IF(logical_test;value_if_true;value_if_false)
Untuk memilih di antara dua nilai berdasarkan dua perbandingan yaitu antara benar atau salah.

Contoh Fungsi Logika IF Tunggal

Fungsi logika IF Tunggal hanya bisa menyatakan suatu kondisi seperti perbandingan antara benar atau salah dan besar atau kecil. Dan biasanya penggunaan fungsi logika if digunakan untuk menentukan nilai lulus atau tidak lulus pada ujian siswa sekolah
=IF(E11>=80;"Lulus";"Tidak Lulus")

Contoh Fungsi Logika IF Tunggal

Dari gambar diatas dapat disimpulkan bahwa nilai ujian yang dibawah atau lebih kecil dari angka 80 akan mengalami tidak lulus ujian, tapi jika nilai ujian tersebut diatas sama dengan 80 maka dia akan lulus ujian.

Contoh Fungsi Logika IF Ganda (Bertingkat)

Fungsi logika IF Ganda atau Bertingkat agak berbeda dengan logika IF Tunggal karena logika IF Ganda bisa menentukan lebih dari dua kondisi dan hal ini lebih mirip seperti peluang suatu kejadian. Contoh penggunaan IF Ganda digunakan untuk menentukan suatu nilai siswa seperti nilai A Sangat Baik , B Baik , C Cukup , D Kurang
Untuk lebih jelasnya kalian bisa melihat contoh gambar dibawah ini
=IF(C7="A";"Sangat Baik";IF(C7="B";"Baik";IF(C7="C";"Cukup";IF(C7="D";"Kurang";))))

Contoh Fungsi Logika IF Ganda (Bertingkat)

Dari gambar diatas kita dapat menyimpulkan dari fungsi logika IF ganda bahwasannya jika nilai sel C3 adalah “A” maka hasilnya “Sangat Baik”, apabila nilainya “B” maka hasilnya “Baik” , jika nilainya “C” maka hasilnya “Cukup” , dan jika nilainya adalah D maka hasil yang keluar adalah “Kurang”

Dan itu tadi adalah ulasan mendasar mengenai Contoh Dan Penggunaan Rumus Logika IF Di Microsoft Excel yang dapat saya sampaikan, jika ada pertanyaan silahkan kirimkan pertanyaan kalian melalui kolom komentar dan semoga ini bisa membantu kalian
Baca juga postingan selanjutnya di Fungsi VLOOKUP Dan HLOOKUP Di Microsoft Excel 2007

Read More