Selasa

Belajar CSS Bagian 2 : Selector ID dan Class



Sekarang kita masuk ke tutorial belajar css bagian kedua, disini saya akan mencoba membahas mengenai selector ID dan Class.

Fungsi Selector ID dan Class.

ID digunakan untuk style elemen tunggal dan biasanya memiliki banyak property didalamnya. Penulisan selector ID di css diawalai dengan tanda “#” dan implementasi di HTML diawali dengan tanda <div id=”nama selector”> dan diakhiri dengan tanda </div>

Class digunakan untuk menentukan style pada sekelompok element, bentuk penulisan di css diawali dengan tanda ‘.’ Dan implementasi di html pada property yang ingin digunakan tambahkan kata class = “namaclass”.

Contoh penggunaan selector ID dan Class.

Buat sebuah file css baru, lalu beri nama dengan contohid.css. Lalu ketikan code berikut ini :

 #contohid /*--deklarasi selector ID--*/  
 {  
 color : blue;  
 background-color : yellow;  
 font-size : 20px;  
 text-align : center;  
 }  
 .contohclass /*--deklarasi selector class--*/  
 {  
 background-color : blue;  
 color : white;  
 text-align : center;  
 }  

Kita lihat pada code diatas pengimplementasian selector ID diawali dengan tanda ‘#’ lalu diikuti dengan deklarasi yang berisi property dan valuenya. Sedangkan selector Class diawali dengan tanda ‘.’ Yang diikuti juga dengan property beserta valuenya.

Buat juga sebuah file html baru, beri nama home.html lalu masukan code html berikut ini :

 <html>  
 <head>  
 <title>Belajar CSS 2</title>  
 <link rel = "stylesheet" href="contohid.css" type="text/css">  
 <body>  
 <div id = "contohid">  
 <p>Ini adalah contoh text yang mengimplementasikan selector id</p>  
 </div>  
 <p>ini adalah contoh text yang tidak mengimplementasikan selector id</pd>  
 <p class="contohclass">contoh text dengan selector class</p>  
 <p>contoh text tanpa selector class</p>  
 </body>  
 </html>  

Maka nanti tampilannya akan menjadi seperti gambar dibawah ini :


Ok semoga tutorial belajar css bagian kedua ini dapat memberikan sedikit pencerahan bagi para pembaca, sampai jumpa pada tutorial selanjutnya.

Belajar CSS Bagian 1 : Berkenalan Dengan CSS.


Hallo para pembaca setia firdan-ardiansyah.blogspot.com, di pertemuan pertama yang membahas mengenai CSS ini saya akan mencoba memberikan tutorial dasar dari CSS, mulai dari pengenalan CSS, cara menuliskan code CSS dan juga implementasi dalam penulisan syntaxnya. Ada baiknya sebelum pembaca belajar mengenai CSS, setidaknya pembaca sudah mengetahui sintak dasar dari HTML, biar nantinya gak bingung.

Pengenalan CSS.

CSS merupakan singkatan dari Caschading Style Sheet, dimana CSS digunakan untuk mempercantik tampilan HTML agar menjadi lebih menarik. Jadi dengan menggunakan CSS pembaca dapat membuat halam website yang lebih elegan dan enak untuk dipandang.
Cara Penulisan Code CSS.

Perhatikan gambar dibawah ini untuk lebih memahami bagaimana cara penulisan sebuah code CSS.



Penjelasan :

  • Selector : kode kode yang nantinya akan diterapkan pada bagian HTML.
  • Declaration : digunakan untuk menyimpan property dan value
  • Property : Atribut-atribut style yang dapat dirubah.
  • Value : Nilai nilai yang dimiliki oleh property

Implementasi.

Ok daripada kebanyakan materi mendingan kita langsung aja ke bagian coding mengcoding. Langkah pertama buat sebuah file html baru lalu masukan code seperti berikut ini :

 <html>  
 <head>  
 <title>Belajar CSS</title>  
 <link rel="stylesheet" href="style.css" type="text/css" />  
 <body>  
 <h1>Belajar CSS</h1>  
 <p>ini contoh paragraf</p>  
 </body>  
 </html>  

Oia sebelumnya mungkin pembaca bingung mengenai kode yang ada di file html, kode itu digunakan untuk menghubungkan file html dengan file css yang nantinya akan kita buat. Sekarang save file html itu, kasih nama index.html. Selanjutnya buka file index.html tersebut di browser, tampilannya pasti seperti gambar dibawah ini :


Dilihatnya kurang menarik kan? Cuma teks berwarna hitam dan background putih. Ok sekarang kita buat file cssnya.

Buat sebuah file css baru lalu berinama style.css. Disini kita akan membuat sebuah file css yang akan merubah background (body) dengan warna hijau,  heading 1 (h1) berwarna biru dan berada ditengah, paragraf (p) memiliki jenis huruf arial dan ukurannya 12px. Selanjutnya ketik code css berikut ini :

 body{  
 background-color:green;  
 }  
 h1{  
 text-align:center;  
 color:blue;  
 }  
 p{  
 font-family:arial;  
 font-size:12px;  
 }  

Sekarang coba jalankan lagi file index.html. nanti tampilannya akan berubah menjadi seperti berikut ini :


Hmmm... masih kurang menarik sih tampilannya, tapi gpp ya, yang penting pembaca mengerti dulu dasar-dasarnya. Biar nanti pada tutorial selanjutnya lebih gampang ngerjainnya.

Oia untuk menulis code css dan html ini saya menggunakan software Notepad++, selain karena gratis software ini juga lebih enteng pada saat digunakan. Semoga tutorial belajar css bagian pertama ini bermanfaat, sampai ketemu di tutorial selanjutnya.

HP Android Terbaik dan Tercanggih


HP android merupakan produk ponsel cerdas yang menuntut penggunanya juga untuk cerdas dan akan semakin lebih bagus jika rumah anda selalu tersedia jaringan internet setiap saat. Android sejak awal memiliki konsep sebagai software berbasis kode komputer yang didistribusikan secara terbuka (open source) dan gratis.

HP Android Terbaik dan Tercanggih
Keunggulan open source, banyak pengembang software yang bisa melihat dan memanfaatkan kode itu serta bisa membuat aplikasi baru di dalamnya. Satu hal yang unik, berbagai aplikasi itu diwadahi dalam sebuah portal, yaitu Google Play, sehingga pengguna tinggal meng-install aplikasi pilihannya.

HP android terbaik dan tercanggih semakin banyak bermunculan, hampir seluruh negara sudah didominasi oleh si 'robot hijau' ini kecuali amerika serikat yang masih dirajai Apple. Vendor-vendor terkenal semakin kencang memberikan keunggulan utama hp andorid mereka agar menjadi yang terbaik, keunggulan seperti android tahan banting.

Serta bagaimana pengembang aplikasi juga tak kalah bersaing dalam membrikan layanan terbaik bagi para pengguna android. Aplikasi seperti mengutamakan fungsi kamera, aplikasi anti virus berbahaya. Dan masih banyak yang lainnya. Membuat user android semakin dimanjakan.

Inilah daftar lengkap HP Android Terbaik dan Tercanggih pemain di pasar telepon pintar saat ini

SONY XPERIA S



Sony adalah satu dari beberapa produsen telepon seluler yang berusaha mengembalikan kejayaan mereka. Perusahaan itu baru-baru ini bekerja sama dengan Ericsson dan Sony Xperia S adalah produk pertama mereka sejak kerja sama itu.

Telepon ini besar tapi ringan (144 gram) dan memiliki memori 32GB. Layar HD 4.3" dan kabel HDMI untuk menghubungkannya ke layar televisi datar HD. Jika sudah terkoneksi, telepon bisa dioperasikan dengan remote control.

PANASONIC ELUGA



Eluga yang ramping tapi berisi menandai kembalinya Panasonic ke pasar telepon seluler dunia.

Di luar Jepang, Panasonic sudah lama absen dari pasar telepon seluler selama bertahun-tahun. Eluga adalah upaya berbasis Android mereka untuk menangkap kembali pasar yang menguntungkan itu.

Para eksekutif Panasonic membanggakan keunggulan teknis mereka. Telepon ini memiliki berat 103 gram dan memiliki layar 4.3" atau sama dengan Sony.

HTC ONE X



Belum lama ini HTC dianggap sebagai produsen telepon seluler paling inovatif. Namun kini penjualan dan keuntungannya menurun tajam.

Produsen asal Taiwan ini berusaha bangkit kembali dengan seri baru HTC One.

Meski memiliki ukuran layar besar 4.7" bobotnya terbilang ringan yaitu 130 gram dan menggunakan sistem operasi Android terbaru yaitu Jelly Bean. Baca keunggulan OS Jelly Bean.

SAMSUNG GALAXY S3



Kini Samsung Galaxy S3 telah hadir. Produsen Korea ini berharap banyak dari kesuksesan S2 dan berusaha menjatuhkan rival terbesar mereka yaitu Apple.

Prosesor quad-core menjanjikan baik kecepatan dan konsumsi energi 20% lebih hemat dibandingkan prosesor dual-core yang lama.

Telepon ini memiliki layar sama dengan HTC One X yaitu 4.8" HD dan juga sangat ramping dengan berat hanya 133 gram. Kamera 8MP terbilang standar tapi lagi-lagi, piranti lunaknya membantu meningkatkan daya guna oleh konsumen.

LG Optimus L Series



Smartphone high-end dengan layar full HD ini diperkirakan mendarat tahun 2013. smartphone yang layarnya bisa ditekuk-tekuk ini dijadwalkan hadir pada pertengahan kedua tahun depan. Sepertinya, smartphone ini juga akan dimasukkan ke lini brand Optimus.

Gosip lain menyebutkan, LG juga berencana meluncurkan smartphone dengan kualitas layar lebih baik. Ini berlaku untuk semua seri smartphone yang ada sekarang, termasuk seri L dan G.

Itulah ke lima HP android terbaik dan tercanggih saat ini yang memang sedang merajai pasar ponsel dunia. HP android ini semakin bertambah tahun akan semakin canggih pada fitur dan aplikasi didalamnya, dan kita sebagai penikmat gadget harus siap-siap terus merogoh kocek yang dalam untuk terus memperbarui hp android terbaik yang sedang ada dipasaran.

Senin

APP Review : Keeping Touch.



Kadang kala kesibukan yang kita miliki baik itu di kantor, sekolah ataupun dikeluarga membuat kita melupakan beberapa orang yang sangat penting dalam hidup, seperti misalnya orangtua, pacar, teman, kolega bisnis atau siapa saja. Kali ini saya mencoba memberika sebuah review mengenai aplikasi yang dapat mengorganisir hal-hal diatas, nama aplikasinya adalah Keeping Touch.

Dengan aplikasi Keeping Touch ini pembaca dapat mengatur semua kontak-kontak penting sehingga nantinya Keeping Touch dapat mengingatkan pembaca untuk tidak lupa menghubungi kontak-kontak penting tersebut.  Pembaca bisa mengatur waktu pengingatnya, misalnya setiap satu hari, 3 hari, satu minggu, sebulan, 6 bulan bahkan satu tahun.

Saat pertama pembaca membuka aplikasi ini, pembaca akan melihat 3 buah tab yang isinya Assistans, Statistics dan Contacts. Pembaca bisa mengatur pengingat dibagian tab Contacts. Secara default aplikasi ini sudah membuatkan 2 group bawaan, yaitu Close Family dan Best Friends. Pembaca bisa memasukan pengingat ke group ini atau membuat sebuah group baru sendiri.

Jika pembaca sudah mengatur waktu untuk pengingat untuk menelpon, pada waktu yang telah ditentukan pembaca akan mendapatkan sebuah pesan pengingat untuk melakukan panggilan ke nomor yang sudah pembaca tentukan sebelumnya. Jika pengingat ini muncul, pembaca juga bisa melakukan panggilan langsung melalui aplikasi ini tanpa harus keluar dari aplikasi.

Saya rasa aplikasi ini cukup berguna bagi pembaca yang memiliki tingkat kesibuka yang tinggi dan juga sering lupa untuk menghubungi orang-orang yang pembaca cintai maupun orang orang yang penting dalam hidup pembaca. Semoga informasi ini bermanfaat.

Minggu

Aplikasi Yang Berguna Bagi Pengguna Android Baru.



Jika pembaca pengguna baru Smartphone Android dan masih bingung aplikasi apa saja yang harus diinstall untuk dapat meningkatkan kegunaan dari SmartPhone ini, tenang saja saya akan mencoba memberikan beberapa aplikasi yang berguna.

Berikut ini saya coba merangkum beberapa aplikasi terbaik yang bisa pembaca gunakan berdasarkan fungsinya masing-masing.

Jejaring Sosial.
Facebook : Hampir semua orang memiliki facebook, jadi ini pasti aplikasi pertama yang anda install pada saat memiliki Smartphone Android.

Google + : Google + merupakan salah satu aplikasi Jejaring Sosial terbaik yang ada di google play. Jika anda belum memiliki akun Google +, aplikasi ini bisa menjadi pilihan yang tepat untuk menjelajahi Google + untuk pertama kalinya.

Falcon Pro / Plume : Twitter merupakan salah satu jejaring sosial yang banyak dinikmati penggemarnya, bagi pembaca yang menginginkan aplikasi untuk twitter dengan tampilan yang menarik, aplikasi seperti Falcon Pro atau Plume ini bisa menjadi pilihan yang tepat.

Path / Instagram : Jika pembaca menyukai dunia fotografi atau memiliki hobi sharing foto, aplikasi seperti Path atau Instagram ini merupakan aplikasi yang wajib pembaca install.

Snapseed : Berbicara mengenai foto, aplikasi Snapseed ini bisa menjadi aplikasi yang berguna bagi pembaca dalam hal editing foto, aplikasi ini memberikan kemampuan yang baik dalam hal mengedit foto.

Reading.
Press / Feedly / Pulse : jika pembaca suka sekali membaca di Google Reader, pembaca pasti akan sangat menyukai aplikasi ini. Ketiga aplikasi tersebut memiliki kegunaan yang sama, namun memiliki keunikan yang berbeda satu dengan lainnya.

Zite : Zite dikenal juga sebagai aplikasi pencari kontent, pilih kategori yang pembaca suka dan zite akan menemukan artikel yang pembaca sesuai dengan minat pembaca.

News : Senang membaca informasi baru di Google News? Aplikasi ini wajib menjadi aplikasi yang harus diinstall oleh pembaca.

Music.
Google Music : Dengan aplikasi ini pembaca dapat mesinkronisasi semua lagu yang ada di akun Google Music pembaca ke Smartphone Android yang pembaca miliki, jadi sekarang gak perlu lagi masukin lagu satu satu ke Micro SD

Double Twist Player : Double Twist merupakan aplikasi musik player yang memiliki desain tampilan yang sangat indah. Memiliki banyak feature, namun jika pembaca ingin mendapatkan fitur lebih dari yang disediakan, pembaca dapat membelinya sehingga memiliki fungsi yang lebih banyak.

PowerAmp : Music player yang terkenal lainnya adalah PowerAmp, powerAmp memiliki feature mendengarkan musik yang sangat banyak bagi para pecinta musik.

TuneIn Radio : Pembaca suka mendengarkan radio? TuneIn ini dapat mejadi aplikasi terbaik yang dapat menemani pembaca mendengarkan siaran radio di seluruh dunia.

Mungkin itu beberapa aplikasi yang bisa pembaca install SmartPhone pembaca, semoga beberapa aplikasi diatas dapat memberikan pilihan bagi pembaca yang baru masuk ke dunia Android, selamat menginstall dan selamat menjelajah di dunia Android.