Beberapa Cara Mengatur Style Komponen HTML
Mari kita teruskan tutorial CSS yang sempat tertunda. Langsung saja kita masuk ke acara inti tanpa perlu melakukan pemanasan seperti bercinta yang penuh gaya. Perlu juga saya katakan terlebih dahulu bahwa tutorial ini ala saya, jadi kalau anda menginginkan bahasan yang sistematis sesuai teori maka mungkin tutorial ini nantinya agak aneh, karena saya menuliskan tutorial berdasarkan pengalaman saya dalam belajar tanpa guru (otodidak), jadi jangan tanya yang teoritis, jika istilah yang saya gunakan salah juga mohon dimaafkan. Tujuan tutorial ini agar anda mampu membuat style pada blog anda, perkara definisi dll kalau saya kesulitan maka akan saya gunakan bahasa dan istilah saya sendiri. Setuju gak? menurut saya yang penting kan hasilnya, teori thok gak ada praktek sama saja menghayal bercinta dengan Ayu Anjani.
Dalam memasukkan style kedalam komponen HTML bisa menggunakan beberapa cara. Beberapa cara seperti dibawah ini:
- Memasukkan langsung pada tag yang ingin diberi style
- Mendefinisikan terlebih dahulu ID dan CLASS dibagian <head> dan </head>
- Mendefinisikan CSS pada file terpisah dengan extensi .css kemudian dipanggil dari halaman HTML.
Nah saya hanya tahu 3 cara diatas, ada yang lain? ah yang jelas 3 itu aja sudah bisa membuat blog bagus kok. Yang mana yang paling bagus dari 3 cara diatas? Jika anda bertanya demikian maka saya akan menjawab bahwa pertanyaan anda salah. Harusnya bertanya bilamana atau kapan atau dalam keadaan bagaimana kita menggunakan 3 cara diatas?.
Ketiga cara diatas bisa digunakan bersamaan, atau salah satu saja. Sebagai penjelasan maka 3 cara diatas biasa digunakan seperti dibawah ini (penjelasan sesuai nomor diatas):
- Biasa digunakan memasukkan style khusus yang ingin ditampilkan unik dan tidak sering berulang. Biasanya mengatur untuk postingan. Misal ingin warna paragrap kuning pada postingan tertentu dll.
- Ini biasanya digunakan untuk mendifinisikan style template secara umum, karena untuk menghemat waktu pengetikan style pada tiap tag yang digunakan. Di deretan CSS ini akan ada pendefinisian ID dan CLASS yang nanti tinggal dipanggil dari tag yang ada dibagian BODY didokumen HTML. Cara ini dipakai pada blog di blogspot secara umum karena tidak memiliki hosting sendiri. Kecuali blog belajar SEO sudah tidak menggunakan ini (hehe narsis dikit ya..)
- Ini sama dengan penjelasan nomor dua hanya saja ditempatkan pada file terpisah dan dipanggil dari dokumen HTML yang pemanggilannya juga ada dibagian <head> dan </head>. Ini dilakukan untuk merapikan kode dan memudahkan pemasangan image karena bisa menggunakan relatif address. Yang tidak mengerti apa itu relatif address silahkan baca tutorial HTML dulu, saya lupa seri keberapa tapi bisa anda cari disini.
Sekian dulu tutorial kali ini, nanti disambung lagi pada teknis dan contoh pada artikel-artikel berikutnya. O iya kalau anda ingin tahu sedikit manfaat CSS yang digabung dengan teknik SEO, anda bisa membaca Optimasi SEO lembut tapi perkasa dan anda bisa langsung mempraktekkannya. Lumayan buat menunjang kontes SEO belajar SEO para pemula, Rusli Zainal Sang Visioner, atau kontes SEO Aristia Wida Rukmi.
NB PENTING: Jika anda berniat belajar sungguh-sungguh silahkan ikuti petunjuk yang saya berikan, jika saya rekomendasikan membaca sebuah artikel itu artinya anda harus tahu dulu penjelasan dalam artikel tersebut. Karena saya ingin tutorial padat tapi jelas tanpa mengulang-ulang penjelasan yang sama. Ingat anda tidak akan sampai anak tangga kesepuluh sebelum melewati anak tangga pertama sampai kesembilan, kecuali anda bisa terbang.
Incoming search terms for the article:
Dengan adanya CSS ini maka desain akan lebih mudah dilakukan dan juga script html terlihat relatif "bersih". CSS dapat mengatur mengenai tata letak, style font, warna dan lain sebagainya. Cara penyantuman CSS terdapat 2 cara yakni css yang .... Disini kita aka membuat beberapa style antara lain style content, top content (ini buat gambar2 yang diatas postingan), main content (isi postingan) left content (event). Dalam style2 ini kita mengatur mengenai positioning dan ... 
CSS dapat digunakan untuk memformat elemen-elemen HTML apa pun, misalnya border dan padding. 1. Border Properti border merepresentasikan batas dari suatu bidang area, misalnya paragraf. Properti ini menyediakan beberapa style yang bisa ... Untuk menempatkan area kerangka berada di tengah—se cara horizontal—browser, kita dapat memanfaatkan atribut margin. Tekniknya, tetapkan nilai auto pada margin, di mana akan mengakibatkan posisi secara otomatis diatur di tengah. ... 
Berisi komponen-komponen HTML yang sering dipakai. 2.Layout Berisi pengaturan tampilan standar,expanded,atau layout. 3.Forms Menambahkan elemen form ke dalam halaman. 4.Text Berisi pengaturan (formatting) text. 5.HTML ... Digunakan untuk pengaturan CSS style halaman web. 2.Panel Application Digunakan untuk mengatur dan mendefinisikan server-side-scripting yang digunakan. 3.Panel Tag Digunakan untuk mengatur dan menambahkan beberapa event dan fungsi javascript pada tag ... 
A. Menjalankan beberapa aplikasi. B. Berpindah antar aplikasi. C. Mengatur beberapa Windows Aplikasi II Object Linking Embedding (OLE) A. Pengertian OLE B. Penerapan Embedding C. Penerapan Linking 3.4. DATA 3.4.1. pengertian data ..... Menciptakan informasi dengan Membuat Blog di Internet 5. Lembaran Kerja Siswa 6. Soal – soal Latihan SEMESTER 2. Bab 3 Perangkat Lunak untuk pengolah gambar dengan Corel Draw : 1. Pengenalan Corel Draw 2. Cara Mengoperasikan Corel Draw ... 
Wah.... saya tetap akan memberikan cara membuat es lidah buaya untuk dinikmati bareng-bareng bersama para Blogger Mungkin sebagian besar orang tahu bahwa lidah buaya sangat baik untuk kesehatan rambut tapi ternyata lidah buaya juga bisa kita buat menjadi es. ... Hasil penelitian lain terhadap lidah buaya menunjukkan bahwa karbohidrat merupakan komponen terbanyak setelah air, yang menyumbangkan sejumlah kalori sebagai sumber tenaga. Makanan Kesehatan ... 
waa perlu dipraktekan lagi….
Maknyuz nih.
Duh mas, aku belum sempat ‘nimpuk’ balik je. Maaf ya.
[...] anda memahami cara-cara mengatur style pada halaman HTML, sekarang langsung menuju penjelasan dari point pertama penjelasan tutorial CSS sebelumnya yaitu [...]
Wah mantep neh ? Previewnya mana bos ?