0 Belajar CSS Bagian 1 ( Introduction )
Monday, January 31, 2011
Labels:
Tips Trik
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 :<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>
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 :<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>
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
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 :<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>
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...
1 Android Apps and Games Pack Collection 2011
Friday, January 14, 2011
Labels:
Download
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