Cara Mengubah Warna dan Font Blog dengan CSS
Cara Mengubah Warna dan Font Blog dengan CSS
CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan halaman web, termasuk warna, ukuran font, margin, dan elemen visual lainnya. Dengan CSS, blog Anda akan terlihat lebih menarik dan profesional tanpa mengubah konten HTML.
1. Menambahkan CSS di Blog
Ada tiga cara menambahkan CSS di blog:
- Inline CSS: CSS langsung diterapkan di elemen HTML. Contoh:
<p style="color:blue; font-family: Arial; font-size:16px;">Ini paragraf dengan warna biru.</p>
- Internal CSS: CSS ditulis di dalam tag <style> di bagian <head> (seperti contoh ini).
- External CSS: CSS ditulis di file terpisah (.css) dan dihubungkan dengan <link> di head.
2. Mengubah Warna Blog
Beberapa contoh mengubah warna:
- Background:
body { background-color: #ffffff; } - Teks paragraf:
p { color: #333333; } - Link:
a { color: #ff6600; text-decoration: none; } a:hover { color: #ff3300; }
3. Mengubah Font Blog
CSS memungkinkan mengubah jenis, ukuran, dan gaya font:
- Jenis font:
body { font-family: 'Arial', sans-serif; } - Ukuran font:
h1 { font-size: 36px; } p { font-size: 16px; } - Style font:
p { font-style: italic; font-weight: bold; text-transform: uppercase; }
4. Contoh Gambar dengan CSS
Gambar bisa dibuat lebih menarik dengan border dan sudut membulat:
5. Kesimpulan
Dengan CSS, Anda bisa mengubah tampilan blog sesuai keinginan. Mulai dari background, font, warna teks, link, hingga gambar, semua bisa dikustomisasi agar blog terlihat profesional dan menarik.
Mulailah bereksperimen dengan kombinasi warna dan font untuk menemukan style yang paling sesuai dengan blog Anda.
