Rabu, 01 November 2017

Cara Membuat Partisi Baru di Windows Tanpa Software

RPL MUSABA November 01, 2017 0 Comments

Cara Membuat Partisi Baru di Windows Tanpa Software

Apakah harddisk komputer kamu masih memiliki banyak ruang kosong? Jika iya, mungkin kamu pernah terpikirkan untuk membuat partisi baru pada komputermu. Membuat partisi baru akan sangat berguna jika kamu ingin menambahkan drive path baru untuk menyimpan file-file yang penting atau menginstall sistem operasi yang lainnya untuk dijadikan dual boot. Pada Windows Vista, 7, 8, hingga Windows 10 terdapat tool bawaan yang berfungsi untuk manajemen partisi harddisk yang bernama Disk Management. Dengan tool tersebut kita bisa membagi atau membuat partisi baru, memformat partisi, menghapus partisi dan bahkan kamu bisa menggabungkan partisi untuk menambahkan ruang kosong pada partisi tertentu.

Namun, ada beberapa orang masih bingung bagaimana caranya membuat partisi baru di komputer mereka. Bahkan ada juga yang beranggapan jika membuat partisi baru, maka file-file yang tersimpan akan turut hilang. Tetapi kamu tidak perlu khawatir akan hal tersebut, membuat partisi baru sama sekali tidak akan menghapus semua file yang tersimpan pada harddisk. Jadi, file-file kamu akan tetap aman tanpa berkurang sedikit pun. Nah, bagi kamu yang hingga saat ini masih bingung bagaimana caranya membuat partisi baru, berikut ini langkah-langkahnya:

Pertama buka Start Menu. Lalu klik kanan pada Computer, pilih Manage.

Setelah jendela terbuka, pada sisi sebelah kiri, pilih Disk Management.

Maka pada sisi sebelah kanan akan tampil daftar semua partisi yang ada, silahkan pilih drive mana yang ingin kamu bagi untuk dijadikan partisi baru. (Pada tutorial ini, aku pilih drive D: yang ingin aku bagi). Kemudian klik kanan pada partisi yang kamu pilih, lalu pilih Shrink Volume….

Pada kotak dialog shrink, kamu bisa menentukan berapa kapasitas yang akan dibuat untuk partisi baru dari hasil pembagian drive yang kamu pilh tadi. (Pada tutorial ini, aku ingin membuat partisi baru dengan kapasitas 40000 MB). Jika sudah, klik tombol Shrink.

Setelah proses Shrink volume selesai, maka kamu akan melihat sebuah partisi baru dengan status Unallocated atau Free Space. Namun partisi dengan status tersebut masih belum bisa digunakan. Oleh karena itu, kamu harus memformatnya terlebih dahulu agar partisi tersebut bisa digunakan.

Caranya, klik kanan pada partisi tersebut, kemudian pilih New Simple Volume...

Klik Next untuk melanjutkan.

Pada bagian ini kamu akan diminta menentukan kapasitas yang akan digunakan pada partisi baru (sebaiknya gunakan semuanya). Jika sudah, lalu klik Next.

Kemudian Pilih Format this volume with the following settings, Pilih format file system NTFS, pada Alocation unit size pilih Default, pada Volume label isi dengan nama drive sesuai keinginanmu, serta beri centang pada Perform quick format. Jika sudah, lalu klik Next.

Dan klik Finish.

Selesai, sekarang kamu akan melihat sebuah partisi baru yang siap untuk digunakan.

Bagaimana? Mudah bukan? Dengan begitu kini kamu bisa membuat partisi sendiri tanpa harus pergi ke teknisi komputer hanya untuk membuat partisi baru, hehehe :D

Terima Kasih Semoga Bermanfaat.. :)

Belajar CSS

RPL MUSABA November 01, 2017 0 Comments

PENGERTIAN CSS (Cascading Style Sheets)

CSS adalah salah satu bahasa pemrograman web yang mengatur komponen dalam suatu web supaya web lebih terstruktur rapi, dan indah. Jadi dalam suatu web tanpa CSS tidak akan bisa indah, dengan CSS kita dapat mengatur keindahan tampilan web kita semau kita sendiri. untuk itu perlu pembelajaran memahami CSS agar tampilan web anda dapat terlihat indah.

CARA PENULISAN CSS (Cascading Style Sheets)

Dalam penulisan CSS harus diperhatikan cara penulisannya, jika cara penulisan CSS salah, maka skrip CSS yang telah kita tulis tidak dapat dijalankan atau tidak sesuai dengan kita harapkan. Dalam penulisan CSS terdapat dua versi menurut gua yaitu :

Penulisan CSS dengan versi pertama

Dalam penulisan versi ini yang mana skrip CSSnya dideviniskan di awal dan baru dipanggil pendevinisiannya saat diperlukan saja. Jadi pada intinya kode CSSnya ditulis dahulu baru nanti pada saat tertentu kita dapat memakainya saat diperlukan saja dengan funsi <div> atau fungsi lainnya seperti class dll. Bahkan dalam penulisan versi ini dapat dipanggil dari file lain, misal kita membuat file dengan ekstensi/formatnya .css lalu jika kita ingin memamakainya dapat dipanggil dengan menggunakan funsi link rell untuk penulisan skrip versi pertama dibuka dengan kode <style type="text/css"> lalu tulis nama pendiskripsian skripnya misal "body" degan mengawali tanda pagar (#) atau titik (.) di depan tulisannya sehingga menjadi #body setelah itu buka kurung dengan menggunakan kurung ini ini "{" lalu baru skrip cssnya kita masukan, dengan aturan menulis kode efek cssnya lalu "titik dua" lalu kita tuliskan satuan atau warna atau yang lain tergantung dari kode efeknya. dan setiap satu pemberian efek harus ditutup dengan "titik koma ( ; ) dan tuliskan skrip nama efeknya dan seterusnya sama. dan kalau pendeskrisiannya 2 kata jangan diberi spasi tapi di sambung dengan menggunakan tanda minus( - ) jika sudah selesai menulis kode efeknya tutup tanda kurungnya lalu tulis pendeskripsain kedua jika masih ada, tulis sesuai dengan aturannya. Berikut ini sekedar contoh dari penulisan :

2. Penulisan CSS dengan versi kedua

Kalau penulisan versi ini dalam setiap objeck yang mau diberi fungsi CSS kita harus menulis menyelipkannya dengan cara contoh menulis <div style=" "kode css anda ditaruh disini"> objeck yang mau diberi funsi dari CSS </div> Jadi pada intinya penulisannya kita menyelipkan objeknya diantara tag pembukan dan penutupnya. Untuk penulisan kodenya sama dengan penulisan versi pertama. Contoh :

CIRI-CIRI skrip CSS (Cascading Style Sheets)

Untuk mengetahui skip CSS dalam kumpulan skrip, dan membedakan yang mana yang merupakan skrip CSS dan yang mana yang bukan. perlu diketahui ciri-ciri skrip CSS. Berikut ini adalah ciri-ciri skrip CSS :

Dalam penulisan CSS versi pertama itu cara penulisan skripnya dibuka dengan skrip &<style> , kalau penulisan versi kedua pasti dalam skrip terdapat kata "style" itu menunjukan bahwa skrip tersebut terdapat cssnya. misal seperti :

<p style="text-indent:50px;">
<SPAN style="BACKGROUND-COLOR: #FFFF00">
<textarea style=" border: 5px dashed red ;"
Dalam penulisan kode yang dua kata tidak di spasi tapi disambung dengan tanda (-) misal seperti kata margin-top, margin-left, font-size dll.

CONTOH CSS (Cascading Style Sheets)

Berikut ini adalah contoh kumpulan skrip CSS :

Selasa, 31 Oktober 2017

MENDESIGN PARAGRAF DENGAN HTML

RPL MUSABA Oktober 31, 2017 0 Comments

MENDESIGN PARAGRAF DENGAN HTML

Setelah mengetahui dasar-dasar dari HTML mari kita lanjut pada bagaimana cara membuat tampilan paragraf lebih menarik dan terlihat keren. Mari kita simak pembahasan ini.

Mengenal atribut tag <font>

Perlu kita ketahui bahwa dalam setiap tag html itu dapat diberi atribut tag, tapi tidak semua atribut cocok dengan tag html nya. maka dari itu perlu kita ketahui pengertian dari atribut tag itu sendiri yaitu informasi tambahan yang diberikan kepada tag html. Untuk lebih jelasnya mari kita lihat tabek berikut ini :

Atribut Tag <Font>	Fungsi Tag	Contoh	Hasil
color	mewarnai text	<font color="red">	red
size	mengubah ukuran huruf	<font size="20px">	20px
face/family	mengubah jenis font	<font face=times and new roman>	teks

Kita juga dapat menggabungkan Atribut tersebut jadi satu misalnya :

text kamu

Atribut tag <p>

Atribut tag <p> hanya ada satu atribut yaitu align dan fungsinya untuk mengatur posisi paragraf untuk lebih jelasnya dapat kita lihat pada tabel berikut :

Atribut Tag <p>	Fungsi Tag	Contoh	Hasil
align	mengatur posisi paragraf	<p align="left">	contoh teks
align	mengatur posisi paragraf	<p align="center">	contoh teks
align	mengatur posisi paragraf	<p align="right">	contoh teks
align	mengatur posisi paragraf	<p align="justify">	contoh teks rata kana kiri

Nah, itulah yang dapat saya sampaikan tentang mendesain paragraf dengan tag html murni tanpa campur dengan tag css. Cukup Sekian Saya Sampaikan TERIMA KASIH....

MEMBUAT TABEL DENGAN HTML

RPL MUSABA Oktober 31, 2017 0 Comments

CARA MEMBUAT TABEL DENGAN TAG - TAG HTML

Setelah mengetahui beberapa tag dasar HTML, perlu ulasan kembali tentang pembuatan tabel dalam HTML agar mengerti secara matang tag-tag yang digunakan dan mengerti bagaimana mewarnai tabel, merge tabel dll. Dalam mengelola tabel agar lebih baik pasti memerlukan atribut tagnya. pertama-tama mari kita mengenal atribut tagnya.

Atribut tag <table>

Atribut Tag <table>	Fungsi Tag	Value	Contoh
border	menambahkan border tabel	1,2,3 dst.	<table border="1">
cellpadding	mengatur jarak antara tes dalam tabel dengan garisnya	1,2,3 dst.	<table cellpadding="1">
cellspacing	mengatur jarak antara cell dengan cell lainnya	1,2,3 dst.	<table cellspacing="1">
align	mengatur posisi tabel	left, center, right.	<table align="left">
width	mengatur lebar tabel	100px,100%	<table width="100px">
height	mengatur tinggi tabel	200px	<table height="100px">
bgcolor	memberi background warna tabel	red, yellow, green, blue dst.	<table bgcolor="red">
frame	memberi border sebagian saja atau semua bagian yang ingin diberi border	box, above, below, hsides,	<table frame="box">
rules	memberi garis beberapa atau semua dalam cell pada tabel	rows, cols, all, none	<table rules="rows">
bordercolor	memberi border warna pada tabel	red,yellow,green, dst.	<table rules="rows">

Atribut Frame

contoh atribut frame="box"

contoh atribut frame="above"

contoh atribut frame="below"

contoh atribut rules="rows"

contoh atribut rules="all"

contoh atribut rules="none"

Atribut tag <th>,<tr>, dan <td>

Tag <th>, <tr> dan <td> Atributnya sama dengan atribut <table> hanya saja ada beberapa tag yang tak berfungsi jika dimasukana disini yaitu : cellpadding, cellspacing, frame, dan rules. kali ini aku akan mengajarkan bagaimana caranya untuk me-merge kolom atau baris. Berikut ulasannya pada tabel berikut :

Atribut Tag <th> atau <td>	Fungsi Tag	Value	Contoh
colspan	menggabungkan 2 cell atau lebih dalam bentuk horizontal atau kekanan.	2,3,4,5, dst	<th colspan=2>
rowspan	menggabungkan 2 cell atau lebih dalam bentuk vertikal atau kebawah.		<td rowspan=2>

maka hasilnya seperti berikut ini :

Identitas diri
Nama	Email	Nomor HP	Alamat

maka hasilnya seperti berikut ini :

Bulan	Simpanan	Simpanan Untuk Hari Libur
Januari	Rp.10.000	Rp.5.000
Februari	Rp.8.000	Rp.5.000

Terima Kasih Semoga Bermanfaat... :)

MEMBUAT LINK PADA HTML

RPL MUSABA Oktober 31, 2017 0 Comments

MEMBUAT LINK DENGAN TAG <a>

Sering kita mendengar tentang link. yang dimaksud tentang pasti sudah mengerti apa artinya yaitu target halaman yang akan dituju. Dengan membuat link kita dapat menghubungkan halaman satu dengan yang lain atau dapat juga berupa file ataupun folder. Mari kita pelajari bagaiana membuat link. Dalam membuat link pada html kita memerlukan tag <a>. berikut ini penjelasannya :

Atribut tag <a>

href

Atribut href adalah atribut yang berfungsi memberitahukan kemana halaman yang akan dituju. Contoh :

<a href="google.com"> link ini akan menuju ke google.com</a>

maka hasilnya akan seperti berikut :

link ini akan menuju ke google.com

target

Atribut target adalah atribut yang berfungsi untuk membuka halaman pada tab baru. Contoh :

<a href="google.com" target="blank"> link ini akan menuju ke google.com</a>

maka hasilnya akan seperti berikut :

link ini akan menuju ke google.com

title

Atribut title adalah atribut yang berfungsi untuk memberikan keterangan link pada saat disentuh oleh mouse Contoh :

<a href="google.com" title="keterangan dari link"> link ini akan menuju ke google.com</a>

link ini akan menuju ke google.com

Terima Kasih Semoga Bermanfaat... :)

HTML Teks Formatting

RPL MUSABA Oktober 31, 2017 0 Comments

HTML Teks Formatting

HTML Teks Formatting adalah tag html yang berfungsi mengubah bentuk tampilan dari teks. dengan menggunakan tag html ini kita bisa membentuk teks seperti tebal, miring, garis bawah, teks berpangkat, dll

Untuk lebih jelasnya kamu dapat melihat pada tabel berikut :

Tag	Funsi Tag	Contoh
<b>	mempertebal teks	contoh b
<strong>	fungsinya sama dengan tag diatas	contoh strong
<i>	membuat cetak miring teks	contoh i
<em>	fungsinya sama dengan tag diatas	contoh em
<u>	membuat teks bergaris bawah	contoh u
<ins>	fungsinya sama dengan tag diatas	contoh ins
<strike>	membuat teks tercoret	~~contoh strike~~
<del>	fungsinya sama dengan tag diatas	~~contoh del~~
<small>	memperkecil ukuran teks	contoh small
<sub>	membuat pangkat dibawah	contoh_sub
<sup>	membuat teks berpangkat	contoh^sup
<blockquote>	membuat baris baru agak menjorok kedalam dengan format teks yang berbeda juga	contoh blockquote
<code>	tag untuk penulisan teks berupa kode	contoh code
<mark>	memberi penandaan teks tapi warnanya tidak dapat dirubah	contoh mark

Terima Kasih Semoga Bermanfaat...:)

Dasar HTML

RPL MUSABA Oktober 31, 2017 0 Comments

Dasar HTML

Bagi anda yang ingin mempelajari tentang HTML maka anda harus mengerti tentang dasar-dasar dari HTMLnya.

Header dalam HTML

Dalam pembuatan header dalam HTML terdapat levelnya yaitu level 1 adalah level header yang terbesar sampai dengan level 6 atau level header terkecil. HTML headings are defined with the <h1> to <h6> tags.

Paragraf dalam HTML Pada HTML dalam pembuatan paragraf diawali dengan tag

dan tag akhiran tag

Berikut ini contoh pembuatan paragraf pada HTML :

Membuat Link pada HTML Link adalah sorthcut atau jalan pintas untuk menuju halaman web lain atau dokumen lain pada HTML. Dalam pembuatan link ini menggunakan tag dan menggunakan atributnya "href" maka menjadi . Untuk lebih jelas dapat dilihat pada contoh berikut :

Memasukan Gamabar pada HTML Pada HTML kita dapat memasukan atau memberi gambar. format gambar yang sering digunakan adalah jpg, png dan gif. kita juga dapat mengatur tinggi dan lebarnya. dengan menggunakan atribut "width" "height". Berikut ini adalah contoh tag untuk memasukan gambar pada HTML :

Pengenalan HTML

RPL MUSABA Oktober 31, 2017 0 Comments

Pengenalan HTML

Arti HTML

HTML adalah bahasa pemrograman untuk mendeskripsikan sebuah halaman web.

HTML singkatan dari Hyper Text Markup Language

HTML adalah bahasa markup sedangkan Bahasa Markup adalah seperangkat kumpulan dari beberapa Tag Markup, dan Tag itu sendiri adalah sebuah pemrograman yanag menggambarkan isi dokumen HTML. dan Dokumen HTML sendiri itu berisi tag HTML dan teks biasa. Dokumen HTML juga dapat disebut dengan halaman web yang telah disusun.

Penulisan HTML

Berikut ini adalah contoh penulisan tag HTML

Cara Membuat Dokumen HTML Cara membuat dokumen html sangatlah mudah tak perlu menginstal aplikasi ataupun software. Dalam membuat dokumen HTML cukup dengan NotePad anda bisa membuat dokumen HTML. tapi jika anda menginginkan pembuatan Dokumen HTML lebih praktis anda dapat menginstall aplikasinya untuk membuat dokumen HTML. untuk aplikasinya anda bisa dowload sendiri di Internet. Baiklah mari kita pelajari bagaimana cara membuat membuat dokumen HTML :

Buka Aplikasinya seperti NotePad yang sudah ada pada komputer kita.
Lalu buka Tulis persis seperti tag berikut ini :

RPL MUSABA Oktober 31, 2017 0 Comments

PENGERTIAN HTML

HTML (Hyper Text Markup Languange) adalah bahasa pemrograman yang disusun untuk menampilkan halaman atau content dalam suatu website. Dalam suatu website HTML adalah pemeran utama untuk menampilkan halaman atau content pada browser-browser seperti google chroome, mozila firefox, safari, opera, internet explorer dll. jadi tugas HTML adalah menerjemahkan sebuah bahasa pemrograman menjadi konten web dan memudahkan kita dalam mengakses suatu website.

DASAR-DASAR HTML

Setelah mengetahui apa yang dimaksud dengan HTML mari kita pelajari dasar-dasarnya HTML. dalam menampilkan konten pada browser pasti ada skripnya berikut ini adalah skrip dasar HTML. perlu kita ketahui dalam menulis HTML jika dalam penulisan tag awalnya belum ada tanda "/" misal seperti tag ini <br/>, maka pada akhirannya harus di akhiri sama dengan pembukanya dan diberi tanda "/" ditulis sebelum tagnya atau misal </html>.

contoh :
<html> ditutup dengan </html>
<head> ditutup dengan </head>
<body> ditutup dengan </body>
Berikut ini adalah tag-tag dasar html beserta fungsinya :

TAG	FUNGSI TAG
<html>	skrip pembuka untuk membuat suatu html
<head>	skrip untuk pembuka dalam header dalam website
<body>	skrip untuk pembuka dalam membatasi konten atau body dalam web
<h1>	skrip untuk pembuka dalam membuat header atau judul web
<h2>	skrip untuk pembuka dalam membuat header atau judul lebih kecil dari h1. jika ingin lebih kecil lagi dapat menuliskan h3,h4 dst
<font>	tag ini digunakan untuk membentuk atau mendesign tulisan pada web
<p>	skrip untuk pembuka dalam membuat paragraf
<br/>	tag untuk ganti baris baru
<ul>	tag pembukaan untuk membuat list daftar dengan daftar urut angka
<li>	tag berfungsi untuk memulai daftar urut atau daftar item
<ol>	tag ini sama fungsinya dengan tag <ul> hanya saja daftar urutnya berbentuk titik bundar
<span>	tag untuk menandai khusus pada huruf, kata atau kalimat dalam paragrap
<a href>	tag untuk membuat link
<img src>	tag menampilkan gambar pada html
<dl>	tag untuk memulai penulisan seperti halnya pada penulisan puisi
<dt>	tag penulisan baris yang tidak menjorok ke dalam
<dd>	tag penulisan baris yang menjorok ke dalam
<table>	tag pembuka dari pembuatan tabel dalam html
<tr>	skrip pembuka untuk membuat baris pada tabel
<td>	skrip pembuka untuk membuat kolom pada tabel
<blink>	tag membuat tulisan berkedip-kedip
<marquee>	tag membuat tulisan berjalan dari kiri ke kanan

Dermikian pengenalan HTML kali ini semoga bermanfaat untuk sekalian

Cara Mudah Membuat Menu Navigasi Di Blog Dengan Berbagai Bentuk

RPL MUSABA Oktober 31, 2017 0 Comments

Tampilan Menu Navigasi Terbaru Dengan Bentuk Daun - Secara umum letak dan bentuk menu navigasi pada blog dapat kita pindahkan tempat dan fungsinya, serta dapat kita ubah sesuka hati dengan berbagai bentuk dan variasi agar terlihat cantik dan menarik. Seperti tampilan menu navigasi terbaru kali ini, saya mengambil inspirasi dari bentuk daun.

Membuat Menu navigasi seperti ini juga terbilang mudah dan tidak ribet, karena kita hanya mengubah bentuk bordernya saja agar berbentuk lingkaran daun dengan pengaturan CSS seperti ini:

.leaf-menu li:active div.menu-item { -webkit-border-top-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-bottomright: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } //jarak tumpukan daun menu .leaf-menu li:active {margin: 30px 33px;}

Dan hasilnya akan tampak menarik layaknya helaian daun yang kita susun secara vertical seperti gambar berikut:

Bagaimana? cukup mudah bukan.!, sekarang kita tambahkan variasi sedikit agar tampilan hovernya berputar (tampilan menu daun akan berputar) dan akan membesar pada posisi center (tengah) saat menu di KLIK dengan kode CSS seperti ini:

.leaf-menu li:hover div.menu-item{ -webkit-border-top-left-radius: 80px; -webkit-border-bottom-right-radius: 80px; -moz-border-radius-topleft: 80px; -moz-border-radius-bottomright: 80px; border-top-left-radius: 80px; border-bottom-right-radius: 80px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); }

Saatnya penerapan menu navigasi yang cantik dan menarik ini ke blog Anda dengan pembangun kode CSS lengkap seperti ini:

nav { width: auto; height: 100px; margin: -5em auto; text-align: center;} .leaf-menu li { display: inline-block; text-align: center; margin: 30px 5px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .leaf-menu li:hover {margin: 30px 20px;} .leaf-menu li:active {margin: 30px 33px;} .leaf-menu li a { width: 100px; height: 100px; z-index: 9999; position: absolute; top: 35px; font-weight: bold; display: block; text-decoration: none; font-size: 19px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;} .leaf-menu li:active a {font-size: 24px;top: 30px;} .leaf-menu li div.menu-item { width: 100px; height: 100px; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-border-top-left-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);} .leaf-menu li:hover div.menu-item{ -webkit-border-top-left-radius: 80px; -webkit-border-bottom-right-radius: 80px; -moz-border-radius-topleft: 80px; -moz-border-radius-bottomright: 80px; border-top-left-radius: 80px; border-bottom-right-radius: 80px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg);} .leaf-menu li:active div.menu-item{ -webkit-border-top-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-bottomright: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px;} #home { background: #41D05F;border-bottom:3px solid #cc0000;} #archive { background: #E42B2B;border-bottom:3px solid #f1c232;} #profile { background: #ff8400;border-bottom:3px solid #0b5394;} #article { background: #a800ff;border-bottom:3px solid lime;} #contact { background: #49a7f3;border-bottom:3px solid cyan;}

Pada kode HTML di bawah ini, silahkan gantikan teks yang sudah saya beri warna merah dengan label menu blog Anda sendiri seperti ini:

Tampilan Menu Navigasi Terbaru Dengan Bentuk Daun seperti ini. Semoga tutorial ini dapat memberikan Anda inspirasi dalam membuat ide kreatif lainnya dilain kesempatan seperti tampilan menu navigasi desain lainnya di bawah ini:

Terima Kasih Semoga Bermanfaat... :)

Senin, 30 Oktober 2017

Contoh Program Aplikasi Penggajian (PT PUTRA 4307) Menggunakan C++

RPL MUSABA Oktober 30, 2017 0 Comments

Kesempatan kali ini saya akan berbagi informasi mengenai pemrograman C++ contoh aplikasi penggajian untuk karyawan, dalam program yang saya buat merupakan program menghitung gaji untuk karyawan pekerja harian. Pekerja harian digaji berdasarkan jumlah jam kerjanya dan dalam satu jam sudah ditentukan besaran biayanya. Program ini juga menggunakan fungsi return (return value function) serta fungsi array.

Berikut langkahnya :
1. buka aplikasi borland C++
2. PIlih file > New > text edit
3. Pastekan koding berikut :

#include<conio.h>
#include<stdio.h>
#include<iostream.h>
#include<iomanip.h>

long honor(int jjk)
{
if (jjk>8)
return (jjk-8)*5000+15000;
else
return 15000;
}

main()
{
int jk,no;

struct
{
char nama[20];
int jjk;
}kry[10];

long total=0;
cout<<"====================================="<<endl;
cout<<"= Program Menghitung Honor Karyawan ="<<endl;
cout<<"= PT PUTRA 4307 ="<<endl;
cout<<"====================================="<<endl;
cout<<endl;

cout<<"Masukan Jumlah Karyawan:"; cin>>jk;
for (no=1;no<=jk;no++)
{//for-buka
cout<<endl;
cout<<"Karyawan Ke"<<no<<endl;
cout<<"Nama Karyawan :";gets(kry[no].nama);
cout<<"Jumlah Jam Kerja:";cin>>kry[no].jjk;
}

clrscr();
cout<<" PT PUTRA 4307"<<endl;
cout<<"============================================"<<endl;
cout<<"No . NAma Jumlah Honor"<<endl;
cout<<" Karyawan Jam Kerja "<<endl;
cout<<"============================================"<<endl;
for (no=1;no<=jk;no++)
{

cout<<setiosflags(ios::left);
cout<<setw(3)<<no;
cout<<setw(9)<<kry[no].nama;
cout<<setiosflags(ios::right);
cout<<setw(8)<<kry[no].jjk;
cout<<setw(13)<<honor(kry[no].jjk);
cout<<endl;

total+=honor(kry[no].jjk);
}
cout<<"-----------------------------------------------"<<endl;
cout<<" Total Honor :"<<total<<endl;

getch();
}

4. Silahkan running programnya, maka hasilnya seperti dibawah ini

Keterangan : Masukkan jumlah karyawan yang akan menerima gaji

5. Tekan enter

Keterangan : Jumlah jam kerja adalah jam kerja pada hari karyawan bekerja, misalnya jika bekerja 21 hari dalam satu bulan dan dalam satu hari bekerja slama 8 jam, maka 8*21=168jam

6. Maka hasilnya seperti dibawah ini

7. selesai

Terima Kasih Semoga Bermanfaat... :)

Contoh Aplikasi Program Penginapan (AGUS MHN) Menggunakan C++

RPL MUSABA Oktober 30, 2017 0 Comments

Contoh Aplikasi Program Penginapan (AGUS MHN) Menggunakan C++

Contoh Aplikasi Program Penginapan (Agus Mhn) Menggunakan C++ ini juga menggunakan fungsi perulangan FOR (array). Penjelasan program ini adalah Petugas menginput customer yang datang untuk menginap di penginapan, kemudian custoer bisa memilih kamar (harga berbeda) dan menentukan berapa lama customer menginap.

Berikut langkahnya :
1. buka aplikasi borland C++
2. PIlih file > New > text edit
3. Pastekan koding berikut :

#include<stdio.h>
#include<conio.h>
#include<iostream.h>

main()
{
char nape[20],nacus[20],pesan[10];
char kode;
int lamasewa,tgl;
long hargasewa,jumbar,diskon,total,ubay,ukem;

cout<<" PENGINAPAN AGUS MHN,Inn"<<endl;
cout<<"============================"<<endl;
cout<<"Input Nama Petugas :";gets(nape);
cout<<"Input Nama Customer :";gets(nacus);
cout<<"Input Tanggal :";cin>>tgl;
cout<<"============================"<<endl;
cout<<"Pilih Kode Kamar[G/E/C] :";cin>>kode;
cout<<"Input Lama Sewa [hari] :";cin>>lamasewa;

if (kode=='G')
{
strcpy(pesan,"GARUDA");
hargasewa=300000;
}
else if (kode=='E')
{
strcpy(pesan,"ELANG");
hargasewa=250000;
}
else if (kode=='C')
{
strcpy(pesan,"CENDRAWASIH");
hargasewa=90000;
}
else
{
strcpy(pesan,"salah Kode");
hargasewa=0;
}
cout<<endl;
cout<<endl;
cout<<"====================================="<<endl;
cout<<"BUKTI PEMESANAN KAMAR"<<endl;
cout<<"PENGINAPAN AGUS MHN,Inn"<<endl;
cout<<"====================="<<endl;
cout<<"Nama Petugas :"<<nape<<endl;
cout<<"Nama Customer :"<<nacus<<endl;
cout<<"Tanggal Check In :"<<tgl<<endl;
cout<<"======================================"<<endl;
cout<<"Nama Kamar Yg Dipesan :"<<pesan<<endl;
cout<<"Harga Sewa :"<<hargasewa<<endl;
cout<<"Lama Sewa :"<<lamasewa<<endl;
cout<<"------------------------------------"<<endl;
jumbar=hargasewa*lamasewa;
cout<<"Jumlah Bayar :"<<jumbar<<endl;

if (lamasewa=3)
diskon=(jumbar/100)*5;
else if (lamasewa=4)
diskon=(jumbar/100)*5;
else if (lamasewa>=5)
diskon=(jumbar/100)*10;
else
diskon=(jumbar*0);
cout<<"Diskon :"<<diskon<<endl;
cout<<"-----------------------------"<<endl;
total=jumbar-diskon;
cout<<"Total Bayar :"<<total<<endl;
cout<<"Uang Bayar :";cin>>ubay;
ukem=ubay-total;
cout<<"Uang Kembalian :"<<ukem<<endl;
cout<<"----------------------------------------------"<<endl;

getch();
}

4. Runing programnya, dan hasilnya seperti dibawah ini

Keterangan [PENTING] :

Input nama petugasnya yang menginput data
Input nama customer
Input Tanggal dengan format 311299
Pilih kode kamar huru kapital
input lama sewa berapa hari

5. Maka hasilnya seperti dibawah ini

6. Selesai

Terima Kasih Semoga Bermanfaat....

Contoh Program Aplikasi Penjualan TV Elektronik Menggunakan C++

RPL MUSABA Oktober 30, 2017 0 Comments

Berikut ini adalah Contoh Program Aplikasi Penjualan TV Elektronik Menggunakan C++. Pada program kali ini menggunakan fungsi array (perulangan FOR) dan outputnya dalam bentuk tabel. Program penjualan ini menjual barang elektronik khusus TV LED saja dari berbagai merk, semoga ini bisa menjadi referensi belajar program CPP (C++) anda.

Berikut langkahnya :
1. buka aplikasi borland C++
2. PIlih file > New > text edit
3. Pastekan koding berikut :

#include<conio.h>
#include<stdio.h>
#include<iostream.h>
#include<iomanip.h>
//fungsi judul
judul()
{
cout<<" Toko Elektronik"<<endl;
cout<<" PUTRA 4307 (Penjualan TV)"<<endl;
cout<<"============================================="<<endl;
cout<<endl;
}

//funsi garis
garis()
{
cout<<"=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*"<<endl;
}

main()
{
//deklarasi variabel
char tanggal[20];
char pembeli[25];
int bd,no;

struct
{
char kode;
int jumbel;
char *nama;
long harga;
}tv[30];

long subtotal,total=0,kembali,bayar;
char lagi;
awal://label untuk input lagi

//cetak tampilan input
clrscr();
judul();
cout<<"Tanggal Transaksi:";gets(tanggal);
cout<<"Pembeli :";gets(pembeli);
cout<<"Banyak Data :";cin>>bd;
garis();
//perulangan input
for(no=1;no<=bd;no++)
{
cout<<"Data Ke - :"<<no<<endl;
cout<<"KOde TV [S/L/P] :";cin>>tv[no].kode;
cout<<"Jumlah BEli :";cin>>tv[no].jumbel;
cout<<endl;
}

//cetak tampilan output
clrscr();
judul();
cout<<endl;
cout<<"Tanggal Transaksi:"<<tanggal<<endl;
cout<<"Pembeli :"<<pembeli<<endl;
garis();
cout<<"No Nama Merk TV HArga Jumlah beli Subtotal"<<endl;
garis();
//perulangan output
for(no=1;no<=bd;no++)
{
//proses if
if(tv[no].kode=='S')
{ tv[no].nama="SAMSUNG 32'LED";
tv[no].harga=4500000;
}
else if(tv[no].kode=='L')
{ tv[no].nama="LG 32'LED";
tv[no].harga=5000000;
}
else if(tv[no].kode=='P')
{ tv[no].nama="POLYTRON 32'LED";
tv[no].harga=4000000;
}
else
{ tv[no].nama="Kode Salah";
tv[no].harga=0;
}

//cetak data
cout<<setiosflags(ios::left); //rata kiri
cout<<setw(3)<<no;
cout<<setw(16)<<tv[no].nama;
cout<<setiosflags(ios::right); //rata kanan
cout<<setw(7)<<tv[no].harga;
cout<<setw(10)<<tv[no].jumbel;
//hitung subtotal
subtotal=tv[no].harga*tv[no].jumbel;
cout<<setw(12)<<subtotal;
cout<<endl;
//hitung total
total=total+subtotal;
}
garis();
cout<<" Total Bayar:"<<total<<endl;
cout<<" Uang Bayar :";cin>>bayar;
kembali=bayar-total;
cout<<" UAng Kembali:"<<kembali<<endl;
cout<<endl;
cout<<"input Lagi?[Y/T]:";cin>>lagi;
if(lagi=='Y'||lagi=='y') goto awal;

getch();
}

4. Silahkan running programnya, dan hasilnya sperti dibwah ini ;

Keterangan : Silahkan Input masukanya tanggal transaksi, pembeli dan banyaknya data (barang yg akan dibeli berdasarkan merk)

5. INput data merk TV dan jumlahnya

6. Enter dan hasil outputnya seperti dibawah,

7. Selesai, semoga bermanfaat... :)

background warna

Rabu, 01 November 2017

PENGERTIAN CSS (Cascading Style Sheets)

CARA PENULISAN CSS (Cascading Style Sheets)

CIRI-CIRI skrip CSS (Cascading Style Sheets)

CONTOH CSS (Cascading Style Sheets)

Selasa, 31 Oktober 2017

MENDESIGN PARAGRAF DENGAN HTML

Atribut tag <a>

Dasar HTML

Header dalam HTML

Pengenalan HTML

Arti HTML

Penulisan HTML

PENGERTIAN HTML

Senin, 30 Oktober 2017

Contoh Aplikasi Program Penginapan (AGUS MHN) Menggunakan C++

Terima Kasih Sudah Berkunjung ke Blog RPL

Search

Fanspage

Visitor

Social

Popular

Archive

Labels

menu flip

About

Categories

Popular Posts