Penjelasan selector dalam CSS (Cascanding Style Sheet)

6:15 AM 0
Selamat malam para pembaca, pada tutorial sebelumnya yaitu tentang Aturan Penulisan CSS yang pernah admin publis, sekarang menuju ketutorial selanjutnya yaitu Penjelasan selector dalam CSS (Cascanding Style Sheet). Sebenarnya si admin sudah mengantuk ni, tapi berhubung demi para pembaca setia, admin akan menjelaskan tentang apa itu yang dimaksud selector dalam CSS (Cascanding Style Sheet).
OK, mari kita mulai penjelasan tentang selector dalam CSS (Cascanding Style Sheet).

CSS Selectors
CSS Selector memungkinkan kalian untuk merubah dan memanipulasi element-element dalam HTML.
CSS Selektor digunakan untuk menemukan atau memilih element dasar HTML berdasarkan id, class, type, attribute dan masih banyak lagi.

Selector dalam CSS dibagi menjadi 3:

  1. Selector TAG
  2. Selector Class
  3. Selector ID
Pengenalan dan Penulisan Selector
Selector Tag merupakan selector yang dibentuk dari tag-tag yang terdapat dalam html, misalkan <p><img> dan masih banyak lagi.
Selector Class merupakan selector yang penulisannya diawali dengan tanda titik (.) dan diikuti oleh nama selector (nama selector bebas tidak harus tag HTML), cara pemanggilannya dengan menggunakan tag <DIV> / <P> dan diikuti dengan class misalkan <Div class="font">,<p class="gambar"> dan lain-lain.
Selector ID/Pseduo Class merupakan selector yang penulisannay diawali dengan tanda crash (#) atau pagar cara pemanggilannya dengan menggunakan tag <DIV> dan diikuti dengan id, misalkan <Div id="gambar1">.Selector ini biasanya digunakan untuk membuat layout box dalam halaman Website.

Contoh-contoh Penggunaan Selector
Selector Tag
{
    text-align: center;
    color: red;
}

Selector Class
.center {
    text-align: center;
    color: red;
}

Selector ID
#para1 {
    text-align: center;
    color: red;
}

Teknik Menggabungkan/Grouping Selector
Jika kalian memiliki selector dengan deklarasi / nilai yang sama, maka lebih baik digroupkan saja. Misalkan kalian punya selector seperti berikut ini :
h1 {
    text-align: center;
    color: red;
}

h2 {
    text-align: center;
    color: red;
}

{
    text-align: center;
    color: red;
}

dapat dilihat bahwa properti dan nilai yang terdapat diselector sama, maka kalian dapat menggroup atau menjadikan selector lebih simple, dengan pemisah antar selector dengan tanda koma ( , ), lihat contoh dibawah ini :

h1, h2, p {
    text-align: center;
    color: red;
}

Bagai mana? masih bingung apa yang dimaksud dengan selector dan cara penggunaannya? untuk lebih jelasnya silahkan download tutorial yang admin siapkan dibawah ini.

Cara menambahkan video Youtube ke dalam postingan Blog

9:23 AM 0
Bertemu lagi dengan saya ditutorial Cara menambahkan video Youtube ke dalam Blog. Youtube adalah video sharing terbesar di dunia yang dimiliki oleh perusahaan Google. Hampir semua orang didunia menggunakan youtube sebagai video sharing atau video streaming. Oleh karena itu youtube sangat berperan penting dalam penyebaran video-video di dunia. Okey, mari kita mulai Cara menambahkan video Youtube ke dalam Blog, kali ini saya akan memasukkan video tutorial saya kedalam postingan.

Untuk langkah-langkahnya silahakan ikuti petunjuk dibawah ini :
1. Silahkan login dulu ke Blogger
2. Setelah masuk ke dasboard, silahkan pilih new post atau buat postingan baru


3. Setelah membuat postingan kemudian pilih tombol seperti gambar dibawah ini :


4. Kemudian arahkan ke My Youtube Videos kemudian akan muncul video-video yang telah anda Upload lewat youtube, lihat gambar dibawah ini :


5. Setelah memilih video yang akan dimasukkan kedalam postingan kemudian pilih tombol select.


6. Maka video akan ditampilkan kedalam postingan kalian.


7. Selesai :)

Mudahkan Cara menambahkan video Youtube ke dalam postingan Blog?
Terima kasih telah berkunjung diblog saya.

Jangan lupa baca juga artikel :
Download Total Video Converter + Crack
Membuat animasi dengan adobe flash
Penganalan AJAX

Penganalan AJAX

7:29 AM 0
http://media-kreatif.com/images/image/2012-10-22-16-00-31_o.jpgApa yang harus anda ketahui sebelum anda memulai belajar PHP AJAX anda harus sudah mempunyai pengetahuan dasar mengenai :

  1. HTML
  2. Javascript
  3. PHP
Silahkan membaca buku atau dari internet untuk mempelajari HTML, Javascript dan PHP Apakah AJAX.
AJAX adalah singkatan dari Asynchronous JavaScript and XML. AJAX, terdiri dari HTML, Javascript, DHTML dan DOM yang kemudian digabungkan dengan bahasa pemograman web di sisi server seperti PHP dan ASP, sehingga membentuk suatu aplikasi berbasis web yang interaktif.
AJAX bukanlah bahasa pemograman baru, tetapi adalah teknik baru untuk membuat aplikasi web
lebih baik, lebih cepat dan lebih interaktif.
Dengan AJAX, Javascript dapat langsung berkomunikasi dengan server dengan menggunakan objek
XMLHttpRequest. Dengan objek ini, javascript dapat melakukan transaksi data denga server web, tanpa harus me-reloading halaman web tersebut secara keseluruhan. Berikut adalah teknologi yang termasuk dalam aplikasi AJAX :
  • HTML yang digunakan untuk membuat Web forms dan mengindentifikasikan filed-field yang akan anda gunakan dalam aplikasi.
  • JavaScript adalah kode inti untuk menjalankanaplikasi Ajax dan untuk membantu memfasilitasi komunikasi dengan aplikasi .
  • DHTML, atau Dynamic HTML, membantu anda untuk membuat form atau web anda dinamis. Anda akan menggunakan <div>, <span> dan elemen HTML dinamis lainya.
  • DOM, Document Object Model, akan digunakan (melalui kode JavaScript) untuk bekerja dengan kedua struktur dari HTML dan XML anda yang dalam beberapa kasus berasal dari server.
silahkan klik Downlaod untuk mendowload tutorial secara lengkap, mengenai pengenalan AJAX.

Referensi : http://blog.codingwear.com/baca.php?no=27

TUTORIAL JAVA DASAR DENGAN NETBEAN 7.1

12:59 PM 0
Dalam dunia pemprograman banyak sekali bahasa pemprograman yang bisa kita pakai, salah satunya adalah bahasa pemprograman java. Naah pada artikel saya kali ini adalah belajar bahasa pemprograman java menggunakan Netbeans. 
Mungkin langsung saja untuk latihan pertama / Pengenalan adalah menampilkan data pribadi yang berupa text melalui netbeans, caranya sebagai berikut :
  • Pastikan PC anda sudah terinstall aplikasi netbeans, jika belum silahkan download netbeans nya melalui www.netbeans.org dan jika udah terinstall, silahkan buka netbeansnya kemudian klik File >> New Project, Pilih Java Application dan klik tombol Next.

  • Pada Project Name beri nama sesuai dengan keinginan Anda, Kemudian Project Location = media penyimpanan project yang nantinya dibuat. jika anda ingin merubahnya silahkan klik tombol Browse dan Jika di rasa cukup klik tombol Finish.

  • Sekarang tinggal membuat class java baru, caranya klik kanan pada project kamu >> New >> java Class, pada pilihan Class Name = isikan sesuai dengan keinginan kamu. misal : profileku kemudian klik tombol Finish.


  • sekarang Class baru sudah dibikin, langkah selanjutnya tinggal mengisinya dengan codingnya. copykan kode dibawah ini persis di bawah nama class kamu, disini saya contohkan di bawah public class profileku {
  1. public static void main(String[] args) {         
  2.         System.out.println("NIM          : G.131.10.0049");  
  3.         System.out.println("Nama         : Mohammad Hasanaji");  
  4.         System.out.println("Alamat       : Jl. Kijang Selatan 3, no. 18");         
  5.         System.out.println("Kota         : Semarang");  
  6.         System.out.println("Kode POS  : 50000");  
  7.         System.out.println("Telepon      : (024) 5503000");  
  8.         System.out.println("Handphone : 0856 4049 5699");  
  9.         System.out.println("Email        : hasanaji@gmail.com");  
  10.     }  
Untuk menjalankan program klik mouse kanan >> Run, maka print outnya seperti gambar dibawah ini
Merubah format number menjari rupiah

Merubah format number menjari rupiah

12:17 PM 0
Setelah hampir 3 bulan vakum mempelajari WEB terutama pemrograman PHP (PHP / Hypertext Preposesor) selanjutnay saya semangat lagi mempelajarinya karena ada tugas dari mata kuliah Pemrograman Internet II dari kampus. :)
setelah browsing-browsing mencari materi yang saya cari akhirnya ketemu juga. pada kesempatan kali ini saya akan membahas tentang bagaimana mengkonfersi bilangan bisasa menjadi rupiah.
Ternyata PHP mempunyai sintak untuk mengkonfersi number (angka) menjadi bilangan rupiah atau mata uang lainnnya.
adapun sintak dasarnya yaitu :
number_format($angka,jml_desimal,pemisah_desimal,pemisah_angka);
untuk lebih jelasnya silahkan simak simulasi berikut ini :
saya mempunyai uang 120000 dan 500000
kemudian saya ingin menjumlahkan dengan syarat format rupiah.
maka sintaknya yaitu

<?php
$uang1=120000;  // variabel uang1
$uang2=500000;  // variabel uang 2
$jumlah=$uang1+$uang2;   // variabael jumlah (uang1 + uang2)

$rupiah_uang1=number_format($uang1,2,",",".");  //merubah $uang1 menjadi format rupiah
$rupiah_uang2=number_format($uang2,2,",",".");
$rupiah_jumlah=number_format($jumlah,2,",",".");

echo "Hasil dari Rp. $rupiah_uang1 + Rp. $rupiah_uang2 adalah Rp. $rupiah_jumlah";

?>
demikian materi yang dapat kami bagikan, semoga bermanfaat.
Belajar Dasar PHP

Belajar Dasar PHP

12:04 PM 0
Design PHP
################################
PHP (Personal Home Page / Hypertext Processor)
################################
adalah bahasa yang digunakan pada serverside dan akan berubah menjadi HTML pada clientside
Sintak awal dimulanya bahasa php adalah <?php atau bisa memakai <? saja
dan seperti HTML php juga harus ditutup dengan ?>

=====================
Setiap script pada PHP harus ditutup dengan tanda titik koma ";"
contoh
<?php
echo "belajar PHP";
?>
atau yang lainnya seperti
<?
$tanggal=date("Y-m-d");
print "sekarang tanggal $tanggal";
?>
======================
dan ingat satu hal lagi yaitu dalam PHP script-script kemungkinan besar
dapat bertabrakan dengan tanda petik ganda ", atau petik tunggal ', atau kurung kurawal {}
demikian pengenalan PHP
################################
SINTAK [VARIABLE]
################################
apa itu variable ?
variable klo kata saya bisa disebut alias, atau nama panggilan dan disimbolkan dengan tanda dollar / $
================================================
contoh sintak :
<?php
$a="nama";
$b="kelas";
$c="umur";
echo "$a $b $c";
?>
akan keluar dibrowser :
nama kelas umur
note : $a adalah alias dari nama, $b adalah alias dari kelas, $c adalah alias dari umur.
contoh lain
<?
$a=2;
$b=3;
$c=$a+$b;
echo "$c";
?>
dibrowser akan tampil angka 5, karna alias dari $c adalah alias $a ditambah $b sedangkan $a adalah 2 dan alias $b adalah 3, maka 2 ditambah 3 adalah 5.
===================
penulisan variable yang benar :
$test >>> benar
$tet123 >>> benar
$_test >>> benar
$test-123 >>> salah
$123test >>> salah
################################
SINTAK [ARRAY]
################################
array mirip n bisa disebut variable...
=============================
<?php
$binatang[0]="kucing";
$binatang[1]="anjing";
$binatang[2]="bebek";
$binatang[3]="kodok";
$binatang[4]="angsa";
$binatang[5]="paus";
$binatang[6]="serigala";
$binatang[7]="sapi";
echo "$binatang[2] <br>";
?>
akan tampil pada browser :
bebek, karna array $binatan[2] adalah bebek.
=============================
<?
$lokasi=("jakarta", "bandung", "semarang", "surabaya", "bali");
echo "$lokasi[1]";
?>
Akan tampil dibrowser bandung... kenapa ?
karna pada defaultnya array berawal dari 0. Jadi kalau diperinci akan seperti ini scriptnya
$lokasi[0]="jakarta";
$lokasi[1]="bandung";
$lokasi[2]="semarang";
$lokasi[3]="surabaya";
$lokasi[4]="bali";
################################
STATEMENT [SWITCH]
################################
Switch digunakan untuk membandingkan syarat dengan berbagai nilai
=============================
<?php
$peringkat = 1;
switch ($peringkat) {
case 1 :
echo "Nilai kamu bagus sekali";
break;
case 2 :
echo "Nilai kamu bagus";
break;
case 3 :
echo "Nilai kamu cukup bagus";
break;
}
?>
################################
STATEMENT [IF, ELSEIF, ELSE]
################################
if, elseif, else digunakan untuk pengecualian dalam sebuah kondisi tertentu
=============================
<?php
$a=1;
$b=2;
$c=$a+$b;
if ($c==3){
echo "anda benar";
}else{
echo "anda salah";
}
?>
akan tampil pada browser :
anda benar
karna yang ditampilkan bila $c adalah bernilai 3 yaitu apakah hasil dari $a + $b (1+2)
==============================
contoh lainnya:
<?php
$a=3;
if ($a<5){
echo "$a kurang dari 5";
}
elseif ($a>5){
echo "$a lebih dari 5";
}else{
echo "error";
}
?>
yang akan tampil pada browser adalah :
3 kurang dari 5
karna $a adalah tiga dan 3 itu kurang dari 5
################################
STATEMENT [FOR LOOPING]
################################
apa itu for ?
for looping adalah sebuah statement php untuk melakukan proses pengulangan sampai syarat nya habis
================================================
contoh statement :
<?php
for ($i=0; $i<7; $i++){
echo "$i";
}
?>
akan keluar dibrowser :
0123456
note : $i adalah angka 0, syarat $i kurang dari 7, $i terus diulang-ulang...
jadi karna $i adalah 0 dan syaratnya kurang dari 7 maka ia akan mengulang sampai syaratnya habis yaitu sampai
angka 6 karna 6 adalah nilai terakhir yang kurang dari angka 7.
################################
STATEMENT [WHILE LOOPING]
################################
apa itu while ?
while looping adalah sebuah statement php yang akan mengeksekusi perintah secara
berulang-ulang hingga kondisi pada while tidak terpenuhi, seperti for looping
================================================
contoh statement :
<?php
$i= 0;
while ($i <= 10) {
echo "nilai i adalah $i </br>";
$i++;
}
?>
akan keluar dibrowser :
nilai i adalah 0
nilai i adalah 1
nilai i adalah 2
nilai i adalah 3
nilai i adalah 4
nilai i adalah 5
nilai i adalah 6
nilai i adalah 7
nilai i adalah 8
nilai i adalah 9
nilai i adalah 10
note : $i adalah angka 0, kondisi $i kurang atau sama denagan 10, $i terus diulang-ulang hingga menjadikan dirinya bernilai yang kurang dari 10 ataupun
dirinya bernilai 10...
################################
SINTAK [DATE AND TIME]
################################
* a - "am" or "pm"
* A - "AM" or "PM"
* B - Swatch Internet time
* d - day of the month, 2 digits with leading zeros; i.e. "01" to "31"
* D - day of the week, textual, 3 letters; i.e. "Fri"
* F - month, textual, long; i.e. "January"
* g - hour, 12-hour format without leading zeros; i.e. "1" to "12"
* G - hour, 24-hour format without leading zeros; i.e. "0" to "23"
* h - hour, 12-hour format; i.e. "01" to "12"
* H - hour, 24-hour format; i.e. "00" to "23"
* i - minutes; i.e. "00" to "59"
* I (capital i) - "1" if Daylight Savings Time, "0" otherwise.
* j - day of the month without leading zeros; i.e. "1" to "31"
* l (lowercase 'L') - day of the week, textual, long; i.e. "Friday"L - boolean for whether it is a leap year; i.e. "0" or "1"
* m - month; i.e. "01" to "12"
* M - month, textual, 3 letters; i.e. "Jan"
* n - month without leading zeros; i.e. "1" to "12"
* s - seconds; i.e. "00" to "59"
* S - English ordinal suffix, textual, 2 characters; i.e. "th", "nd"
* t - number of days in the given month; i.e. "28" to "31"
* T - Timezone setting of this machine; i.e. "MDT"
* U - seconds since the epoch
* w - day of the week, numeric, i.e. "0" (Sunday) to "6" (Saturday)
* Y - year, 4 digits; i.e. "1999"
* y - year, 2 digits; i.e. "99"
* z - day of the year; i.e. "0" to "365"
* Z - timezone offset in seconds (i.e. "-43200" to "43200")
<?php
$waktu=date("Y-m-d");
echo "$waktu";
?>
menghasilkan "2001-07-28"
<?php
$waktu=date("l, j F Y");
echo "$waktu";
?>
menghasilkan "Saturday, 28 July 2001"
<?php
$waktu=date("H:i:s");
echo "$waktu";
?>
menghasilkan "20:15:07"
################################
SINTAK [ECHO AND PRINT]
################################
echo & print digunakan untuk menampilkan
=============================
<?php
echo "belajar echo dan ";
print "belajar print";
?>
akan tampil pada browser :
belajar echo dan belajar print
################################
SINTAK [EREG]
################################
ereg digunakan untuk memberikan keterangan adanya suatu kalimat pada string
================================================
<?
$a=ereg ("satu","persatuan");
echo "$a";
?>
akan tampil pada browser adalah : 1
karna kalimat persatuan itu terdapat kata satu. jadi ia membenarkan dan memberikan keterangan true dengan angka
1 bila tidak ada ia akan menyalahkan dengan keterangan false dan memberikan angka 0
################################
SINTAK [HTML ENTITIES]
################################
htmlentities digunakan untuk menghilangkan fungsi html
=====================================
<?php
$satu="<br><center>belajar php</center>";
$dua=htmlentities($satu);
echo "$dua";
?>
akan tampil pada browser :
<br><center>belajar php</center>
################################
SINTAK [INCLUDE]
################################
include digunakan untuk memanggil isi file lain kedalam file tersebut atau file ini
=============================
pada direktori abc terdapat 2 file yaitu pengunjung.html dan index.php
didalam pengunjung.html berisi script html dibawah ini :
<center><h1>SATU</h1></center>
dan difile index.php berisi :
<?php
echo "<center>anda adalah pengunjung ke</center><br>";
include ("pengunjung.html");
?>
akan tampil pada browser :
anda adalah pengunjung ke
SATU
dengan kata lain didalam index.php sama seperti berisi
<center>anda adalah pengunjung ke</center><br>
<center><h1>SATU</h1></center>
################################
SINTAK [MD5 HASH]
################################
md5 digunakan untuk men enscrypsi character menjadi kode-kode tak dikenal
================================================
Sintak : md5(string);
contoh :
<?php
$hasil=md5("admin");
echo "$hasil";
?>
jadinya akan seperi ini : 21232f297a57a5a743894a0e4a801fc3
karna $kalimat/admin telah diganti dengan kode tak dikenal oleh metode md5 hash, biasanya untuk hash password
################################
SINTAK [REQUIRE]
################################
require sama seperti include digunakan untuk memanggil isi file lain kedalam file tersebut atau file ini tapi hanya memanggil satu kali pemanggilan
=============================
sintaknya :
<?
require ("namafile.php");
?>
################################
SINTAK [STRLEN]
################################
strlen digunakan untuk menampilkan jumlah character suatu string
================================================
<?
$a=strlen ("pelajaran");
echo "$a";
?>
akan tampil pada browser adalah : 9
yaitu ada 9 karakter pada kalimat pelajaran = p e l a j a r a n
################################
SINTAK [STRTOLOWER]
################################
strltolower digunakan untuk mengubah character suatu string menjadi huruf kecil
================================================
<?php
$a=strtolower("PELAJARAN");
echo "$a";
?>
akan tampil pada browser adalah : pelajaran
yang tadinya berhuruff besar semua menjadi huruf kecil semua.
################################
SINTAK [STRTOUPPER]
################################
strtoupper digunakan untuk mengubah character menjadi huruf besar
================================================
<?
$a=strtoupper ("pelajaran");
echo "$a";
?>
akan tampil pada browser adalah : PELAJARAN
yang tadinya pelajaran berhuruf kecil semua menjadi huruf besar semua
################################
SINTAK STR_REPLACE
################################
Digunakan untuk mengganti suatu character dari character tertentu
================================================
$str = "anggi jatras mara aaa";
$ganti = str_replace(" ", "_", $str);
echo $ganti;
Maa akan tampl di browser anggi_jatras_mara_aaa
karna spasi " " diganti dengan underscore "_"
################################
SINTAK [SUBSTR]
################################
substr digunakan untuk memakai sebagian karakter dengan pemenggalan
================================================
Sintak : substr(string, int posisi , int posisi);
contoh :
<?php
$hasil=substr("123456789",0,5);
echo "$hasil";
?>
jadinya akan seperi ini : 12345
karna isi $kalimat adalah 123456789 lalu diawali
dari karakter ke 0 hingga karakter yang ke 5
################################
SINTAK [UCFIRST]
################################
ucfirst digunakan untuk mengubah awal dari sebuah kalimat berhuruf besar
================================================
<?
$a=ucfirst ("pelajaran");
echo "$a";
?>
akan tampil pada browser adalah : Pelajaran
yang tadinya pelajaran berhuruf kecil semua sekarang P nya yang ada diawal kalimat menjadi huruf besar
################################
SINTAK [UCWORDS]
################################
ucwords digunakan untuk mengubah awal dari setiap kata berhuruf besar
================================================
<?
$a=ucwords ("pelajaran php sekarang");
echo "$a";
?>
akan tampil pada browser adalah : Pelajaran Php Sekarang
yang tadinya berhuruf kecil semua sekarang setiap kata dari kalimat tersebut depannya berhuruf besar
################################
SINTAK [RAND]
################################
rand digunakan untuk memecahkan konsentrasi, / merandomkan suatu string diantara string
================================================
<?
$a=rand (0, 9);
echo "$a";
?>
akan tampil pada browser adalah salah satu angka dari 0 sampai 9
################################
SINTAK [VARIABLE GLOBAL]
################################
Macam - macam variable global :
$_SERVER['HTTP_USER_AGENT']; : mendeteksi agent / browser & OS
$_SERVER['REQUEST_URI']; : mendeteksi lokasi file yang dibuka
$_SERVER['PHP_AUTH_USER']; : mendeteksi user yang aktif
$_SERVER['HTTP_REFERER']; : mendeteksi alamat file sebelumnya
$_SERVER['HTTP_VIA']; : mendeteksi koneksi pengunjung
$_SERVER['REMOTE_ADDR']; : mendeteksi ip local
$_SERVER['HTTP_X_FORWARDED_FOR']; : mendeteksi ip proxy
Salam Azaret
*www.w3schools.com
*www.ilmuwebsite.com
*www.ilmukomputer.org
*www.javascriptkit.com