Archive for January 2015

Hi pada kesempatan kali ini penulis ingin menceritakan dan sharing tentang source code SQL select yang memiliki fungsi menampilkan seluruh data yang telah di isikan pada suatu database. Pada sesi sebelumnya penulis sudah sharing dan bercerita tentang pembuatan database, menggunakan database yang telah di buat dan mengisikan data dalam database

Jika data sudah berhasil dimasukkan dalam database, maka data tersebut bisa ditampilkan. Let's begin this story :). Penulis akan melanjutkan dengan pemakaian database sebelumnya. Database yang akan digunakan adalah 'database penjualan'. Dalam database ini juga sudah di buat suatu tabel 'tabel penjualan_sekarang' dan sudah diisi dengan 2 data.


Penulis memiliki database dengan nama penjualan. Dan sebelumnya sudah membuat tabel dengan nama penjualan_sekarang. Di dalam tabel ini terdapat isian data sebagai berikut:

kode_barang              nama_barang
040a                     Modem Huawei
04ob                     Samsung Galaxy S5

Untuk menampilkan data tersebut maka digunakanlah source code SQL – select.
source code SQL nya adalah dengan :

select * from table_name;

table_name adalah nama tabel yang akan dibuat.
Symbol (*) artinya adalah menyeleksi atau mengekstrak semua elemen yang terdapat dalam tabel.


Pada gambar diatas, perintah select akan menampilkan seluruh data yang terdapat dalam tabel penjualan_sekarang.

Untuk menampilkan data dengan select ini bisa dilakukan dengan berbagai cara, menampilkan berdasarkan nama_kolom tabel, menampilkan urut abjad, menampilkan kondisi tertentu (menggunakan klausa where). Let’s modify the search. Sekarang akan penulis modifikasi source code SQL – select.

Untuk menampilkan jenis tertentu maka gunakan source code SQL:

select name_column from name_table;

name_column disini adalah nama kolom yang ada dalam tabel. Penulis akan mencoba menampilkan data berdasarkan kode_barangnya.

Source code SQL select yang digunakan adalah : 

select kode_barang from penjualan_sekarang;


Untuk menampilkan berdasarkan nama_barangnya source code SQL select yang digunakan adalah: 

select nama_barang from penjualan_barang;


Penulis akan menambahkan beberapa data dalam tabel yang sudah dibuat sebelumnya.

insert into penjualan_sekarang(kode_barang,nama_barang) values ('01234a','Speaker Simbada'), ('01234b','Gamepad'), ('01235c','CPU');

   Mari kita lihat adakah perbedaan source code SQL pada no 1 dan no 2 :D.

1.  Select * from penjualan_sekarang order by nama_barang asc;


2. select * from penjualan_sekarang order by nama_barang ;


Adakah perbedaan antar source code SQL diatas?:).
Mari coba berikan source code yang lain yang akan dibandingkan lagi dengan source code diatas.

3.   select * from penjualan_sekarang order by nama_barang desc;



Terdapatkah perbedaan antara source code SQL di atas dengan di bawahnya? Dalam source code SQL select di atas ternyata ditampilkan sesuai urutan abjad dari A-Z pada source code1 dan source code2. Sedangkan source code pada no3 ditampilkan secara urut dari urutan abjad Z-A (berbanding terbalik dengan source code diatas). Untuk source code pada no2 akan ditampilkan sama seperti source code no1 dikarenakan sistem akan menampilkan secara default.

Hi, selamat malam guys. Pernahkah kalian mencoba bagaimana untuk input suatu data dalam database. Dalam sesi sebelumnya sudah diceritakan bagaimana langkah-langkah yang harus dilakukan sebelum menginputkan suatu data dalam database dengan source code SQL insert into. Pada sesi sebelumnya tabel dengan nama 'penjualan_sekarang' berhasil dibuat.

Mari isikan data dalam database nya. Source code SQL insert into:

insert into 'nama_tabel yang dibuat' (nama_field1, nama_field2, nama_field3) values (isian_string1, isian_string2);

Dalam database sebelumnya sudah dibuat database dengan nama penjualan dan tabel dengan nama 'penjualan_sekarang'. Data yang ingin diisikan adalah field kode barang dengan nama '040a', '04ob' dan dengan nama barang Modem Huawei, Samsung Galaxy S 5. Maka source code SQL nya:


Dalam pengisian data di atas, telihat bahwa data yang di isikan lebih dari satu jenis. Maka dalam source code SQL insert yang digunakan menggunakan separate (,) dari setiap data yang ingin di masukkan. Dan di akhir code selalu diakhiri dengan tanda (;). Untuk isian pada 'values' adalah isian sesuai dengan tipe data yang dibuat sebelumnya pada tabel.

Untuk pengisian data jenis string/character bisa menggunakan tipe data 'varchar' ataupun 'string'. Ingat untuk jenis string harus di beri tanda (") ini bertujuan untuk menandakan bahwa kata yang diapit anda ini adalh tipe string atau character.

Setelah data berhasi di isi, maka kita bisa mengetahui data apa saja yang berhasil kita isikan. Source code yang digunakan untuk me-view atau melihat data yang telah di masukkan adalah source code SQL select.

select * from penjualan_sekarang;


Untuk penjelasan source code SQL_select akan penulis bahas di episode selanjutnya.
Hi, bertemu lagi di blog sharewhatyoudo. Pada kesempatan kali ini, penulis akan sharing tentang source code SQL create table dalam database. Source code SQL create adalah source code untuk membuat suatu table dalam database. Untuk melakukan pengisian data dalam database, maka perlu dibuat terlebih dahulu database seperti yang telah dijelaskan pada sesi sebelumnya pada create and use syntax.

Pertama buat database terlebih dahulu, misal membuat database dengan nama penjualan.

create database penjualan; ---> Membuat database penjualan
use penjualan;---> Aktifkan database.

Setelah database sudah berhasil dibuat, maka langkah selanjutnya adalah pengisian data dalam database. Untuk langkah selanjutnya adalah buat tabel dalam database.

Source code SQL syntax yang diguinakan adalah insert into. Sebelum menggunakan source code SQL insert, perlu dibuat tabel dalam database terlebih dahulu. Misal membuat tabel dengan nama penjualan_sekarang. Maka syntax yang digunakan:

create table penjualan_sekarang(nama_field1[tipe_data], nama_field2[tipe_data], nama_field3[tipe_data]); Dalam pembuatan tabel sangat disarankan untuk menjadikan salah satu field sebagai kunci primer (primary key) dalam tabel. 









 Untuk penjelasan source code SQL create table adalah sebagai berikut:

create table --> adalah synax dalam SQL untuk membuat suatu tabel.
penjualan_sekarang -->nama tabel yang dibuat.
kode_barang dan nama_barang --> Field dalam tabel (atau bisa diartikan nama kolom dalam tabel)
varchar --> adalah tipe data yang akan di gunakan. Dalam SQL tipe data ada bermacam-macam, INT, CHAR, varchar.
angka (30) adalah panjangnya string yang digunakan atau bisa diartikan panjang character dari tipe data yang digunakan.

Untuk mengetahui apakah tabel berhasil di buat dalam database, maka panggil dengan source code SQL desc. 
desc penjualan_sekarang;

 
Next, penulis akan bahas tentang insert into :).


Hai, pada sesi kali ini penulis ingin sharing tentang permasalahan yang di hadapi ,bukan musuh/enemy akan tetapi masih seputar Dunia Komputer. Komputer dari dulu hingga sekarang mengalami perkembangan yang sangat pesat. Sekarang bisa di jumpai berbagai macam OS diantaranya ada Windows dan ada juga Linux.

Open source sendiri adalah suatu software yang terbuka seperti yang terdapat dalam namanya (open) dengan artian bisa di gunakan, di akses, dan di modifikasi oleh siapapun secara gratis/free. Oke sekarang mari kita mulai sharing tentang permasalahan yang penulis hadapi. Pernahkah kalian mengalami kondisi dimana CPU kalian tidak bisa boot ke dalam sistem.

Kita sering menduga, ketika menyalakan komputer dan komputer tidak bisa boot ke sistem, hal pertama yang sering terpikirkan adalah 'Terkena Virus'. Memang hal ini sangat dimungkinkan, akan tetapi kita juga harus pintar dalam menghadapi suatu permasalahan yang terjadi di komputer kita.

Ketika penulis mengalami kondisi seperti ini, maka yang dilakukan adalah mengamati, checking apakah kabel powernya tidak pas, dan juga mengamati hal apa yang terjadi setelah beberapa menit.



Setelah beberpa menit kemudian terdengarlah komputer mengeluarkan bunyi beep. Bunyi yang dikeluarkan sangatlah beraturan beep...beep...beep. Jika komputer mengeluarkan bunyi beep maka ada 2 kemungkinan:

1. Komputer memang mengalami permasalahan pada hardwarenya terlebih pada Hard Disknya (Butuh pergantian Hard Disk yang baru ataupun install ulang).

2. Tempat diletakkanya memory RAM sangat kotor atau pemasangannya kurang tepat.

Jika komputer mengeluarkan bunyi beep yang beraturan dan ada jeda diantara bunyi maka tidak perlu khawatir karena itu berarti kondisi Hard Disk anda baik-baik saja. Permasalahan nya hanya ada pada tempat diletakkanya RAM anda dalam CPU. Kemungkinan terkena debu atau kotor. Maka segera lepas RAM dan bersihkanlah. Kemudian pasang kembali di tempatnya.

Akan tetapi jika bunyi yang dikeluarkan beep terus menerus dan tidak ada jeda, maka bisa dipastikan Hard Disk perlu di install ulang atau diganti dengan yang baru.

Semoga sharing tentang sedikit trouble shoot ini membantu :)
Hi, pada sesi kali ini penulis melanjutkan sesi yang sebelumnya tentang source code css drop-down list. Pada sesi sebelumnya, penulis sudah menyampaikan/menuliskan rahasia dari bagaimana file ketika di hover akan memunculkan menu lain di bawahnya. Untuk kali ini penulis akan menyempurnakan source code css sebelumnya sehingga menjadi tampilan menu yang menarik,

Pada sesi sebelumnya, penulis menuliskan file HTML nya dengan disertai source code CSS nya. Kali ini akan penulis ulas kembali file tersebut dan akan ditambah dengan source code CSS yang lengkap:

<div id="navigation">
<ul id>
<li><a href="#">Home</a></li>
<li><a href="#"> Contoh Artikel</a>
<ul>
<li><a href="#">Corel</a></li>
<li><a href="#">Adobe</a></li>
</ul>
    <li><a href="#">Contact US</a></li>
<li><a href="#">About</a></li>
</div>


Ketikkan source code CSS nya::

#navigation ul ul {
 display: none;
}
#navigation ul li:hover > ul {
  display: inline;
 }
#navigation ul {
 background:black;
 padding:0px;
margin:0px;   
 list-style: none;
 position: relative;
 }
 #navigation ul:after {
  content: ""; clear: both; display: block;
 }

#navigation ul li {
  float: left;
 }
  #navigation ul li:hover {
   background:red;
    color:white;
  }

 
  #navigation ul li a {
   display: block;
    padding: 10px 16px;
   color: #fff;
    text-decoration: none;
  }
  
 
 #navigation ul ul {
  background: black; padding: 0;
  position: absolute; top: 100%;
 }
  #navigation ul ul li {
   float: none;
  }
   #navigation ul ul li a {
    padding: 10px 40px;
    color: #fff;
   }
    #navigation ul ul li a:hover {
     background:red;
    color:white;
    }


Pada sesi sebelumnya, penulis sudah memberitahu source code CSS drop-down list trick pada page: CSS Drop-Down part 1.  Sekarang akan penulis lanjukan tentang source code CSS drop-down di atas. Yang akan di bahas adalah bagian yang dianggap sangat penting dalam source code CSS drop-down ini.

#navigation ul {
 background:black;
 padding:0px;
margin:0px;   
 list-style: none;
 position: relative;
 } ----->
Pada baris ini adalah source code CSS untuk mengatur tag ul (unordered list) di dalam tag navigation. Source code CSS ini akan memberikan background dengan warna hitam, padding dan margin berjarak 0 dan akan menghilangkan list style (ex: character, dot, numeric).


#navigation ul:after {
  content: ""; clear: both; display: block;
 }
---> source code CSS pada baris ini adalah untuk memberhentikan source code agar tidak terjadi error ketika kita melakukan hovering pada menu, tanpa mengganggu source code yang ada di bawah nya. Jika tidak ditutup dengan script ini maka bisa dipastikan, ketika di run hasil outputnya akan berantakan. Dan jangan lupa untuk menambahkan display:block; Untuk mengatur tampilan hovering nya.

Berikutnya adalah pengaturan padding ketika menu di hover:

  #navigation ul li a {
   display: block;
    padding: 10px 16px;
   color: #fff;
    text-decoration: none;
  }

---> Pengaturan padding disini sangat lah penting, kita bisa membuat pengaturan padding disesuaikan dengan lebar menu yang akan di hovering.

Untuk result nya akan tampil sperti ini:






Isn't it easy guys :D, keep practice okay!!!


Hi, pada sesi sharing kali ini penulis akan sharing source code css drop-down. Pada sesi kali ini, penulis akan bahas sedikit tentang bagaimana drop-down menu bisa di buat. Sebenarnya drop-down menu adalah menu yang akan muncul ketika suatu area di hover. Misalkan kita mempunyai menu dengan nama Tool, dan ketika menu ini di hover akan menampilkan menu yang lain yang akan tampil di bawahnya.

Sebenarnya source code CSS drop-down list ini sangat sederhana. Akan tetapi untuk memberi tampilan yang menarik maka harus disertakan full CSS nya untuk memberi tampilan yang eye-catching seperti border, background nya, display nya. Penulis akan mulai bahas source code CSS drop-down list trick. Pertama buat dulu file HTML yang akan dibuat.

Misalkan file HTML yang akan dibuat adalah file HTML dengan menu 'Home', 'Contoh Artikel' dan ketika menu 'Contoh Artikel' di hover maka akan menampilkan menu lagi di bawahnya. Untuk membuat menu tersebut sebenarnya hanya menambahkan sedikit source code CSS yang akan dipanggil fungsinya ketika terjadi hovering.

Let's begin this part1. Pertama buat file HTML terlebih dahulu:

<div id="navigation">
<ul id>
<li><a href="#">Home</a></li>
<li><a href="#">Contoh Artikel</a>
<ul>
<li><a href="#">Corel</a></li>
<li><a href="#">Adobe</a></li>
</ul>
</li>
<li><a href="#">Contact US</a></li>
<li><a href="#">About</a></li>
</ul>
</div>






Setelah file HTML ini dibuat, maka embed source code CSS nya dalam HTML tersebut. Penulis sebelumnya sudah memberikan bagaimana cara untuk embed source code css ke dalam HTML. Sekarang buat CSS code nya:

#navigation ul ul {
display: none;
}

#navigation ul li:hover > ul {
display: block;
   
}
#navigation a
{
    text-decoration:none;
}
#navigation a:hover
{
    color:red;
}


source code CSS drop-down list trick terdapat dalam source code baris ke 2 yaitu:

#navigation ul li:hover > ul 
{
display: block; 

}

Maksud dari potongan kode diatas adalah ketika tag li dan ul yang terdapat dalam tag navigation di hover maka akan menampilkan pilihan menu yang lain. Pada sesi kali ini penulis sharing tentang bagaimana menggunakan source code CSS drop-down list akan tetapi belum di modifikasi dengan background atau warna yang menarik. Untuk penambahan warna/coloring, background akan di bahas di Source code CSS drop-down list trick - Part2.

Untuk hasil/result dari kode yang sudah diketikka di atas akan seperti:





Hi, pada kesemapatan sharing kali ini penulis akan membahas tentang bagaimana cara menggunakan css file ke dalam  HTML. Pada sesi sebelumnya, penulis bisa membuat memodifikasi file HTML dengan source code CSS. Sebelum penulis sharing tentang membuat navigasi drop down list, untuk kali ini penulis akan menjelaskan bagaimana cara embed source code CSS file ke dalam HTML.

Untuk bisa embed source code CSS ke dalam HTML, ada beberapa cara yang bisa dilakukan.
1. Bisa dilakukan dengan cara memberikan tag <style> pada file HTML.
    contoh::
     <body>
     <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Profile</a></li>
     <li><a href="#">About</a></li>
     </body>


     Untuk embed source code CSS ke dalam HTML tambahkan tag <style>

     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
     <title>Embed CSS</title>
     <style>
     a
     {
     color:red;
     text-decoration:none;
     }
     a:hover
     {
     color:black;
     }
     li
     {
     list-style-type:none;
     }
     </style>
     </head>


     Tag <style> harus diakhiri penutup </style>. Ini adalah salah satu cara bagaimana embed source code  CSS ke dalam file HTML dengan menyertakan source code CSS dalam satu file HTML.

2. Cara berikutnya adalah embed source code dalam file yang lain yang akan dipanggil dalam file HTML.
    pertama buat file HTML, dan simpan file dengan nama yang akan dipakai misal (test.html). Kemudian   buat file satu lagi yang akan di embed source code CSS. Save dengan file  berekstensi .css. Buat file HTML seperti contoh di atas:

<body>
     <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">Profile</a></li>
     <li><a href="#">About</a></li>
     </body>


simpan dengan nama index.html

kemudian buat file.css nya dan simpan dengan nama style.css
a
     {
     color:red;
     text-decoration:none;
     }
     a:hover
     {
     color:black;
     }
     li
     {
     list-style-type:none;
     }


Untuk cara yang berikutnya ini tidak perlu menambahkan tag <style> untuk embed source code CSS nya. File CSS akan dipanggil dengan cara menambahkan dimana letak, atau lokasi folder yang menampung source code CSS.

Untuk memanggil file CSS, maka menambahkan beberapa source code di dalam section head.
<link rel="stylesheet" type="text/css" href="css/style.css" />

css/style.css ----> Nama css file adalah style.css, ini bisa dirubah dengan nama yang disukai. misal sheet.css (sesuai dengan nama css yang telah di simpan).

Untuk hasil run dari source code CSS nya akan seperti:




Pada sesi sharing kali ini penulis akan bercerita tentang bagaimana kita membuat navigasi menu vertikal. Perlu diketahui bahwa pembuatan menu vertikal bisa di terapkan dengan memakai CSS, javascript, jquery. Untuk sharing kali ini, penulis akan bercerita tentang pembuatan navigasi menu vertikal dengan menggunakan source code CSS. 

Untuk membuat menu seperti ini maka file HTML harus dibuat terlebih dahulu, seperti yang telah di jelaskan pada sesi sharing sebelumnya yaitu: 'Tips Membuat Navigasi Menu Horisontal'. Let's begin this session. Pertama buat file HTML nya yang akan dimodifikasi dengan source code CSS. Buat HTML sperti berikut ini:







Keterangan source code HTML diatas adalah: Membuat 4 pilihan menu (list) yang akan tampil:
.Home
.Profile
.Help
.Contact US

Source code HTML ini akan dimodifikasi dengan source code CSS untuk membuat navigasi menu vertikal. Source code CSS nya adalah seperti:

Penulis akan bahas lagi kode kode CSS diatas, Pada kesempatan ssesi kali ini penulis menggunakan modifikasi warna background dengan linear-gradient. Para web designer biasanya akan memilih akan menggunakan hasil image yang di ciptakan dengan Photoshop atau menggunakan source code CSS yang simple. 

Pada pembahasan kali ini, penulis menggunakan source code CSS yang simple dan mudah digunakan. Mari mulai bahas source code CSS nya.

File pada HTMl yang telah dibuat di atas adalah dengan id=menu, maka dalam pembuatan source code CSS nya ketikkanlah menu, ini dimaksudkan untuk memberi style pada menu tersebut.
margin:2px; --> ini adalah jarak/spasi text, jika margin di set pada 0 px, maka letak file HTML tidak akan terdapat jarak/spasi.
width:100px; --> pengaturan lebar 100 px.
padding:1px; --> pengaturan untuk jarak/spasi antar text.
background:linear-gradient(-20deg, #f40d0d, #000000); --> pemberian wanra latar dengan kombinasi dua warna(gradient dengan posisi -20 derajat).-20 derajat disini berarti mengatur posisi gradient yang akan ditampilkan. Warna mana yang ingin ditampilkan.
border-bottom:1px solid white;---> penggunaan warna putih dengan tebal 1px pada border diposisi bawah. Untuk memberi warna text maka source code CSS nya adalah:
#menu li a
{
color:white;-->pemberian warna putih pada text untuk jenis link<a>;

Untuk result/hasil akhir dengan menggunakan source code CSS akan tampil seperti ini: 


 Good luck guys :D. Try and practice to get more experience



Seperti yang sudah dijelaskan sebelumnya pada pembahasan Mysql dan PhpMyAdmin pada 'understanding Mysql', Dalam mysql sebelum membuat suatu tabel, perlu dibuat terlebih dahulu dibuat databasenya. Bagaimana source code SQL untuk membuat suatu database?. Seperti pada pembahasan sebelumnya, bahwa ada program yang digunakan untuk membuat database bisa menggunakan (click button) dengan PHPMyAdmin atau dengan hand code melalui mysql prompt.

Dalam hal ini penulis lebih menyukai membuat database dan membuat tabel dengan menggunakan source code SQL. Let's get started for this sharing topic :D. Pertama buat dulu database nya dengan source code SQL.

create database 'Name of Database'; ---> Name of Database adalah nama yang akan di isi, misal nama database yang akan di buat adalah penjualan, maka source code SQL nya adalah:

create database penjualan; ---> Ingat delimeter(;) di akhir source code SQL supaya eksekusi code tidak menunjukkan error pada sistem.



Setelah database berhasil dibuat maka untuk pembuatan tabel, hapus tabel, dan insert data pada tabel bisa dilakukan. Akan tetapi sebelum melakukan hal tersebut,perlu untuk mengaktifkan database terlebih dahulu. source code SQL yang digunakan adalah

use 'Name of Database' ---> Pada bahasan diatas, telah dibuat nama database penjualan maka untuk memanggil database ini gunakan

use penjualan;





Dalam sesi kali ini, penulis ingin berbagi tentang source code CSS and HTML. Penulisan  source code dalam HTML, akan lebih menarik jika diberikan cascading style sheet atau yang sering dinamakan CSS. Penulis mengansumsikan bahwa anda sudah terbiasa hand-code dengan HTML. Let's begin this sharing :D.
Pertama buat file HTML. Misalkan kita ingin membuat suatu menu yang berisikan 4 pilihan menu.
Buat file HTML seperti ini:

Pada source code diatas, membuat 4 menu dengan pilihan menu navigasi Home, Profile, About, Contact Us. Untuk memodifikasi dalam source code HTML tersebut , perlu diperhatikan dalam membuat property class, dan id karena property ini akan dipanggil pada file CSS. Dalam file HTML tersebut penulis membuat id dengan nama 'nav' dan class dengan nama 'nav1'. Tampilan ketika belum dimodifikasi dengan CSS akan seperti:


Let's begin modify the HTML!!. Setelah source code HTML berhasil dibuat, file ini akan penulis modifikasi menjadi Navigasi Menu yang menarik. Untuk file CSS nya, penulis menuliskan script CSS seperti yang terdapat di dalam gambar berikut ini.



 Menu terdapat dalam property nav. Penulis akan membuat block menu dengan latar warna hitam dan dengan efek box-shaow. Source code untuk membuat hal tersebut terdapat dalam gambar CSS diatas. Untuk penjelasan per baris pada source code css akan di jelaskan pada baris berikut ini.
display:block; ----> membuat block display
height:40px; ----> Membuat tinggi property nav dengan value 40 pixel
width:400px; ----> Membuat lebar property nav dengan value/nilai 400 pixel
background:black; ----> Membuat latar warna dengan warna hitam. Property ini juga bisa dimasukkan  dengan value hexadecimal contoh (#639bb4).
box-shadow:red 2px 6px; ---->Membuat shadow box border dengan warna merah setebal 2px;
color:white; ----> Membuat text dengan warna putih.

Pada property ul, penulis akan menghilangkan dot yang terdapat dalam default. Jika property ul tidak dimodifikasi dengan CSS maka dot style akan tampak dalam tampilan. Untuk menghilangkan dot style cukup dengan menambahkan:
list-style-type:none; ---> ini akan menghilangkan segala macam simbol (dot, numeric).

Pada menu 'Home' text akan berwarna merah dikarenakan pada CSS di set warna merah untuk jenis link pada source code HTML <a>.
script CSS untuk default warna link:
a
{
color:red; ---->Membuat warna menjadi merah untuk seluruh property a.
}
dan ketika link di klik akan menghasilkan warna yang lain,, seperti CSS di atas akan menghasilkan warna abu. Maka ketikkan script pada property a.
a:active
{
color:grey; ----> Membuat warna abu ketika text di click.
}

Untuk hasil akhir dari Navigasi Menu yang sudah dimodifikasi dengan CSS, akan seperti berikut ini:


Isn't it easy right? :D Practice will make better. Thanks for reading that I share through this blog. Tetap semangat guys.


  
Hi guys, on this occasion I will talk and share about Mysql. Mysql is a software SQL-based management system, database management (DBMS Database). Mysql can also be implemented of relational database management system (RDMS) which distributed under GPL license.

Sql itself is a concept, a database for the select, manipulation, data input, which easily and also includes a programming language. In here we can make a tabel. Making the table can be done using SQL syntax or with the application (such as PHPMyAdmin). Frequently used the applications is PhpmyAdmin.

phpMyAdmin adalah sebuah aplikasi/perangkat lunak bebas (opensource) yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi database MySQL melalui jaringan lokal maupun internet. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain). - See more at: http://www.zainalhakim.web.id/apa-itu-phpmyadmin.html#sthash.E3K2Y49i.dpuf
phpMyAdmin is an application / free software (open source) that is written in the PHP programming language that used to handle the administration of MySQL database over a local network or the Internet. phpMyAdmin supports a wide range of operating Mysql, including (managing databases in the form of tables, fields, relations, index, users, permissions, and others).  

The authors suggest a more simple way to use and install XAMPP . Xampp is an application that contain web server, php mysql. For the installation process also very easy. If xampp already running, then just install Apache, MySQL, Filezilla.


In the image above, the first module is not installed, To install modules in XAMPP (such as Apache, Mysql and FileZilla) then simply activate it's service module. And action press 'start'.
phpMyAdmin adalah sebuah aplikasi/perangkat lunak bebas (opensource) yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi database MySQL melalui jaringan lokal maupun internet. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain). - See more at: http://www.zainalhakim.web.id/apa-itu-phpmyadmin.html#sthash.E3K2Y49i.dpuf
phpMyAdmin adalah sebuah aplikasi/perangkat lunak bebas (opensource) yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi database MySQL melalui jaringan lokal maupun internet. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain). - See more at: http://www.zainalhakim.web.id/apa-itu-phpmyadmin.html#sthash.E3K2Y49i.dpuf
Welcome to My Blog

Translate Into Your Language

Popular Post

Powered by Blogger.

- Copyright © Sharing All Genre Experience -Robotic Notes- Powered by Blogger