• Tutorial dan Tips n Trik Komputer, Gadget dan lain-lain.
  • Review Film-film Layar Lebar, Serial TV dan lain-lain.
  • Review Gadget-gadget terbaru.

0 Belajar JavaScript Bagian 2 ( Statement and Comment )

Tuesday, February 8, 2011 Labels:

 

clip_image002

A. Statement

Dalam dunia pemrograman, statement adalah pernyataan yang dituliskan berupa kode-kode yang dikenal oleh komputer sesuai aturan bahasa pemrograman yang bersangkutan agar dapat diesekusi dengan benar oleh sistem. Untuk dapat menuliskan statement javascript dengan baik, maka anda perlu mengetahui dan memahami aturan-aturan yang berlaku sebagai berikut :

a. Case-Sensitive

Dalam penulisan statement javascript bersifat case-sensitive, yang berarti huruf besar/capital berbeda dengan huruf kecil/lowercase, jadi anda harus berhati-hati dalam menuliskan statement dalam javascript agar tidak terjadi kesalahan yang tidak perlu.

Perhatikan contoh sifat case-sensitive berikut ini :

- nama tidak sama dengan Nama

- UMUR tidak sama dengan umur

- alamaT tidak sama dengan alamat

Berikut contoh penulisan statement javascript yang benar :

document.write(“CobaLihatSaja.com”);

Berikut contoh penulisan statement javascript yang salah :

Document.write(“CobaLihatSaja.com”);

Kenapa pernyataan tersebut salah? perhatikan pada penulisan “Document” yang seharusnya “document”. Jelas bukan?

b. End of Statement

Dalam setiap statement yang dibuat harus diakhiri oleh symbol “;” , perhatikan contoh berikut :

document.write(“CobaLihatSaja.com”);

Dan berikut ini contoh penulisan yang salah (tidak ada symbol “;”) :

document.write(“CobaLihatSaja.com”)

c. Penulisan String

Tunggu dulu, mungkin sebagian dari anda merasa asing dengan kata “string”?? Dalam pemrograman, yang dimaksud dengan string adalah seorang pegulat bebas profesional yang berambut gondrong-gondrong acak-acakan (ngaco, jangan dibaca). String adalah sebutan untuk rangkaian karakter, artinya jika anda menuliskan karakter sehingga berbentuk rangkaian karakter maka rangkaian karakter tersebut dapat disebut sebagai string.

Contoh String :

- Hallo!

- Selamat Datang di :

- CobaLihatSaja.com

- Tahun 2011

Nah, dalam javascript jika kita ingin menampilkan string kelayar, maka anda harus mengapitnya dengan symbol “” (kutip buka dan kutip tutup). Berikut contoh penulisan string dalam code javascript :

document.write(“Selamat datang di CobaLihatSaja.com”);

d. Penulisan Tag HTML

Untuk menggunakan tag-tag HTML dalam javascript anda dapat menuliskannya seperti string pada umumnya berikut tag-tag yang diinginkan. Berikut contohnya :

document.write(“<h4>Selamat datang di CobaLihatSaja.com</h4>”);

e. Penulisan Variable dan Numerik

Untuk menampilkan variable dan numerik dalam javascript ke layar kita tidak memerlukan symbol “”, anda cukup menuliskannya secara langsung variable atau numerik yang bersangkutan. Berikut contohnya :

Penulisan Variable :

document.write(x);

Penulisan Numerik :

document.write(77);

f. Penulisan Kombinasi

Anda dapat menuliskan kombinasi penulisan string dengan variable ataupun numerik dengan menyertakan symbol “+” diantaranya. Berikut contoh :

Kombinasi String dan Numerik :

document.write(“Umur saya = ”+77);

Kombinasi String dan Variable

document.write(“Nilai variable = ”+x);

B. Comment

Dalam menuliskan code program terkadang kita memerlukan catatan kecil tentang maksud dari code-code tersebut ataupun dengan maksud untuk melakukan penelusuran proses program. Selain itu comment tersebut tidak akan ditampilkan hasilnya ke layar anda dikarenakan sistem menganggapnya hanya sebagai catatan. Dalam javascript penulisan komentar dapat dilakukan dengan 2 cara, yaitu sbb :

a. Single-line Comment

Single-line comment berarti anda menuliskan komentar dalam 1 baris saja, untuk melakukanya anda cukup mempergunakan symbol “//” diawal komentar anda dan diakhiri dengan enter/ganti baris.

Contoh :

//Ini adalah Single-line comment javascript!

b. Multi-line Comment

Multi-line comment berarti anda menuliskan komentar yang jumlahnya lebih dari 1 baris, untuk melakukannya anda harus memulainya dengan symbol “/*” dan diakhiri dengan symbol “*/”.

Contoh :

/* Ini adalah Multi-line comment javascript!

Ini adalah Multi-line comment javascript!

Ini adalah Multi-line comment javascript!

Ini adalah Multi-line comment javascript!

*/

Oke, segini dulu ya, sesok maneh…..

Salam Persahabatan…….

Read more

3 Belajar JavaScript Bagian 1 ( Introduction )

Saturday, February 5, 2011 Labels:
clip_image002
JavaScript adalah bahasa scripting yang digunakan untuk menghadirkan fungsi interaktif antara webpage/browser dengan pengguna ataupun sistem. JavaScript merupakan client-side scripting, artinya seluruh proses dari script tersebut diproses di dan oleh client-side/browser. JavaScript saat ini menjadi scripting language paling banyak digunakan, bahkan merupakan syarat mutlak yang harus dikuasai oleh seorang web programmer atau pun web designer sekalipun. Selain javascript sebenarnya banyak bahasa scripting yang lain, akan tetapi kurang begitu diminati bahkan cenderung ditinggalkan, misalnya VBScript/Visual Basic Script.
Dalam penulisan script javascript dapat dilakukan dalam file internal HTML ataupun difile external.
A. Metode Penulisan Internal
Untuk meletakan script JavaScript dalam file html dapat dilakukan dengan mempergunakan tag <script> dengan memberikan typenya sebagai “text/javascript” . tag <script> tersebut dapat diletakan dibagian head maupun body file HTML. Berikut contoh penempatan script javascript dalam file HTML,
Code :

<html>
<head>
<title>Contoh JavaScript - Introduction (By. CobaLihatSaja.com)</title>
</head>
<body>
<script type="text/javascript">
document.write("Contoh JavaScript - Introduction (By. CobaLihatSaja.com)");
</script>
</body>
</html>

Hasil :
clip_image004
B. Metode Penulisan External

Selain dapat secara langsung dituliskan dalam file html, javascript juga dapat ditempatkan difile yang berbeda dengan menyimpanya sebagai javascript file (extensi .js). Metode ini sangat disarankan untuk dipergunakan karena akan membuat pemrograman/pembangunan website akan lebih mudah dan terstruktur, selain itu script yang kita buat akan dapat dipergunakan oleh wepage lainnya (reuseable). Ok, berikut ini contoh untuk membuat external javascript,
a. Buat File JavaScript
Buka text editor anda, buat file baru dan simpan sebagai : CobaLihatSaja.js, setelah itu masukan code dibawah ini :
Code :

document.write("<h1>Contoh JavaScript - Introduction</h1>");
document.write("<p>(By. CobaLihatSaja.com)</p>");

b. Buat File HTML
Buatlah file HTML dimana anda akan mempergunakan javascript tersebut. Masukan code seperti dibawah ini :
Code :

<html>
<head>
<title>Contoh JavaScript - Introduction (By. CobaLihatSaja.com)</title>
<script type="text/javascript" src="CobaLihatSaja.js">
</script>
</head>
<body>
</body>
</html>


Hasil :
clip_image006
Seperti anda lihat hasil dari code yang telah kita buat, pertama kita membuat file javascript yang berisi perintah untuk menampilkan header (baris 1) dan sebuah paragraf (baris 2). Setelah itu kita memanggil file javascript yang telah kita buat melalui file HTML dengan bantuan tag <script> yang telah disesuaikan.
Cukup mudah bukan untuk memahami pemrograman JavaScript? Ok, sampai disini saja pengenalan tentang javascript, untuk selanjutnya akan kita bahas materi yang lebih lanjut. Selalu kunjungi http://www.cobalihatsaja.com untuk update terbaru.
Salam Persahabatan…….
Read more

0 Belajar CSS Bagian 5 ( Class )

Friday, February 4, 2011 Labels:
clip_image002
Pada tutorial kita sebelumnya style yang kita buat mewakili tag tersebut secara global dalam file HTML tersebut, contohnya jika kita memberikan style pada tag <font> maka secara otomatis seluruh bagian dokumen yang menggunakan tag <font> akan memiliki format yang sama. Lalu bagaimana caranya jika kita ingin memiliki variasi format untuk tag-tag tersebut, misalkan saja anda ingin memiliki tag <font> untuk judul, isi text, isi table dan lainnya. Hal tersebut diatas dapat kita lakukan dengan cara memberikan CLASS pada tag yang anda inginkan.
Berikut format penulisan css class :
nama_tag.nama_class{property: value}
Dibawah ini contoh penggunaan class pada tag <font>,
Code :
<html>
<head>
<title>Contoh CSS - Padding Formating</title>
<style type="text/css">
font.judul
{
color: red;
font-size: 30px;
}
font.isi
{
color: blue;
font-size: 12px;
font-style: italic;
}
font.penutup
{
color: green;
font-size: 20px;
font-weight: bold;
}
</style>
</head>
<body>
<font class="judul">Judul - Belajar CSS di CobaLihatSaja.Com</font><br/>
<font class="isi">Isi - Belajar CSS di CobaLihatSaja.Com</font><br/>
<font class="penutup">Penutup - Belajar CSS di CobaLihatSaja.Com</font><br/>
</body>
</html>

Hasil :
clip_image004
Mudah bukan penggunaanya, teknik tersebut dapat mempermudah pekerjaan kita dalam membuat webpage dengan berbagai variasi sesuai keinginan kita. Ok, sampai disini dulu pelajran kita tentang CSS. Tetap kunjungi http://www.cobalihatsaja.com untuk tutorial dan info-info lainya!
Salam Persahabatan…….
Read more

0 Belajar CSS Bagian 4 ( Table )

Thursday, February 3, 2011 Labels:
clip_image002
Dalam pembuatan sebuah website tentu anda akan memerlukan sebuah ataupun banyak table untuk meletakan nasi,sayur ataupun lauk pauk, bercanda...maksudnya untuk memuatt data ataupun sebagai pemformat tampilan agar terlihat lebih rapi. Untuk itu kita akan membahas tentang cara menformat tampilan tabel dari CSS agar tabel tersebut menjadi sesuai keinginan dan keperluan kita. Woke langsung saja,
Berikut property yang umum digunakan dalam Table formating :
a. border-collapse
border-collapse (bukan spongebob collapse) digunakan untuk memformat tampilan border sebuah tabel menjadi single ataupun double line (default).
b. border-spacing
border-spacing digunakan untuk menentukan jarak spasi antara border dengan isi cell.
c. empty-cell
empty-cell digunakan untuk menentukan bagaimana cell-cell kosong dalam sebuah tabel ditampilkan (show/hidden)
d. table-layout
table-layout digunakan untuk mengatur bagaimana konten dari sebuah cell ditampilkan.
Untuk lebih jelasnya perhatikan tabel property dan valuenya dibawah ini :

No Property Values
1 border-collapse collapse
separate
2 border-spacing length
3 empty-cell show
hide
4 table-layout auto
fixed
Berikut contoh penggunaanya :
Code #1:
<html>
<head>
<title>Belajar CSS - Table Formating (By. CobaLihatSaja.com)</title>
<style type="text/css">
table
{
border-collapse: collapse;
border-spacing: 20px;
empty-cell: show;
table-layout: fixed;
}
</style>
</head>
<body>
<table border="1" width="25%">
<tr>
<td>Belajar CSS - Table Formating (By. CobaLihatSaja.com)</td>
<td></td>
</tr>
<tr>
<td></td>
<td>Belajar CSS - Table Formating (By. CobaLihatSaja.com)</td>
</tr>
</table>
</body>
</html>
Hasil #2:
clip_image004
Code #2 :
<html>
<head>
<title>Belajar CSS - Table Formating (By. CobaLihatSaja.com)</title>
<style type="text/css">
table
{
border-collapse: separate;
border-spacing: 20px;
empty-cell: hide;
table-layout: auto;
}
</style>
</head>
<body>
<table border="1" width="25%">
<tr>
<td>Belajar CSS - Table Formating (By. CobaLihatSaja.com)</td>
<td></td>
</tr>
<tr>
<td></td>
<td>Belajar CSS - Table Formating (By. CobaLihatSaja.com)</td>
</tr>
</table>
</body>
</html>
Hasil #2 :
clip_image006
Dari pembandingan kedua code diatas beserta hasilnya tentu anda dapat memahami maksud-maksud dari property tabel diatas. Selamat bereksperimen dan tetap berkunjung ke http://www.CobaLihatSaja.com untuk artikel-artikel selanjutnya!
Salam Persahabatan…….
Read more

0 HTML Converter

Wednesday, February 2, 2011 Labels:
Untuk Memasukan kode HTML, terkadang kita tidak bisa langsung copy paste. Perlu di convert atau parsing menggunakan fasilitas dari google yang ada dibawah, tinggal copy, klik convert, dan hasilnya baru bisa kita paste pada posting blog kita.
Silahkan mencoba...



Model ke 2, sama aja sih....






Read more

0 Belajar CSS Bagian 3 ( Margin and Padding Formating )

Labels:
clip_image001
Pada bagian sebelumnya kita telah mempelajari bagaimana memformat font dan text menggunakan CSS, sekarang kita akan mempelajari bagaimana merapikan text-text tersebut dengan melakukan penyesuaian margin dan padding sesuai keinginan kita. Ok langsung bae yo,
A. Margin Formating
Margin Formating membahas tentang cara menentukan jarak/space antara satu objek HTML dengan objek HTML lainnya. Contoh : menentukan jarak/space sebuah paragraf dengan tabel.
Berikut property yang umum digunakan dalam Margin formating :
a. margin
digunakan untuk menentukan space secara instant, yaitu menentukan space atas,bawah,kanan dan kiri secara langsung dalam satu pernyataan.
b. margin-left
digunakan untuk menentukan space bagian sebelah kiri objek.
c. margin-right
digunakan untuk menentukan space bagian sebelah kanan objek.
d. margin-top
digunakan untuk menentukan space bagian atas objek.
e. margin-bottom
digunakan untuk menentukan space bagian bawah objek.
Untuk lebih jelasnya perhatikan tabel property dan valuenya dibawah ini :

No Property Values
1 margin margin-top
margin-right
margin-bottom
margin-left
2 margin-left auto
length
%
3 margin-right auto
length
%
4 margin-top auto
length
%
5 margin-bottom auto
length
%
*Keterangan :
- auto : ditentukan secara default sistem.
- length : ditentukan secara manual menggunakan satuan sistem (px, cm, dll)
- % : ditentukan secara manual menggunakan satuan persentase(25%, 75%, dll)
Berikut contoh penggunaanya :
Code :
<html>
<head>
<title>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</title>
<style type="text/css">
h1
{
margin : 10px 500px 10px 10px;
}
h2
{
margin-left: 10px;
margin-right: 80%;
}
h3
{
margin-bottom: 5%;
}
h4
{
margin-top: 4cm;
}
h5
{
margin-right: 60%;
margin-left: 20%;
margin-top:5%;
}
</style>
</head>
<body>
<h1>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h2>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h3>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h4>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h5>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
</body>
</html>
Hasil :
clip_image003
B. Padding Formating
Padding Formating membahas tentang cara menentukan jarak/space antara border objek dengan kontent objek itu sendiri, misal : antara tabel dengan isi tabel itu sendiri.
Berikut property yang umum digunakan dalam Padding formating :
a. padding
digunakan untuk menentukan space padding secara instant, yaitu menentukan space atas,bawah,kanan dan kiri secara langsung dalam satu pernyataan.
b. padding-left
digunakan untuk menentukan space padding bagian sebelah kiri objek.
c. padding-right
digunakan untuk menentukan space padding bagian sebelah kanan objek.
d. padding-top
digunakan untuk menentukan space padding bagian atas objek.
e. padding-bottom
digunakan untuk menentukan space padding bagian bawah objek.
Untuk lebih jelasnya perhatikan tabel property dan valuenya dibawah ini :

No Property Values
1 padding padding-top
padding-right
padding-bottom
padding-left
2 padding-left length
%
3 padding-right length
%
4 padding-top length
%
5 padding-bottom length
%
*Keterangan :
- length : ditentukan secara manual menggunakan satuan sistem (px, cm, dll)
- % : ditentukan secara manual menggunakan satuan persentase(25%, 75%, dll)
Berikut contoh penggunaanya :
Code :
<html>
<head>
<title>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</title>
<style type="text/css">
h1
{
padding : 10px 500px 10px 10px;
}
h2
{
padding-left: 10px;
padding-right: 80%;
}
h3
{
padding-bottom: 5%;
}
h4
{
padding-top: 4cm;
}
h5
{
padding-right: 60%;
padding-left: 20%;
padding-top:5%;
}
</style>
</head>
<body>
<h1>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h2>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h3>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h4>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
<h5>Belajar CSS - Margin and Padding Formating (By. CobaLihatSaja.com)</h1>
</body>
</html>
Hasil :
clip_image005
Sampai disini dulu ya….. nanti kita lanjutkan di episode selanjutnya.
Salam Persahabatan…….
Read more

0 Belajar CSS Bagian 2 ( Font and Text Formating )

Tuesday, February 1, 2011 Labels:

clip_image001
Pada bagian sebelumnya kita telah membahas pengenalan CSS dan metode-metode yang digunakan untuk membuat CSS tersebut. Metode yang paling baik digunakan adalah metode OutFile CSS dikarenakan sifatnya reuseable (dapat digunakan oleh banyak file HTML) sehingga dapat mempercepat dan mempermudah pembangunan sebuah website. Akan tetapi pada tutorial-tutorial selanjutnya hanya akan digunakan metode InFile CSS dikarenakan lebih mudah atau simple untuk dipahami. Kali ini kita akan lebih dalam lagi mengenal CSS dengan mempelajari bagian yang paling sering dan umum digunakan yaitu font dan text formating, Ok langsung saja kita lihat contoh-contoh berikut ini :
A. Font Formating
Berikut property yang umum digunakan dalam font formating :
a. font-family
digunakan untuk menentukan jenis dari font yang digunakan.
b. font-size
digunakan untuk menentukan ukuran dari font yang digunakan.
c. font-style
digunakan untuk menentukan style dari font yang digunakan.
d. font-weight
digunakan untuk menentukan weight dari font yang digunakan.
Untuk lebih jelasnya perhatikan tabel property dan valuenya dibawah ini :

No Property Values
1 font-family arial
verdana
times new roman
dll
2 font-size small
medium
large
length
%
dll
3 font-style normal
italic
oblique
4 font-weight normal
bold
lighter
100
200
dll
Berikut contoh penggunaanya :
Code :
<html>
<head>
<title>Belajar CSS - Font and Text Formating (By. CobaLihatSaja.com)</title>
<style type="text/css">
font
{
font-family: verdana;
font-size: 25px;
font-style: italic;
font-weight: bold;
}
</style>
</head>
<body>
<font>Belajar CSS - Font and Text Formating (By. CobaLihatSaja.com)</font>
</body>
</html>
Hasil :
clip_image003
B. Text Formating
Berikut property yang umum digunakan dalam text formating :
a. color
digunakan untuk menentukan wana dari text.
b. direction
digunakan untuk menentukan arah dari text.
c. text-align
digunakan untuk menentukan align dari text.
d. text-decoration
digunakan untuk menentukan dekorasi dari text.
e. text-transform
digunakan untuk menentukan transformasi dari text.
f. word-spacing
digunakan untuk menentukan spasi antar text dalam sebuah paragraf.
Untuk lebih jelasnya perhatikan tabel property dan valuenya dibawah ini :

No Property Values
1 color red
blue
dll
2 direction ltr
rtl
3 text-align left
right
center
justify
4 text-decoration none
underline
overline
line-trough
blink
5 text-transform none
capitalize
uppercase
lowercase
6 word-spacing normal
length
Berikut contoh penggunaanya :
Code :
<html>
<head>
<title>Belajar CSS - Font and Text Formating (By. CobaLihatSaja.com)</title>
<style type="text/css">
p
{
color: blue;
direction: ltr;
text-align: left;
text-decoration: overline;
text-transform: uppercase;
word-spacing: 10;
}
</style>
</head>
<body>
<p>Belajar CSS - Font and Text Formating (By. CobaLihatSaja.com).</p>
</body>
</html>
Hasil :
clip_image005
Oke, sampai Jumpa di posting berikutnya……
Salam Persahabatan…….
Read more

0 Belajar CSS Bagian 1 ( Introduction )

Monday, January 31, 2011 Labels:

 
CSS merupakan kependekan dari Cascading Styling Sheet, yaitu script yang digunakan untuk memformat dokumen HTML sehingga dapat mempermudah dan mempersimpel code-code HTML yang kita buat daripada melakukan format dengan menset atribut dari tag-tag HTML.
CSS banyak digunakan saat ini oleh web developer, bahkan syarat mutlak bagi web developer sebagai pemercantik halaman website.

CSS dapat dibuat dalam 3 metode, yaitu :
- Inline CSS
- Infile CSS
- Outfile CSS


A. Inline CSS

Pada metode ini CSS dibuat didalam tag-tag HTML yang akan diformat secara individual/per-tag

Perhatikan contoh1 berikut untuk lebih jelasnya :
<html>

<head>

<title>Belajar CSS - Introduction (By. CobaLihatSaja.com)</title>

</head>

<body>

<font style="color: red;font-size: 30px;">

Belajar CSS - Introduction (By. CobaLihatSaja.com)

</font>

</body>

</html>
Hasil :

 

Penjelasan :

Seperti anda lihat pada code diatas dimana kita melakukan pemformatan pada tag <font> dengan menggunakan inline css, yaitu dengan mengetikan atribut “style” dan tambahkan value-value yang ingin ditentukan (pada contoh diatas kita menset value untuk warna font (“color”) dan ukuran font(“font-size”).




B. Infile CSS

Pada metode ini CSS dibuat dalam file yang sama dengan file HTML yang akan diformat/dibagian heading.

Perhatikan contoh2 berikut untuk lebih jelasnya :
<html>

<head>

<title>Belajar CSS - InFile CSS (By. CobaLihatSaja.com)</title>

<style type="text/css">

font

{

color: blue;

font-size: 25px;

font-style: italic;

}

</style>

</head>

<body>

<font>

Belajar CSS - InFile CSS (By. CobaLihatSaja.com)

</font>

</body>

</html>
Hasil :


Penjelasan :
Seperti dilihat pada code diatas, posisi script CSS tidak lagi berada di tag <font> melainkan berada didalam tag <style> pada header file HTML, dengan format “tag {“atribut-atribut: value;}”.



C. Outfile CSS

Pada metode ini CSS dibuat dalam file terpisah yang disimpan dalam format .css, dan untuk menggunakannya diperlukan tag <link> sebagai penghubung antara file HTML dengan file CSS tersebut.


Perhatikan contoh berikut untuk lebih jelasnya :

a. CSS File
Langkah pertama buatlah sebuah file dengan nama CobaLihatSaja.css melalui text editor anda, dan selanjutnya masukan code dibawah ini :
h4
{
color: green;
font-size: 20px;
font-style: italic;
}

b. HTML File
Lalu lanjutkan dengan membuat file HTML dengan nama CobaLihatSaja.htm melalui text editor anda dan selanjutnya masukan code dibawah ini :
<html>
<head>
<title>Belajar CSS - OutFile CSS (By. CobaLihatSaja.com)</title>
<link rel="stylesheet" type="text/css" href="CobaLihatSaja.css"/>
</head>
<body>
<h4>Belajar CSS - OutFile CSS (By. CobaLihatSaja.com)</h4>
</body>
</html>
Selanjutnya jalankan file CobaLihatSaja.htm, maka hasilnya akan seperti dibawah ini :


Penjelasan :
Untuk struktur script dari OutFile CSS ini sama dengan InFile CSS, yang membedakan hanya berada difile tersendiri yang disimpan dalam format .css, dan diakses oleh file HTML dengan menggunakan tag <link> dengan atribut “href” sesuai dengan nama file CSS yang kita buat.

Cukup mudah bukan untuk mempelajari CSS, ok sampai jumpa pada tutorial selanjutnya hanya di CobaLihatSaja.Com. 
Salam Persahabatan...


Read more

1 Android Apps and Games Pack Collection 2011

Friday, January 14, 2011 Labels:





Koleksi Program / Aplikasi dan game untuk Android

Android Apps

a 3D Compass Pro (AR Compass) v3.31.apk
a 3G Watchdog Pro v1.1.0.apk
a ABBYY Business Card Reader v1.0.9.1.apk
a Absolute System Root Tool v1.5.6 ROOT REQ.apk
a ADWLauncher EX v1.1.apk
a Ambling BookPlayer Personal v2.04.apk
a AndGuard Pro v0.9.3 ROOT REQ.apk
a AnDrawing Pro v2.1.0.apk
a Android Photo Widget v1.3.apk
a Asian Art Live Wallpaper v4.0.apk
a Asteroid Belt Live Wallpaper v1.25.apk
a AudioGuru and Widgets Pro v1.17.zip
a Autokiller v4.11 ROOT REQ.apk
a Baby ESP v1.3.0.5.apk
a Barometer and Weather Clock v2.2.0.apk
a Batteryminder PRO v2.9.0.apk
a Better Keyboard v8.0.6.apk
a CardioTrainer Resolutions Pro v3.4.3.apk
a City at Night Live Wallper v1.09b.apk
a Energy Saving v1.0.0.apk
a Fireflies Live Wallpaper v1.0.1.apk
a FireKeys Keyboard v4.21.apk
a Flash Reboot Widget v1.0 ROOT REQ.apk
a FlexT9 Speak-Trace-Write-Tap v1.0.0.0.apk
a FlightView - Flight Tracker v1.4.1.apk
a Flowers Live Wallpaper v1.1b.apk
a Folder Organizer v3.2.6.apk
a Full Screen Caller ID v5.0.2.apk
a Gmail Popup v2.6.apk
a Go!Chat Facebook Pro v3.0.2.apk
a Good Morning Pro v2.3.2.apk
a GOTO Lockscreen v1.4.9.2.apk
a GOTO v1.4.9.apk
a gReader Pro (Google Reader) v2.0.0.apk
a Hi-Q MP3 Recorder Full v1.5.1.apk
a iForce v1.02.apk
a iPhone Keyboard Emulator v1.0.17 GA.apk
a iReal Book v1.3.apk
a JEFIT Pro - Workout & Fitness v4.1.1230.apk
a Journal - Orange Diary v1.14.apk
a JuiceDefender battery saver v3.1.1.apk
a JuiceDefender UltimateJuice! v3.2.0.apk
a Kaplan GRE Exam Vocabulary v1.5.apk
a Light Grid Pro Live Wallpaper v3.0.apk
a Magic Doodle Premium v2.9.apk
a Market Access v1.0.6.apk
a MathPac Calculator with Graphing v5.2.apk
a Men's Health Workouts v1.4.apk
a Moon Phase Pro v2.2.1.apk
a Musical Pro v5.5.4.apk
a mVideoPlayer Pro v2.7.0.apk
a Palmary Weather Pro v1.22.apk
a Personal Wallpaper v1.54.apk
a Photaf 3D Panorama Pro v2.2.0.apk
a Photo Enhance Pro v2.36.apk
a PhotoVault v2.20.0.apk
a Pink Pad Pro (Period Tracker) v1.1.1.apk
a Pixel Zombies Live Wallpaper v1.3.3.apk
a Plume Premium v2.13.apk
a Pocket Geometry v1.0.0.apk
a PS3 Trophies PRO v3.0.apk
a Quickdesk Pro v0.5.1.apk
a RD3 - Groovebox v1.1.1.apk
a RepliGo Reader v3.0.0.apk
a ROM Manager Premium v3.0.0.7 ROOT REQ.zip
a Root Explorer v2.13.3 ROOT REQ.apk
a Skeleton Eye Live Wallpaper v1.07.apk
a SkyDroid - Golf GPS v1.7.apk
a Sleepy Time v1.4.1.apk
a Smart Keyboard Pro v3.11.1.apk
a Smart Tools v1.2.1.apk
a Smart Tools v1.2.apk
a SnapMark v1.2.apk
a Springle v1.2.apk
a Star Trek Red Alert Live Wallpaper v0.9.apk
a Starlight Live Wallpaper v1.92.apk
a Sygic Aura GPS Navigation v2.1.2.apk
a Text widget (donate) v1.8.apk
a The Habit Factor v1.0.apk
a Thumb Keyboard (Phone and Tablet) v2.6.apk
a Titanium Backup Pro v3.6.7.apk
a ToDo Task Manager -Pro v1.7.apk
a Torque v1.2.47.apk
a Tuner - gStrings v1.0.6.apk
a U.S. Coin Values v1.0.apk
a Volume Ace v1.7.0.apk
a Wallpaper Cock full v1.5.1.apk
a Watch Live Sports v1.26.apk
a WMP - Remote PRO v1.0.apk
a yxplayer v1.6.0.apk
a Zen Timer - Meditation Timer v6.5.1.apk
a Zombie Eye Live Wallpaper v1.07.apk
a Zumba Fitness v1.0.apk
a Zumba For Beginners v1.0.apk

Games

g 3 Kingdoms TD v1.0.4 full.apk
g 3D Pool Master 2 v1.30.apk
g Age of Conquest- Europe v1.0.28.apk
g Alchemy Premium v1.10.1.apk
g Balloon Blaaster v1.0.apk
g Big Sport Fishing 3D v1.03.apk
g Buka HD v2.30.apk
g Chompy's Dodgeball v1.03.apk
g Crazy Calc v1.2.apk
g Defend Homeland Full v1.9.6.apk
g Drainworks v1.3.3.apk
g Drop7 v1.6.apk
g Dungeon Defenders- First Wave 1.23.apk
g Everlands HD v1.9.apk
g GameBoid (GBA Emulator) v2.41.apk
g Gun Bros HD Beta v0.1.1.apk
g Humans vs. Aliens v1.0.1.apk
g Hyperspace v1.42.apk
g Leap Sheep! v1.03.apk
g Leave Devil Alone HD v2.0.apk
g Pandas vs Ninjas Premium v1.3.apk
g Pool Break Pro v1.7.2.apk
g psx4droid v2 (PSX Emulator) v1.1.2.apk
g Radiant HD v2.18.apk
g Roller v1.3.2.apk
g Solitaire Deluxe v1.1.3.apk
g Speedx 3D v1.10.4.apk
g Squibble v1.0 build 591.apk
g Tiki Golf 3D v2.2.apk
g Totemo HD v1.39.apk
g Touch Pool 2D v2.9f.apk
g Uniwar v1.3.2.apk
g Worms v0.0.15.apk
g Xeno Tactic II Tower Defense v1.2.2 b2.apk


Link download

From Hotfile
http://hotfile.com/dl/95697451/b53b0ee/Android_010911.part1.rar.html
http://hotfile.com/dl/95697454/124702b/Android_010911.part2.rar.html
http://hotfile.com/dl/95697453/3c2606d/Android_010911.part3.rar.html
http://hotfile.com/dl/95697455/c121034/Android_010911.part4.rar.html
http://hotfile.com/dl/95697655/a5278cf/Android_010911.part5.rar.html
http://hotfile.com/dl/95697657/b763e11/Android_010911.part6.rar.html
http://hotfile.com/dl/95697659/e79c508/Android_010911.part7.rar.html

From Fileserve
http://www.fileserve.com/file/4fN4VEK/Android 010911.part1.rar
http://www.fileserve.com/file/mVtqs2Q/Android 010911.part2.rar
http://www.fileserve.com/file/gytEpf5/Android 010911.part3.rar
http://www.fileserve.com/file/jQUuGXn/Android 010911.part4.rar
http://www.fileserve.com/file/AwkaYmU/Android 010911.part5.rar
http://www.fileserve.com/file/b6naMyP/Android 010911.part6.rar
http://www.fileserve.com/file/YmuhSKE/Android 010911.part7.rar
Read more

3 Frame Kalender 2011 dan Kumpulan Frame Psd

Saturday, December 4, 2010 Labels:
Read more
 
Coba Lihat Saja....... © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates