
Sebuah template pada dasarnya akan terlihat begitu indah dengan tampilan yang tidak hanya polos semata, maka banyak dari Template yang ada selalu menggunakan warna dalam menghiasi tampilannya.
Mulanya warna diproyeksikan sebagai pelengkap semata, namun lambat laun warna digunakan sebagai indentitas yang mempengaruhi Template secara keseluruhan. Sebagai contoh kita mengenal Facebook dengan tampilan kombinasi warna putih dan biru, dan semua orang pasti mengetahui akan hal ini.
Twitter bisa kita bilang sangat identik dengan warna biru langitnya, dan semua orang tentu mengetahui hal itu. Tentu saja warna adalah identitas dari sebuah template yang menaungi sebuah website atau blog. Terlepas dari itu semua, unsur gambar adalah hal yang paling utama ditentukan oleh designer template, namun warna adalah hal paling pentingnya.
Untuk lebih memudahkannya k'ian berikan sebuah widget mengenai aneka warna berserta kodenya.
Dari contoh widget diatas kita bisa sangat mudah dalam menentukan beberapa warna yang ingin kita gunakan, sebagai contoh apabila ingin menggunakan sebuah warna merah - cukup klik kotak yang berwarna merah dan lihat kode yang muncul.
Cara penggunaan kode warna
Penggunaan kode warna hampir tidak ada yang berbeda (karena kode ini masuk dalam style kode CSS) sehingga bisa digunakan sebagai background ataupun style color. Mungkin agak sedikit bingung dengan penjelasan k'ian ini, tapi intinya unsur warna yang ada dalam sebuah template itu menaungin "Background/Latar Belakang" dan "Font/Tulisan". Namun perkembang yang terjadi saat ini juga digunakan border, sehingga penggunaan perintah dari kode inilah yang memiliki perbedaan.
Berikut cara penggunaannya,
1. Pada style Background
Untuk kode CSS yang lazim digunakan diluar kode utamanya semisal #body atau #wrapper ( untuk teman-teman yang menggunakan blogpot sudah mengenal kedua kode induk diatas.)
sebagai contoh
Twitter bisa kita bilang sangat identik dengan warna biru langitnya, dan semua orang tentu mengetahui hal itu. Tentu saja warna adalah identitas dari sebuah template yang menaungi sebuah website atau blog. Terlepas dari itu semua, unsur gambar adalah hal yang paling utama ditentukan oleh designer template, namun warna adalah hal paling pentingnya.
Untuk lebih memudahkannya k'ian berikan sebuah widget mengenai aneka warna berserta kodenya.
Cara penggunaan kode warna
Penggunaan kode warna hampir tidak ada yang berbeda (karena kode ini masuk dalam style kode CSS) sehingga bisa digunakan sebagai background ataupun style color. Mungkin agak sedikit bingung dengan penjelasan k'ian ini, tapi intinya unsur warna yang ada dalam sebuah template itu menaungin "Background/Latar Belakang" dan "Font/Tulisan". Namun perkembang yang terjadi saat ini juga digunakan border, sehingga penggunaan perintah dari kode inilah yang memiliki perbedaan.
Berikut cara penggunaannya,
1. Pada style Background
Untuk kode CSS yang lazim digunakan diluar kode utamanya semisal #body atau #wrapper ( untuk teman-teman yang menggunakan blogpot sudah mengenal kedua kode induk diatas.)
sebagai contoh
#body{background:#000000; padding:5px; margin:5px; text-align:center;}
Dari kode diatas kode yang k'ian gunakan adalah "background:#000000;" yang berarti warna backgroundnya adalah warna hitam (kamu bisa melihat kode warna dari tabel diatas) sehingga akan muncul tampilan sebagai berikut :
Contoh 1
2. Pada style Font
Kita bisa memainkan kode warna seperti pada penjelasan style background diatas hanya saja kode perintahnya yang berbeda. dalam hal ini kita menggunakan kode CSS dan perintah HTML nya. sama seperti contoh kode CSS Background diatas :
#body{background:#000000; color:#fff; padding:5px; margin:5px; text-align:center;}
Terlihat contoh diatas kode warna tulisan yang muncul adalah color:#fff; untuk warna putih (kamu bisa melihat kode warna dari tabel diatas), kamu tentunya bisa merubah warna dengan keinginan kamu.
Dari contoh diatas kita akan lihat hasilnyaDari beberapa penjelasan diatas k'ian berharap ini bisa menjadi bahan contoh yang baik buat sobat sekalian.Contoh warna font berwarna putih dengan background berwarna hitam, pola warna untuk tulisan bisa kamu ubah sesuai dengan keinginan kamu.
Related Post :
Tips
- 30 Menit Latihan "Freestyle" Bakar 600 Kalori
- Menganggur, salah satu faktor penyebab pria mandul
- 6 Penyakit Kronis Kini Intai Kaum Muda
- Ingin Seks Sehat, Hindari dari Stres!
- Seks Ternyata Bisa Bikin Cantik
- Nutrisi Yang Mampu Menjaga Kesehatan Vagina
- Inilah Proses yang pada Tubuh Terjadi Saat Tidur Siang
- Cegah Rambut Beruban dengan Konsumsi Beras Merah
- Minum Air Putih Berlebihan, Ternyata Bisa Berbahaya
- 8 Tragedi Kecelakaan Pada Vagina
- Tips Mengatasi Ketombe Yang Membandel di Kepala
- Inilah Olahraga Yang Bisa Bikin Seksi
- Tips Agar Mr P Lebih Perkasa
- Mau turun kolestrol, minum susu kedelai
- Ingin anak laki-laki, coba dengan "Doggy Style"
- Tips agar rambut tak menjadi kusam
trik
- Cara Membuat Kolom Widget Sejajar (Sama Tinggi)
- CSS3 : Efek Transisi Rotasi dengan simple dan sederhana
- Cara pasang gambar pada judul Gadget / Widget Blog
- Maaf teman, k'ian tidak bisa membalas Blogwalking saat ini
- Program Adsense Chitika dalam blog berbahasa Indonesia
- Setting tampilan CSS agar sama diseluruh Browser dengan CSS reset
- Cara buat kolom text magazine dengan CSS3
- Supaya kinerja situs atau blog lebih cepat
- Mengenal kode Box Shadow dengan CSS3
- Simple Tooltips dengan CSS & Jquery trik
- Efek dan style untuk Gambar pada Blogspot
- Setting domain blogspot dengan script Mobile blog otomatis
- Cara Pasang Sliding Post dengan disertai gambar (Thumbnails)
- modification of the text with CSS 3 Text shadow
- Posting widget kategori tertentu dengan tambahan Thumbnails
- Show All total post dan Comment post pada blog

saya tiao kali nemuin tools warna, pasti ada yg beda...makana saya sikat toolsna...sssttt...hihihihi :D ...Replay