headerphoto

Menakjubkan teknik Cascading Style Sheet (CSS) ini, banyak perubahan design web yang bisa dilakukan olehnya. Semula background web atau blog menggunakan gambar, bisa kita ganti dengan memakai efek gradient CSS. Contoh penggunaan CSS tersebut akan membuat ukuran blog lebih ringan dan loadingnya menjadi lebih cepat.

Menggunakan teknik CSS, kita harus mengerti tata cara penulisannya. Pada tulisan sebelumnya, telah saya bahas dua buah teknik penulisan CSS, yaitu Inline Style Sheet dan Embedded Style Sheet. Masih dari referensi yang sama, teknik ketiga atau yang terakhir cara penulisan CSS adalah Linked Style Sheet. Metode ini hampir sama dengan metode Embedded Style Sheet, hanya saja pendefinisian tag <style> ... </style> dibuat pada file terpisah dan disimpan dalam format .css.

Selanjutnya, kita gunakan semacam tautan menuju file CSS itu jika halaman web atau blog yang didesain akan dibuat seperti model yang ada di script tersebut.

Paragrap ketiga adalah contoh hasil dari cara penulisan CSS Linked Style Sheet. Kawan bisa menggunakan efek CSS tersebut pada postingan atau artikel yang kawan tulis, dengan cara
1) Bagian Template
  1. Sign In ke Blogger - Rancangan - Edit HTML
  2. Cari kode <b:skin>
  3. Copy paste kode berikut ini tepat diatasnya
    <link href='http://moalmules.googlecode.com/files/goodbox.css' media='all' rel='stylesheet' type='text/css'/>
  4. Simpan Template

2) Bagian Posting
  1. Klik tab Posting untuk membuat entri baru
  2. Dalam modus Edit HTML, paragrap yang akan diberi efek CSS terletak diantara kode <div class="box">...</div>
  3. Selesai menulis, Terbitkan Entri
  4. Lihat hasilnya

Bila menemukan error, solusinya baca Isu, Masalah, dan Solusi CSS Linked Style Sheet pada Blog

Next→
←Prev

Terkait

Share: FB-share Twitter-share

Join dan Dapatkan Info Terbaru via Email

2 komentar

  1. Makasih untuk infonya numpang bolehkan TIANG ANTRIAN untuk antrian biar ga semerawut

    BalasHapus
  2. :l: Met siang mas???? mas punya kode css jika gambar di klik jadi fullscreen ga ya???? berbagi dong mila tunggu kasih tau mila lewat komen di Blog Mila ya mas

    BalasHapus